From de41af961346592ce292429ba508dd03ed126931 Mon Sep 17 00:00:00 2001
From: hzz <hzz>
Date: Wed, 11 Oct 2023 17:04:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=BA=E6=A2=B0=E5=88=86=E5=8E=82=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E5=B1=8F=20=E4=BF=9D=E5=85=BB=E6=8F=90=E9=86=92?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Mechanics/components/devStatusTip.vue     | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/views/Mechanics/components/devStatusTip.vue b/src/views/Mechanics/components/devStatusTip.vue
index a137a3b..5ec6411 100644
--- a/src/views/Mechanics/components/devStatusTip.vue
+++ b/src/views/Mechanics/components/devStatusTip.vue
@@ -29,7 +29,7 @@
               </el-col>
               <el-col :span="18" class="col-flex"
                 style="flex-direction: column; font-size: 18px; color: #fff; align-items: flex-start;">
-                <p><span>{{ label.name }} ：</span><span>{{ res.name }}</span></p>
+                <p class="item-name"><span class="item-name-key">{{ label.name }}：</span><span class="item-name-value">{{ res.name }}</span></p>
                 <p style="margin-top: 10px 0;">
                   <span>{{ label.date }}：</span><span>{{ res.date }}</span> &nbsp;
                   <span>{{ label.duration }}：</span><span>{{ res.duration }}</span>
@@ -49,7 +49,7 @@
                 </el-col>
                 <el-col :span="18" class="col-flex"
                   style="flex-direction: column; font-size: 18px; color: #fff; align-items: flex-start;">
-                  <p><span>{{ label.name }} ：</span><span>{{ res.name }}</span></p>
+                  <p class="item-name"><span class="item-name-key">{{ label.name }}：</span><span class="item-name-value">{{ res.name }}</span></p>
                   <p style="margin-top: 10px 0;">
                     <span>{{ label.date }}：</span><span>{{ res.date }}</span> &nbsp;
                     <span>{{ label.duration }}：</span><span>{{ res.duration }}</span>
@@ -148,7 +148,7 @@ const onSlideChange = (e) => { };
 
 .col-flex {
   display: flex;
-  justify-content: center;
+  justify-content: space-around;
   align-items: center;
 }
 
@@ -158,5 +158,18 @@ swiper-container {
   height: 100%;
   display: inline-block !important;
 }
+
+.item-name {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.item-name-key {
+  width: 92px;
+}
+.item-name-value {  
+  flex: 1;
+  text-align: left;
+}
 </style>
   
\ No newline at end of file