交通大数据统计接口修改

src/views/bigdata/bigdata.vue

@@ -52,9 +52,9 @@
           <div class="twins">
             <div class="count">
               <div class="count-z m-l-15">事件总数<span>{{total}}</span></div>
-              <div class="count-z m-l-15">上报<span> {{escalation}}</span></div>
               <div class="count-z m-l-15">签收<span> {{signIn}}</span></div>
               <div class="count-z m-l-15">办结<span> {{conclude}}</span></div>
+              <div class="count-z m-l-15">归档<span> {{file}}</span></div>
             </div>
             <chartEvent ref="chartEvent"></chartEvent>
           </div>
@@ -140,12 +140,11 @@
 		},
     created() {
       this.eventcatalogueBigData();
-      this.initPieChartData();
     },
     mounted() {
       setTimeout(() => {
         this.$refs.bigdataSupermap.loadHeatMap()//事件分布
-      }, 5000)
+      }, 1000)
     },
 		data() {
 			return {
@@ -169,7 +168,7 @@
 					},
 				],
         total: 0, //事件总数
-        escalation:0,// 事件-上报
+        file:0,// 事件-归档
         signIn:0,// 事件-签收
         conclude:0,// 事件-办结
 
@@ -180,67 +179,56 @@
     methods: {
       /**饼图 统计*/
       initPieChartData() {
-        let param_dlls = {type:"80"};
-        let param_gcc = {type:"82"};
-        let param_dc = {type:"83"};
-        let param_cs = {type:"84"};
-        let param_pm = {type:"85"};
-        let param_yx = {type:"86"};
-        let param_jtsg = {type:"87"};
-        let param_lz = {type:"88"};
-        let param_sg = {type:"89"};
-        /**道路晾晒预警事件占比**/
-        initPieChartData(param_dlls).then(res => {
-          this.$refs.chartPit_dlls.myEcharts(res.data);
-        }),
-        /**工程车预警事件占比**/
-        initPieChartData(param_gcc).then(res => {
-          this.$refs.chartPit_gcc.myEcharts(res.data);
-        }),
-        /**倒车预警事件占比**/
-        initPieChartData(param_dc).then(res => {
-          this.$refs.chartPit_dc.myEcharts(res.data);
-        }),
-        /**超速预警事件占比**/
-        initPieChartData(param_cs).then(res => {
-          this.$refs.chartPit_cs.myEcharts(res.data);
-        }),
-        /**抛瞄预警事件占比**/
-        initPieChartData(param_pm).then(res => {
-          this.$refs.chartPit_pm.myEcharts(res.data);
-        }),
-        /**压线预警事件占比**/
-        initPieChartData(param_yx).then(res => {
-          this.$refs.chartPit_yx.myEcharts(res.data);
-        }),
-        /**交通事故预警事件占比**/
-        initPieChartData(param_jtsg).then(res => {
-          this.$refs.chartPit_jtsg.myEcharts(res.data);
-        }),
-        /**路障预警事件占比**/
-        initPieChartData(param_lz).then(res => {
-          this.$refs.chartPit_lz.myEcharts(res.data);
-        }),
-        /**施工预警事件占比**/
-        initPieChartData(param_sg).then(res => {
-          this.$refs.chartPit_sg.myEcharts(res.data);
+        initPieChartData({}).then(res => {
+          for (let i in res.data) {
+            const seriesData = [];
+            seriesData.push({value: this.total, name: '事件总量'});
+            if (res.data[i].id == '80') {
+              seriesData.push(res.data[i]);
+              this.$refs.chartPit_dlls.myEcharts(seriesData);
+            }else if (res.data[i].id == '82') {
+              seriesData.push(res.data[i]);
+              this.$refs.chartPit_gcc.myEcharts(seriesData);
+            }else if (res.data[i].id == '83') {
+              seriesData.push(res.data[i]);
+              this.$refs.chartPit_dc.myEcharts(seriesData);
+            }else if (res.data[i].id == '84') {
+              seriesData.push(res.data[i]);
+              this.$refs.chartPit_cs.myEcharts(seriesData);
+            }else if (res.data[i].id == '85') {
+              seriesData.push(res.data[i]);
+              this.$refs.chartPit_pm.myEcharts(seriesData);
+            }else if (res.data[i].id == '86') {
+              seriesData.push(res.data[i]);
+              this.$refs.chartPit_yx.myEcharts(seriesData);
+            }else if (res.data[i].id == '87') {
+              seriesData.push(res.data[i]);
+              this.$refs.chartPit_jtsg.myEcharts(seriesData);
+            }else if (res.data[i].id == '88') {
+              seriesData.push(res.data[i]);
+              this.$refs.chartPit_lz.myEcharts(seriesData);
+            }else if (res.data[i].id == '89') {
+              seriesData.push(res.data[i]);
+              this.$refs.chartPit_sg.myEcharts(seriesData);
+            }
+          }
         })
       },
       /**事件类型、分布统计*/
       eventcatalogueBigData() {
         eventcatalogueBigData().then(res => {
-          console.log(res.data);
-          for (let index in res.data) {
-            this.total+=parseInt(res.data[index].value);
-            if(res.data[index].dictValue == 'forest_event_status_1'){
-              this.escalation=res.data[index].value;
-            }else if(res.data[index].dictValue == 'forest_event_status_2'){
-              this.signIn=res.data[index].value;
-            }else if(res.data[index].dictValue == 'forest_event_status_5'){
-              this.conclude=res.data[index].value;
+          this.total = res.data.total;
+          for (let index in res.data.list) {
+            if(res.data.list[index].dictValue == 'forest_event_status_2'){
+              this.signIn=res.data.list[index].value;
+            }else if(res.data.list[index].dictValue == 'forest_event_status_5'){
+              this.conclude=res.data.list[index].value;
+            }else if(res.data.list[index].dictValue == 'forest_event_status_6'){
+              this.file=res.data.list[index].value;
             }
           }
-          this.$refs.chartEvent.myEcharts(res.data);
+          this.$refs.chartEvent.myEcharts(res.data.list);
+          this.initPieChartData();
         })
         deptBigData().then(res => {
           this.$refs.chartEvent.myEcharts2(res.data);