feat:智能预警页面新增数量显示

src/api/monitoringDataApi.js

@@ -41,8 +41,7 @@ export function toImport(data){
 
 export function getMonitoringStatistics(data) {
   return request({
-    url: '/api/monitoringData/statistics',
+    url: '/api/monitoringData/statistics/'+data.stationId,
     method: 'POST',
-    data
   })
 }

src/views/smart-early-warning/left.vue

@@ -1,5 +1,9 @@
 <template>
   <BasePanelLeft>
+    <div class="num-area">
+      <div class="txt-num"><img src="@/assets/image/smart-early-warning/sxt.png" alt="">摄像机数量：3258</div>
+      <div class="txt-num"><img src="@/assets/image/smart-early-warning/td.png" alt="">通道数量：3258</div>
+    </div>
     <div class="warning-container">
       <BaseMain title="预警列表">
         <template v-slot:mainArea>
@@ -155,6 +159,26 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.num-area{
+  position: absolute;
+  top: px-to-rem(8);
+  left: px-to-rem(130);
+  z-index: 1;
+  display: flex;
+  .txt-num{
+    display: flex;
+    align-items: center;
+    width: px-to-rem(180);
+    font-weight: 400;
+    font-size: px-to-rem(14);
+    color: #FFFFFF;
+    margin-right: px-to-rem(130);
+    img{
+      width: px-to-rem(30);
+      margin-bottom: px-to-rem(7);
+    }
+  }
+}
 .warning-container {
   position: absolute;
   top: px-to-rem(30);

src/views/smart-early-warning/right.vue

@@ -1,5 +1,9 @@
 <template>
   <BasePanelRight>
+    <div class="num-area">
+      <div class="txt-num"><img src="@/assets/image/smart-early-warning/yjNum.png" alt="">今日预警数量：3,258</div>
+      <div class="txt-num"><img src="@/assets/image/smart-early-warning/jrDcl.png" alt="">今日待处理：3,258</div>
+    </div>
     <div class="warning-container">
       <BaseMain title="预警详情">
         <template v-slot:mainArea>
@@ -168,6 +172,26 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.num-area{
+  position: absolute;
+  top: px-to-rem(8);
+  right: px-to-rem(130);
+  z-index: 1;
+  display: flex;
+  .txt-num{
+    display: flex;
+    align-items: center;
+    width: px-to-rem(180);
+    font-weight: 400;
+    font-size: px-to-rem(14);
+    color: #FFFFFF;
+    margin-left: px-to-rem(130);
+    img{
+      width: px-to-rem(30);
+      margin-bottom: px-to-rem(7);
+    }
+  }
+}
 .warning-container {
   position: absolute;
    top: px-to-rem(30);