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

---
 .../replace_battery/replace_log/details.vue   | 93 +++++--------------
 .../replace_battery/replace_log/index.vue     |  2 +
 2 files changed, 23 insertions(+), 72 deletions(-)

diff --git a/src/pages/replace_battery/replace_log/details.vue b/src/pages/replace_battery/replace_log/details.vue
index 55d6c59..2e1427a 100644
--- a/src/pages/replace_battery/replace_log/details.vue
+++ b/src/pages/replace_battery/replace_log/details.vue
@@ -1,4 +1,4 @@
-<template>
+<template >
   <a-modal
     title="换电详情"
     :width="1400"
@@ -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
-                  ? "换电故障"
-                  : "--"  -->
+
diff --git a/src/pages/replace_battery/replace_log/index.vue b/src/pages/replace_battery/replace_log/index.vue
index 0de78a6..15acf81 100644
--- a/src/pages/replace_battery/replace_log/index.vue
+++ b/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>