4.24 第一次提交

src/pages/replace_battery/replace_log/details.vue

@@ -686,36 +686,19 @@
         </a-col>
         <a-col :span="8">
           <!-- 充电机编号：<label class="value">{{ model.chargeNo }}</label> -->
-          <div>
+          <div style="height: 1200px; max-width: 600px;margin-left:5%">
             <el-steps direction="vertical" :active="active">
-              <el-step title=" " description=" "
-                ><div>{{ steps[0].fSwapStatusName }}</div>
-                <div>{{ steps[0].fStatusTime }}</div></el-step
-              >
-              <el-step title=" " description=" "
-                ><div>{{ steps[1].fSwapStatusName }}</div>
-                <div>{{ steps[1].fStatusTime }}</div></el-step
-              >
-              <el-step title=" " description=" "
-                ><div>{{ steps[2].fSwapStatusName }}</div>
-                <div>{{ steps[2].fStatusTime }}</div></el-step
-              >
-              <el-step title=" " description=" "
-                ><div>{{ steps[3].fSwapStatusName }}</div>
-                <div>{{ steps[3].fStatusTime }}</div></el-step
-              >
-              <el-step title=" " description=" "
-                ><div>{{ steps[4].fSwapStatusName }}</div>
-                <div>{{ steps[4].fStatusTime }}</div></el-step
-              >
-              <el-step title=" " description=" "
-                ><div>{{ steps[5].fSwapStatusName }}</div>
-                <div>{{ steps[5].fStatusTime }}</div></el-step
-              >
-              <el-step title=" " description=" "
-                ><div>{{ steps[6].fSwapStatusName }}</div>
-                <div>{{ steps[6].fStatusTime }}</div></el-step
-              >
+              <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-steps>
           </div>
         </a-col>
@@ -750,6 +733,7 @@ export default {
       three: null,
       steps: null,
       active: null,
+  
     };
   },
   created() {},
@@ -766,6 +750,7 @@ export default {
         this.two = res.stationOrderBattLogInfos[1];
         this.three = res.stationOrderBattLogInfos[2];
         this.steps = res.stateList;
+        console.log(this.steps,"steps")
         this.active = res.stateList.length;
       });
     },
@@ -800,46 +785,10 @@ export default {
 .content {
   margin-top: 20px;
 }
+:deep(.ant-modal-body){
+height: 80vh;
+overflow: auto;
+}
+
 </style>
-<!-- model.fSwapStatusName == 0
-                  ? "换电站处于Ready状态"
-                  : "--" ||
-                  model.fSwapStatusName == 1
-                  ? "车辆认证成功"
-                  : "--" ||
-                  model.fSwapStatusName == 2
-                  ? "车辆认证失败"
-                  : "--" ||
-                  model.fSwapStatusName == 3
-                  ? "车辆到位"
-                  : "--" ||
-                  model.fSwapStatusName == 4
-                  ? "车辆未到位"
-                  : "--" ||
-                  model.fSwapStatusName == 5
-                  ? "换电未准备好"
-                  : "--" ||
-                  model.fSwapStatusName == 6
-                  ? "换电准备完成"
-                  : "--" ||
-                  model.fSwapStatusName == 7
-                  ? "换电未开始"
-                  : "--" ||
-                  model.fSwapStatusName == 8
-                  ? "换电开始"
-                  : "--" ||
-                  model.fSwapStatusName == 9
-                  ? "换电过程中"
-                  : "--" ||
-                  model.fSwapStatusName == 9
-                  ? "拆旧电池过程中"
-                  : "--" ||
-                  model.fSwapStatusName == 10
-                  ? "装新电池过程中"
-                  : "--" ||
-                  model.fSwapStatusName == 11
-                  ? "换电成功"
-                  : "--" ||
-                  model.fSwapStatusName == 12
-                  ? "换电故障"
-                  : "--"  -->
+

src/pages/replace_battery/replace_log/index.vue

@@ -147,6 +147,8 @@
         @cancel="main_visible = false"
         ref="details"
         @ok="main_visible = false"
+		
+		
       />
     </div>
   </a-card>