feat:对接监控-交通ai分析数据

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

@@ -60,13 +60,24 @@
       </div>
       <Title1 title="交通智能AI分析" />
       <div class="scenic">
-        <div
-          class="scenic-item"
-          v-for="(item, index) in trafficAbnormalityData.headList"
-          :key="index"
-        >
-          <span class="scenic-item__label">{{ item.name }}</span>
-          <countup class="scenic-item__value" :end-val="item.value" />
+        <div class="scenic-item">
+          <span class="scenic-item__label">核心路段分析点位</span>
+          <countup
+            class="scenic-item__value"
+            :end-val="trafficAiAnalyzeData.coreMonitoringPoints"
+          />
+        </div>
+        <div class="scenic-item">
+          <span class="scenic-item__label">拥堵点位</span>
+          <countup class="scenic-item__value" :end-val="trafficAiAnalyzeData.abnormalPoints" />
+        </div>
+        <div class="scenic-item">
+          <span class="scenic-item__label">拥堵告警</span>
+          <countup class="scenic-item__value" :end-val="trafficAiAnalyzeData.abnormalWarnings" />
+        </div>
+        <div class="scenic-item">
+          <span class="scenic-item__label">已处理</span>
+          <countup class="scenic-item__value" :end-val="trafficAiAnalyzeData.handled" />
         </div>
       </div>
       <div class="flex pt-20">
@@ -205,10 +216,12 @@
     abnormalAlarmPercent: []
   })
   // 交通告警信息
-  let trafficAbnormalityData = ref({
-    dataList: [],
-    dataLists: [],
-    headList: []
+  let trafficAiAnalyzeData = ref({
+    abnormalWarnings: 0,
+    abnormalPoints: 0,
+    coreMonitoringPoints: 0,
+    handled: 0,
+    abnormalAlarm: []
   })
   // 监控点位异常告警统计
   let pointAlarmData = ref({
@@ -230,10 +243,10 @@
 
   // 拥堵告警
   let jamlData = computed(() => {
-    return [{ data: trafficAbnormalityData.value.dataList.map((item) => item.value) }]
+    return [{ data: trafficAiAnalyzeData.value.abnormalAlarm.map((item) => item.value) }]
   })
   let jamXAxisData = computed(() => {
-    return trafficAbnormalityData.value.dataList.map((item) => item.name)
+    return trafficAiAnalyzeData.value.abnormalAlarm.map((item) => item.name)
   })
 
   watch(
@@ -268,9 +281,8 @@
           case '监控点位统计和异常告警统计':
             pointAlarmData.value = val.data
             break
-          case 'trafficAbnormalityData':
-            trafficAbnormalityData.value = val
-            break
+          case '交通智能AI分析':
+            trafficAiAnalyzeData.value = val.data
         }
       }
     }