From 88b2c05f7890afbf5440814abf7ef36fc23797ea Mon Sep 17 00:00:00 2001
From: huangjinysf <huangjinysf@163.com>
Date: Thu, 25 Dec 2025 09:22:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=BE=E5=A4=87=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E8=AF=A6=E6=83=85=E5=B8=83=E5=B1=80=EF=BC=8C=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E7=BD=91=E6=A0=BC=E5=B8=83=E5=B1=80=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?=E5=9F=BA=E6=9C=AC=E4=BF=A1=E6=81=AF=E5=B1=95=E7=A4=BA=EF=BC=8C?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=A0=87=E7=AD=BE=E5=92=8C=E5=80=BC=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=AF=B9=E9=BD=90=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/plan/EquipmentStatus.vue | 86 ++++++++++++++++++------------
 1 file changed, 53 insertions(+), 33 deletions(-)

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 @@
         <!-- 左侧：轴基本信息 -->
         <div class="axle-info-panel">
           <div class="detail-title">基本信息</div>
-          <div class="detail-row">
-            <span class="detail-label">设备编号:</span>
-            <span class="detail-value">{{ selectedEquipmentCode }}</span>
-            <span class="detail-label">轴号:</span>
-            <span class="detail-value">{{ selectedAxle.axle_number }}</span>
-            <span class="detail-label">运行状态:</span>
-            <span class="detail-value" :class="{ 'status-running': selectedAxle.update_time, 'status-stopped': !selectedAxle.update_time }">
-              {{ selectedAxle.update_time ? '运行中' : '不在运行' }}
-            </span>
-          </div>
-          <div v-if="selectedAxle.update_time" class="detail-row specification-row">
-            <span class="detail-label">规格:</span>
-            <span class="detail-value spec-item">{{ selectedAxle.specification || '无' }}</span>
-            <span class="detail-label model-label">型号:</span>
-            <span class="detail-value model-item">{{ selectedAxle.model || '无' }}</span>
-            <span class="detail-label disc-label">线盘:</span>
-            <span class="detail-value disc-item">{{ selectedAxle.raw_wire_disc || '无' }}</span>
-          </div>
-          <div v-if="selectedAxle.update_time" class="detail-row">
-            <span class="detail-label">完成度:</span>
-            <span class="detail-value">{{ (selectedAxle.degree_of_completion * 100).toFixed(1) }}%</span>
+          <div class="info-grid-container">
+            <div class="info-item">
+              <span class="detail-label">设备编号:</span>
+              <span class="detail-value">{{ selectedEquipmentCode }}</span>
+            </div>
+            <div class="info-item">
+              <span class="detail-label">轴号:</span>
+              <span class="detail-value">{{ selectedAxle.axle_number }}</span>
+            </div>
+            <div class="info-item">
+              <span class="detail-label">运行状态:</span>
+              <span class="detail-value" :class="{ 'status-running': selectedAxle.update_time, 'status-stopped': !selectedAxle.update_time }">
+                {{ selectedAxle.update_time ? '运行中' : '不在运行' }}
+              </span>
+            </div>
+            <div v-if="selectedAxle.update_time" class="info-item">
+              <span class="detail-label">规格:</span>
+              <span class="detail-value spec-item">{{ selectedAxle.specification || '无' }}</span>
+            </div>
+            <div v-if="selectedAxle.update_time" class="info-item">
+              <span class="detail-label">型号:</span>
+              <span class="detail-value model-item">{{ selectedAxle.model || '无' }}</span>
+            </div>
+            <div v-if="selectedAxle.update_time" class="info-item">
+              <span class="detail-label">线盘:</span>
+              <span class="detail-value disc-item">{{ selectedAxle.raw_wire_disc || '无' }}</span>
+            </div>
+            <div v-if="selectedAxle.update_time" class="info-item">
+              <span class="detail-label">完成度:</span>
+              <span class="detail-value">{{ (selectedAxle.degree_of_completion * 100).toFixed(1) }}%</span>
+            </div>
           </div>
           <div v-if="selectedAxle.update_time && (selectedAxle.total_number || selectedAxle.total_net_weight || selectedAxle.total_gross_weight)" class="stock-details">
             <div class="detail-title">库存信息</div>
@@ -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 {