diff --git a/src/views/plan/EquipmentStatus.vue b/src/views/plan/EquipmentStatus.vue index cae2f22..4309e6e 100644 --- a/src/views/plan/EquipmentStatus.vue +++ b/src/views/plan/EquipmentStatus.vue @@ -92,27 +92,37 @@
基本信息
-
- 设备编号: - {{ selectedEquipmentCode }} - 轴号: - {{ selectedAxle.axle_number }} - 运行状态: - - {{ selectedAxle.update_time ? '运行中' : '不在运行' }} - -
-
- 规格: - {{ selectedAxle.specification || '无' }} - 型号: - {{ selectedAxle.model || '无' }} - 线盘: - {{ selectedAxle.raw_wire_disc || '无' }} -
-
- 完成度: - {{ (selectedAxle.degree_of_completion * 100).toFixed(1) }}% +
+
+ 设备编号: + {{ selectedEquipmentCode }} +
+
+ 轴号: + {{ selectedAxle.axle_number }} +
+
+ 运行状态: + + {{ selectedAxle.update_time ? '运行中' : '不在运行' }} + +
+
+ 规格: + {{ selectedAxle.specification || '无' }} +
+
+ 型号: + {{ selectedAxle.model || '无' }} +
+
+ 线盘: + {{ selectedAxle.raw_wire_disc || '无' }} +
+
+ 完成度: + {{ (selectedAxle.degree_of_completion * 100).toFixed(1) }}% +
库存信息
@@ -1680,6 +1690,21 @@ const updateCharts = () => { line-height: 1.5; } +/* 3列网格布局容器 */ +.info-grid-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 12px; + margin-bottom: 15px; +} + +/* 网格项样式 */ +.info-item { + display: flex; + align-items: center; + min-height: 32px; +} + /* 规格、型号、线盘在同一行显示的特殊样式 */ .specification-row { flex-wrap: wrap; @@ -1690,11 +1715,7 @@ const updateCharts = () => { padding: 2px 6px; border-radius: 3px; margin-right: 10px; -} - -.model-label { - min-width: auto; - margin-left: 5px; + display: inline-block; } .model-item { @@ -1702,17 +1723,15 @@ const updateCharts = () => { padding: 2px 6px; border-radius: 3px; margin-right: 10px; -} - -.disc-label { - min-width: auto; - margin-left: 5px; + display: inline-block; } .disc-item { background-color: rgba(230, 162, 60, 0.1); padding: 2px 6px; border-radius: 3px; + margin-right: 10px; + display: inline-block; } /* 库存信息在同一行显示的特殊样式 */ @@ -1768,14 +1787,15 @@ const updateCharts = () => { } .detail-label { - min-width: 100px; + min-width: 80px; font-weight: bold; color: #606266; + text-align: left; } .detail-value { - flex: 1; color: #303133; + text-align: left; } .detail-title {