优化

src/components/HomeComponents/stationPie.vue

@@ -12,7 +12,7 @@
                         <div class="countDiv"
                             style="display: flex;flex-direction: column;justify-content: space-between;">
                             <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png"></div>
-                            <div style="display: flex;flex-direction: row;justify-content: space-around;">
+                            <div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
                                 <div class="typeClass">
                                     总装备数
                                 </div>
@@ -26,7 +26,7 @@
                         <div class="countDiv"
                             style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;">
                             <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png"></div>
-                            <div style="display: flex;flex-direction: row;justify-content: space-around;">
+                            <div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
                                 <div class="typeClass">
                                     在线设备
                                 </div>
@@ -40,7 +40,7 @@
                         <div class="countDiv"
                             style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;">
                             <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png"></div>
-                            <div style="display: flex;flex-direction: row;justify-content: space-around;">
+                            <div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
                                 <div class="typeClass">
                                     箱体总数
                                 </div>
@@ -54,12 +54,12 @@
                         <div class="countDiv"
                             style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;">
                             <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png"></div>
-                            <div style="display: flex;flex-direction: row;justify-content: space-around;">
+                            <div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
                                 <div class="typeClass">
-                                    3100
+                                    空闲箱体
                                 </div>
                                 <div class="countClass" style="color: #22FE31;">
-                                    259
+                                    3100
                                 </div>
                             </div>
                             <div style="margin-left: 6vw;"><img style="width: 2vw;height: 1vh;"

src/components/HomeStatics/countPage.vue

@@ -51,10 +51,9 @@ onMounted(() => {
 <style scoped lang="scss">
 .countPageClass {
     height: 28vh;
-    width: 100%;
     background: rgba(255, 255, 255, 0.85);
     border-radius: 8px 8px 8px 8px;
-    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.3);
+    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.3);
 
     .title {
         font-family: Source Han Sans CN, Source Han Sans CN;

src/views/statics/passengerFlow.vue

@@ -446,7 +446,7 @@ const searchCar = async() =>{
     carFlowList.value = [];
     for (var index in carInfoList.value) {
         if (carInfoList.value[index].deviceInfos != null) {
-            var deviceCode = JSON.parse(carInfoList.value[index].deviceInfos).code
+            var deviceCode = JSON.parse(carInfoList.value[index].deviceInfos)[0].code
             await getFlowData(deviceCode,carInfoList.value[index].carNum)
         }
         //getFlowData();