From 29daf046a2ceda528586e7f1629bc7bfef4debb6 Mon Sep 17 00:00:00 2001
From: zz <2510566342@qq.com>
Date: Wed, 24 Apr 2024 14:45:41 +0800
Subject: [PATCH] =?UTF-8?q?4.24=E4=B8=8B=E5=8D=88=E7=AC=AC=E4=B8=80?=
 =?UTF-8?q?=E6=AC=A1=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../replace_battery/replace_log/details.vue   | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/pages/replace_battery/replace_log/details.vue b/src/pages/replace_battery/replace_log/details.vue
index 2e1427a..47071b6 100644
--- a/src/pages/replace_battery/replace_log/details.vue
+++ b/src/pages/replace_battery/replace_log/details.vue
@@ -685,20 +685,9 @@
           </div>
         </a-col>
         <a-col :span="8">
-          <!-- 充电机编号：<label class="value">{{ model.chargeNo }}</label> -->
           <div style="height: 1200px; max-width: 600px;margin-left:5%">
             <el-steps direction="vertical" :active="active">
-              <el-step :title="`${steps[0].fSwapStatusName}`" :description="`${ steps[0].fStatusTime }`"/>
-              <el-step :title="`${steps[1].fSwapStatusName}`" :description="`${ steps[1].fStatusTime }`"/>
-              <el-step :title="`${steps[2].fSwapStatusName}`" :description="`${ steps[2].fStatusTime }`"/>
-              <el-step :title="`${steps[3].fSwapStatusName}`" :description="`${ steps[3].fStatusTime }`"/>
-              <el-step :title="`${steps[4].fSwapStatusName}`" :description="`${ steps[4].fStatusTime }`"/>
-              <el-step :title="`${steps[5].fSwapStatusName}`" :description="`${ steps[5].fStatusTime }`"/>
-              <el-step :title="`${steps[6].fSwapStatusName}`" :description="`${ steps[6].fStatusTime }`"/>
-              <el-step :title="`${steps[7].fSwapStatusName}`" :description="`${ steps[7].fStatusTime }`"/>
-              <el-step :title="`${steps[8].fSwapStatusName}`" :description="`${ steps[8].fStatusTime }`"/>
-              <el-step :title="`${steps[9].fSwapStatusName}`" :description="`${ steps[9].fStatusTime }`"/>
-              <el-step :title="`${steps[10].fSwapStatusName}`" :description="`${ steps[10].fStatusTime }`"/>
+              <el-step v-for="item in steps" :key='item.index' :title="`${item.fSwapStatusName}`" :description="`${item.fStatusTime}`"/>             
             </el-steps>
           </div>
         </a-col>
@@ -750,7 +739,7 @@ export default {
         this.two = res.stationOrderBattLogInfos[1];
         this.three = res.stationOrderBattLogInfos[2];
         this.steps = res.stateList;
-        console.log(this.steps,"steps")
+        // console.log(this.steps,"steps")
         this.active = res.stateList.length;
       });
     },
@@ -785,10 +774,20 @@ export default {
 .content {
   margin-top: 20px;
 }
+/* vue3 */
 :deep(.ant-modal-body){
 height: 80vh;
 overflow: auto;
 }
+/* ::v-deep(.ant-modal-body){
+height: 80vh;
+overflow: auto;
+} */
+/* vue2 */
+/* /deep/.ant-modal-body{
+  height: 80vh;
+overflow: auto;
+} */
 
 </style>