预警事件

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/index.vue

@@ -8,16 +8,16 @@
       <div class="box-title"><span>预警事件</span></div>
       <div class="box-content">
         <div class="box-content-l">
-          <div class="event-item">今日：<span>0</span>起</div>
-          <div class="event-item">本日：<span>0</span>起</div>
+          <div class="event-item">今日：<span>{{ earlyWarningEvents.day }}</span>起</div>
+          <div class="event-item">本月：<span>{{ earlyWarningEvents.month }}</span>起</div>
         </div>
         <div class="box-content-c">
-          <span class="num">13</span>
+          <span class="num">{{ earlyWarningEvents.processing }}</span>
           <span class="text">处理中</span>
         </div>
         <div class="box-content-r">
-          <div class="event-item">本周：<span>0</span>起</div>
-          <div class="event-item">本年：<span>0</span>起</div>
+          <div class="event-item">本周：<span>{{ earlyWarningEvents.week }}</span>起</div>
+          <div class="event-item">本年：<span>{{ earlyWarningEvents.year }}</span>起</div>
         </div>
       </div>
     </div>
@@ -99,12 +99,36 @@ import carStatistics from "./js/carStatistics.js";
 import focusStatistics from "./js/focusStatistics.js";
 import otherStatistics from "./js/otherStatistics.js";
 import Bg2 from "@screen/components/Decorations/bg-2.vue"
+import request from "@/utils/request";
 
 export default {
   name: 'ConditionStatistics',
   components: {
     Bg2
   },
+  data() {
+    return {
+      earlyWarningEvents: {
+        day: 0,
+        processing: 0,
+        month: 0,
+        week: 0,
+        year: 0,
+      }
+    }
+  },
+  created() {
+    // 预警事件
+    request({
+      url: `/business/trafficIncidents/getTrafficIncidentsNum`,
+      method: "get",
+    })
+      .then(({ code, data }) => {
+        if (code != 200) return;
+
+        this.earlyWarningEvents = data;
+      })
+  },
   mounted() {
     setTimeout(() => {
       this.$nextTick(() => {