feat：对接景区数据和监控视频

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

@@ -90,7 +90,7 @@
         <div class="mt-8">
           <age :list="homeStore.userPortraitData?.ageRate" />
         </div>
-        <div v-if="ageRateTotal > 0" class="count">总人数：<countup :end-val="ageRateTotal" /></div>
+        <div class="count">总人数：<countup :end-val="ageRateTotal" /></div>
         <div
           class="cell pt-20"
           v-for="(item, index) in homeStore?.userPortraitData.genderRate"

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

@@ -58,38 +58,44 @@
           <div class="flex justify-center pt-10">
             <div class="item">
               <p class="label">今日工单总条数</p>
-              <countup :endVal="1234" />
+              <countup :end-val="homeStore.wordkOrderData.toDayData.count" />
             </div>
             <div class="item">
               <p class="label">工单完成数</p>
-              <countup :endVal="1234" />
+              <countup class="complete" :end-val="homeStore.wordkOrderData.toDayData.end" />
             </div>
           </div>
           <div class="progress-box">
             <span class="text">工单完成数</span>
             <div class="progress-1">
-              <el-progress :percentage="50" :show-text="false" />
+              <el-progress
+                :percentage="homeStore.wordkOrderData.toDayData.rate"
+                :show-text="false"
+              />
             </div>
-            <span class="value">50%</span>
+            <span class="value">{{ homeStore.wordkOrderData.toDayData.rate }}%</span>
           </div>
         </div>
         <div>
           <div class="flex justify-center pt-10">
             <div class="item">
               <p class="label">紧急工单数</p>
-              <countup :endVal="1234" />
+              <countup class="error" :end-val="homeStore.wordkOrderData.warnData.count" />
             </div>
             <div class="item">
               <p class="label">紧急工单完成数</p>
-              <countup :endVal="1234" />
+              <countup class="complete" :end-val="homeStore.wordkOrderData.warnData.end" />
             </div>
           </div>
           <div class="progress-box">
             <span class="text">工单完成数</span>
             <div class="progress-2">
-              <el-progress :percentage="50" :show-text="false" />
+              <el-progress
+                :percentage="homeStore.wordkOrderData.warnData.rate"
+                :show-text="false"
+              />
             </div>
-            <span class="value">50%</span>
+            <span class="value">{{ homeStore.wordkOrderData.warnData.rate }}%</span>
           </div>
         </div>
       </div>
@@ -162,9 +168,10 @@
   const getSpotList = async () => {
     let res = await getSpotListApi()
     spotList.value = res.data
-    // let res1 = await getBaiduMapCrowdedApi({
-    //   nodeId: res.data[0].nodeid
-    // })
+    let res1 = await getBaiduMapCrowdedApi({
+      nodeId: res.data[0].nodeid
+    })
+    console.log(res1, 'res1')
   }
 
   watch(
@@ -338,16 +345,22 @@
             justify-content: center;
           }
           .label {
+            margin-bottom: vh(10);
             font-weight: 400;
             font-size: vw(14);
-            margin-bottom: vh(10);
-            color: rgba(255, 255, 255, 0.9);
+            color: #ffffff;
           }
           .countup-wrap {
             color: #02f9fa;
             font-size: vw(28);
             font-weight: bold;
           }
+          .error {
+            color: #e21b1b;
+          }
+          .complete {
+            color: #ffffff;
+          }
           .progress-box {
             margin-top: vh(10);
             display: flex;
@@ -388,7 +401,7 @@
         }
       }
       .right {
-        margin-top: vh(8);
+        margin-top: vh(4);
         padding: vh(10) vw(10);
         height: vh(106);
         width: vw(1040);

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

@@ -359,7 +359,7 @@
       flex: 1;
       & > div {
         position: relative;
-        height: vh(110);
+        height: vh(114);
         display: flex;
         align-items: center;
         background-image: url('@/assets/images/bg-4.png');

src/views/home/components/occupancy.vue

@@ -127,7 +127,7 @@
                 fontSize: fitChartSize(12)
               },
               verticalAlign: 'bottom',
-              padding: [0, 0, 6, 0],
+              padding: [0, 0, 10, 0],
               inside: true,
               formatter: function (value) {
                 return `{value|${value}}{value|%}`
@@ -156,7 +156,7 @@
             },
             label: {
               show: true,
-              offset: [10, -10],
+              offset: [10, -14],
               color: '#fff',
               fontWeight: 500,
               position: 'left',

src/views/home/components/ticket.vue

@@ -66,7 +66,7 @@
         legend: {
           show: true,
           x: 'center',
-          y: 'bottom',
+          y: '70%',
           itemHeight: fitChartSize(12),
           itemWidth: fitChartSize(12),
           itemGap: fitChartSize(6),