4.24下午第一次提交

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>