feat：完善功能

src/views/home/components/box-2.vue

@@ -38,8 +38,8 @@
           </li>
         </ul>
       </div>
-      <div class="map" id="map"></div>
-      <div class="spot-wrap">
+      <div class="map" id="map" />
+      <!-- <div class="spot-wrap">
         <ul class="spot-list">
           <li
             class="spot-item"
@@ -50,7 +50,7 @@
             <img :src="`http://36.138.38.16:8001/fjtcc-api${item.img}`" />
           </li>
         </ul>
-      </div>
+      </div> -->
     </div>
     <div class="footer">
       <div class="left">
@@ -315,11 +315,11 @@
       }
     }
     .footer {
+      margin-top: vh(4);
       display: flex;
-      width: 100%;
       height: vh(120);
-      background-image: url('@/assets/images/bg-3.png');
-      background-size: 100% 400%;
+      background-image: url('@/assets/images/bg-2.png');
+      background-size: 100% 100%;
       .left {
         flex: 1;
         display: flex;

src/views/home/components/box-3.vue

@@ -2,13 +2,13 @@
   <div class="box-4">
     <Title1 title="交通信息" />
     <div class="traffic-info flex justify-evenly pt-10 pb-20">
-      <div class="cell">
+      <!-- <div class="cell">
         <img class="icon" src="@/assets/images/icon-1.png" alt="" />
         <div>
           <countup :end-val="homeStore.trafficInfoData.info.ldzs" />
           <div class="label">路段总数</div>
         </div>
-      </div>
+      </div> -->
       <div class="cell">
         <img class="icon" src="@/assets/images/icon-2.png" alt="" />
         <div>

src/views/home/components/jam-duration.vue

@@ -91,6 +91,7 @@
         },
         xAxis: [
           {
+            // max: 10000,
             splitLine: {
               show: false
             },
@@ -117,7 +118,7 @@
           },
           {
             type: 'category',
-            inverse: true,
+            inverse: false,
             axisTick: 'none',
             axisLine: 'none',
             show: true,

src/views/home/components/occupancy.vue

@@ -118,7 +118,7 @@
           },
           {
             type: 'category',
-            inverse: true,
+            inverse: false,
             axisTick: 'none',
             axisLine: 'none',
             show: true,

src/views/home/components/vacancy.vue

@@ -115,7 +115,7 @@
           },
           {
             type: 'category',
-            inverse: true,
+            inverse: false,
             axisTick: 'none',
             axisLine: 'none',
             show: true,

src/views/home/index.vue

@@ -16,7 +16,6 @@
     () => isConnected.value,
     (val) => {
       if (val) {
-        console.log('--------------------------------------------')
         sendMessage(
           JSON.stringify({
             action: 'start',