9.20 标题和状态表示

src/views/home/homepage/index.vue

@@ -5,6 +5,7 @@
 			<el-col :span="6" style="margin-top: 20px">
 				<el-card style="background-color: #28353f; border: #28353f">
 					<div class="xxxx">
+						<span style="color: #fff; font-size: 26px;font-weight: 900;">青拓换电站控制平台</span>
 						<div class="swapper_order">
 							<div>
 								<el-icon color="#fff"><House /></el-icon>
@@ -166,13 +167,15 @@
 										<div v-for="index in zzlist.dataList" :key="index" class="item_box">
 											<span>{{ index.no }}</span>
 											<span>{{ index.chargerNo }}</span>
-											<span>{{ index.chargeConnectFlag }}</span>
-											<span>{{ index.chargeStatus }} </span>
+											<span>{{ index.chargeConnectFlag == true ? "是" : "否"}}</span>
+											<span>{{ index.chargeStatus ==0 ? "未知":'--' || index.chargeStatus == 1 ? "正在充电":'--' ||index.chargeStatus == 2 ? "无电池":'--' || index.chargeStatus == 3 ? "禁用":'--' || index.chargeStatus == 4 ? "停止充电":'--'}} </span>
+											<!-- 0-未知；1-正在充电；2-无电池；3-禁用；4-充电停止 -->
 											<span>{{ index.chargingTime }} </span>
 											<span>{{ index.onceElectricCharge }} </span>
 											<span>{{ index.batteryNo }} </span>
 											<span>{{ index.soc }} </span>
-											<span>{{ index.canSwapFlag }} </span>
+											<span>{{ index.canSwapFlag  ==0 ? "不可换电":'--' || index.canSwapFlag == 1 ? "可以换电":'--'  }} </span>
+											<!-- 0:不可换电 1:可以换电 -->
 										</div>
 									</div>
 								</div>
@@ -312,7 +315,7 @@ const getchargerList = async () => {
 
 }
 .swapper_order1 {
-	height: calc(100vh - 755px);
+	height: calc(100vh - 794px);
 	margin-top: 30px;
 
 	color: #fff;