feat：对接监控大屏

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

@@ -77,7 +77,7 @@
         <div class="chart__wrapper">
           <Title3 title="景区工单占比" />
           <div class="chart__inner">
-            <spotRate :dataList="spotRateData" :total="8888" />
+            <spotRate :dataList="spotRateData" :total="spotRateTotal" />
             <ul class="chart__legend">
               <li class="chart__legend-item" v-for="(item, index) in spotRateData" :key="index">
                 <p class="dot" :style="{ background: colors[index] }" />
@@ -90,7 +90,7 @@
         <div class="chart__wrapper">
           <Title3 title="景区工单类型占比" />
           <div class="chart__inner">
-            <spotRate :dataList="typeRateData" :total="8888" />
+            <spotRate :dataList="typeRateData" :total="typeRateTotal" />
             <ul class="chart__legend">
               <li class="chart__legend-item" v-for="(item, index) in typeRateData" :key="index">
                 <p class="dot" :style="{ background: colors[index] }" />
@@ -150,6 +150,8 @@
   let typeRateData = ref([])
   let spotRateData = ref([])
   let pointRankData = ref([])
+  let spotRateTotal = ref(0)
+  let typeRateTotal = ref(0)
 
   const getNewsPointRank = async () => {
     let res = await getNewsPointRankApi()
@@ -158,10 +160,12 @@
   const getTypeRate = async () => {
     let res = await getTypeRateApi()
     typeRateData.value = res.data.data
+    typeRateTotal.value = res.data.total
   }
   const getSpotRate = async () => {
     let res = await getSpotRateApi()
     spotRateData.value = res.data.data
+    spotRateTotal.value = res.data.total
   }
   const getCompleteRate = async () => {
     let res = await getCompleteRateApi()
@@ -391,10 +395,11 @@
       }
 
       .alarm {
+        width: vw(200);
         background: #0a4190;
 
         &__wrapper {
-          flex: 1;
+          width: vw(200);
           height: vh(270);
           background: #054581; /* 滚动条整体样式 */
           &::-webkit-scrollbar {