diff --git a/src/views/dms/prodBaseMachineInfo/index.vue b/src/views/dms/prodBaseMachineInfo/index.vue
index 800cf8d..aa2c0b5 100644
--- a/src/views/dms/prodBaseMachineInfo/index.vue
+++ b/src/views/dms/prodBaseMachineInfo/index.vue
@@ -181,19 +181,19 @@
+ @selection-change="handleSelectionChange" style="width: 100%">
-
-
+
+
-
+
-
-
+
+
@@ -213,12 +213,12 @@
无图片
-
+
{{ formatDate(scope.row.createTime) }}
-
+
编辑
生命周期
@@ -464,7 +464,7 @@
建立天数
{{ calculateRunDays(selectedMachine.createTime) }}
-
+
@@ -1253,7 +1253,7 @@ const loadLifecycleData = async () => {
id: `install-${install.deviceInstallId}`,
type: 'install',
title: '设备安装',
- description: `安装人员: ${install.installPerson || '-'}`,
+ // description: `安装人员: ${install.installPerson || '-'}`,
time: install.installTime,
icon: markRaw(Setting),
color: '#f093fb',
@@ -1630,6 +1630,8 @@ watch(selectedMachine, (newMachine) => {
position: relative;
overflow: hidden;
padding: 6px;
+ width: 100%;
+ box-sizing: border-box;
}
.factory-bg-decoration {
@@ -1728,7 +1730,11 @@ watch(selectedMachine, (newMachine) => {
}
.main-content {
+ width: 100%;
+
.grid-view {
+ width: 100%;
+
.machine-grid {
display: grid;
grid-template-columns: repeat(5, 1fr); // 修改为一行5个
@@ -1860,22 +1866,40 @@ watch(selectedMachine, (newMachine) => {
}
.list-view {
+ width: 100%;
+
+ :deep(.el-table) {
+ width: 100% !important;
+ }
+
+ :deep(.el-table__body-wrapper) {
+ overflow-x: auto;
+ }
+
.status-cell {
display: flex;
align-items: center;
- gap: 4px;
+ justify-content: center;
+ gap: 6px;
+ min-height: 32px;
.status-badge {
display: inline-block;
- width: 5px;
- height: 5px;
+ width: 8px;
+ height: 8px;
border-radius: 50%;
+ flex-shrink: 0;
&.status-0 { background: #f56c6c; }
&.status-1 { background: #67c23a; }
&.status-2 { background: #e6a23c; }
&.status-3 { background: #909399; }
}
+
+ :deep(.el-tag) {
+ margin: 0;
+ vertical-align: middle;
+ }
}
.date-text {
@@ -2172,4 +2196,61 @@ watch(selectedMachine, (newMachine) => {
opacity: 0;
transform: translateY(-20px);
}
+
+// 响应式设计
+@media (max-width: 1200px) {
+ .dms-machine-ledger {
+ .main-content {
+ .grid-view {
+ .machine-grid {
+ grid-template-columns: repeat(4, 1fr);
+ }
+ }
+ }
+ }
+}
+
+@media (max-width: 992px) {
+ .dms-machine-ledger {
+ .main-content {
+ .grid-view {
+ .machine-grid {
+ grid-template-columns: repeat(3, 1fr);
+ }
+ }
+ }
+ }
+}
+
+@media (max-width: 768px) {
+ .dms-machine-ledger {
+ padding: 4px;
+
+ .main-content {
+ .grid-view {
+ .machine-grid {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ }
+
+ .list-view {
+ :deep(.el-table) {
+ font-size: 12px;
+ }
+ }
+ }
+ }
+}
+
+@media (max-width: 576px) {
+ .dms-machine-ledger {
+ .main-content {
+ .grid-view {
+ .machine-grid {
+ grid-template-columns: 1fr;
+ }
+ }
+ }
+ }
+}