应急统计分析

src/api/bigdata.js

@@ -51,6 +51,38 @@ export function selectHightAdoptionList(param) {
     data: param
   })
 }
+// 高危企业分布情况
+export function selectHightEnterpriseDistributionList(param) {
+  return request({
+    url: '/center-emergency/VisuEmergencyCloudBigDataController/selectHightEnterpriseDistributionList',
+    method: 'get',
+    data: param
+  })
+}
+// 企业分布情况
+export function selectEnterpriseDistributionList(param) {
+  return request({
+    url: '/center-emergency/VisuEmergencyCloudBigDataController/selectEnterpriseDistributionList',
+    method: 'get',
+    data: param
+  })
+}
+// 企业分布情况
+export function selectTimeList(param) {
+  return request({
+    url: '/center-emergency/VisuEmergencyCloudBigDataController/selectTimeList',
+    method: 'get',
+    params: param
+  })
+}
+// 企业分布情况
+export function selectEmergencyList(param) {
+  return request({
+    url: '/center-emergency/VisuEmergencyCloudBigDataController/selectEmergencyList',
+    method: 'get',
+    params: param
+  })
+}
 
 //综合信息
 export function getZhxx(param) {
@@ -60,7 +92,7 @@ export function getZhxx(param) {
     param = { day: myDate.getFullYear() }
   }
   return request({
-    url: '/center-fire/VisuForestCloudBigDataController/selectBigDataZhxx',
+    url: '/center-emergency/VisuEmergencyCloudBigDataController/selectBigDataZhxx',
     data: param,
     method: 'post'
   })
@@ -74,7 +106,7 @@ export function getRlt(param) {
     param = { day: myDate.getFullYear() }
   }
   return request({
-    url: '/center-fire/VisuForestCloudBigDataController/getHeatMap',
+    url: '/center-emergency/VisuEmergencyCloudBigDataController/getHeatMap',
     method: 'post',
     data: param
   })

src/views/bigdata/bigdata.vue

@@ -78,9 +78,9 @@
         </div>
         <div class="b-con">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>事件趋势</span>
+            <span>高危企业分布情况</span>
           </div>
-<!--          <chartEventTrend></chartEventTrend>-->
+          <chartEventTrend></chartEventTrend>
           <strong></strong>
         </div>
       </div>
@@ -88,45 +88,45 @@
       <div class="bigdata-list wid-li-3 m-l-15 flex-r">
         <div class="b-con mg-b-20 tall">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>网格分布</span>
+            <span>企业分布情况</span>
           </div>
-<!--          <chartGridDistribution></chartGridDistribution>-->
+          <chartGridDistribution></chartGridDistribution>
         </div>
         <div class="b-con">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>天气趋势</span>
+            <span>逾期预警情况</span>
           </div>
-<!--          <chartWeatherTrends></chartWeatherTrends>-->
+          <chartWeatherTrends></chartWeatherTrends>
         </div>
       </div>
       <!-- 第五纵向-->
-      <div class="bigdata-list wid-li-3 m-l-15 flex-r">
-        <div class="b-con mg-b-20 tall">
-          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>网格人员</span>
-          </div>
-<!--          <chartGridStaff></chartGridStaff>-->
-        </div>
-        <div class="b-con mg-b-20 b-49">
-          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>防火队</span>
-          </div>
-<!--          <chartFireBrigade></chartFireBrigade>-->
-        </div>
-        <div class="b-con mg-b-20 b-49">
-          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>气象站</span>
-          </div>
-<!--          <chartWeatherStation></chartWeatherStation>-->
-        </div>
-      </div>
+<!--      <div class="bigdata-list wid-li-3 m-l-15 flex-r">-->
+<!--        <div class="b-con mg-b-20 tall">-->
+<!--          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">-->
+<!--            <span>网格人员</span>-->
+<!--          </div>-->
+<!--&lt;!&ndash;          <chartGridStaff></chartGridStaff>&ndash;&gt;-->
+<!--        </div>-->
+<!--        <div class="b-con mg-b-20 b-49">-->
+<!--          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">-->
+<!--            <span>防火队</span>-->
+<!--          </div>-->
+<!--&lt;!&ndash;          <chartFireBrigade></chartFireBrigade>&ndash;&gt;-->
+<!--        </div>-->
+<!--        <div class="b-con mg-b-20 b-49">-->
+<!--          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">-->
+<!--            <span>气象站</span>-->
+<!--          </div>-->
+<!--&lt;!&ndash;          <chartWeatherStation></chartWeatherStation>&ndash;&gt;-->
+<!--        </div>-->
+<!--      </div>-->
       <!-- 第六纵向-->
       <div class="bigdata-list wid-li-1 m-l-15">
         <div class="b-con mg-b-20 taller">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>设备分布</span>
+            <span>应急工作情况</span>
           </div>
-<!--          <chartEquipmentDistribution></chartEquipmentDistribution>-->
+          <chartEquipmentDistribution></chartEquipmentDistribution>
         </div>
       </div>
     </div>
@@ -144,15 +144,15 @@ import chartForestFarm from './chart-forestFarm.vue' //2  行业高危企业
 import chartEquipmentType from './chart-equipmentType.vue' //3  从业人员分布情况
 import chartFireCause from './chart-fireCause.vue' //4  应急物资、、
 import chartDeviceReportingEvents from './chart-deviceReportingEvents.vue' //5  巡检通过类型统计、、
-// import chartEventTrend from './chart-eventTrend.vue' //6  事件趋势、、
+import chartEventTrend from './chart-eventTrend.vue' //6  高危企业分布情况、、
 import chartKeyArea from './chart-keyArea.vue' //7  高发不合格项、、
 import chartAncientTree from './chart-ancientTree.vue' //8  巡检不通过类型统计、、
-// import chartWeatherTrends from './chart-weatherTrends.vue' //9  天气趋势、、
-// import chartGridDistribution from './chart-gridDistribution.vue' //10 网格分布、、
+import chartWeatherTrends from './chart-weatherTrends.vue' //9  逾期预警情况、、
+import chartGridDistribution from './chart-gridDistribution.vue' //10 企业分布情况、、
 // import chartFireBrigade from './chart-fireBrigade.vue' //12 防火队、、
 // import chartGridStaff from './chart-gridStaff.vue' //13 网格人员、、
 // import chartWeatherStation from './chart-weatherStation.vue' //14 气象站、、
-// import chartEquipmentDistribution from './chart-equipmentDistribution' //16 设备分布、、
+import chartEquipmentDistribution from './chart-equipmentDistribution' //16 应急工作情况、、
 
 import { getRlt } from '@/api/bigdata'
 import { fontConfig } from '@/api/login'
@@ -166,15 +166,15 @@ export default {
     chartEquipmentType,
     chartFireCause,
     chartDeviceReportingEvents,
-    // chartEventTrend,
+    chartEventTrend,
     chartKeyArea,
     chartAncientTree,
-    // chartWeatherTrends,
-    // chartGridDistribution,
+    chartWeatherTrends,
+    chartGridDistribution,
     // chartFireBrigade,
     // chartGridStaff,
     // chartWeatherStation,
-    // chartEquipmentDistribution
+    chartEquipmentDistribution
   },
   data() {
 

src/views/bigdata/chart-deviceReportingEvents.vue

@@ -56,7 +56,6 @@
             top: '16%',
             containLabel: true
           },
-
           xAxis: {
             type: 'category',
             data:that.data_reportor,

src/views/bigdata/chart-equipmentDistribution.vue

@@ -12,7 +12,7 @@
 
 <script>
   import * as echarts from 'echarts';
-  import {getSbfb} from '@/api/bigdata'
+  import {selectEmergencyList} from '@/api/bigdata'
 
   export default {
     name: 'camera',
@@ -25,13 +25,13 @@
       // this.myEcharts1();
       // this.myEcharts2();
       // this.myEcharts3();
-      this.getSbfb()
+      this.selectEmergencyList()
     },
 
     methods: {
-      getSbfb() {
+      selectEmergencyList() {
         let that = this
-        getSbfb().then(res => {
+        selectEmergencyList().then(res => {
           this.source = res.data
           that.myEcharts2()
         })
@@ -170,12 +170,21 @@
           },
           grid: {
             top: "0%",
-            left: "6%",
+            left: "12%",
             // right: "4%",
             bottom: "5%",
             width: '75%',
             containLabel: true,
           },
+          dataZoom: [{
+            show: true,
+            type: 'slider',
+            yAxisIndex: 0,
+            left: 10,
+            start: 0,
+            end: this.source.length > 8 ? 8 : 100,
+            width: 15
+          }],
           xAxis: {
             show: false,
             type: "value",
@@ -202,7 +211,6 @@
           },
 
           series: [{
-
             type: "bar",
             animationCurve: "easeOutBack",
             barWidth: 8,

src/views/bigdata/chart-eventTrend.vue

@@ -8,7 +8,7 @@
 
 <script>
   import * as echarts from 'echarts';
-  import {getSjqs} from '@/api/bigdata.js'
+  import {selectHightEnterpriseDistributionList} from '@/api/bigdata.js'
 
 
   export default {
@@ -21,17 +21,19 @@
       }
     },
     mounted() {
-      this.sjqs()
+      this.selectHightEnterpriseDistributionList()
 
     },
 
     methods: {
       // 出处 http://192.144.199.210:8080/editor/index.html?chart_id=udduEFcFiEYEEj4Q
-      sjqs() {
+      selectHightEnterpriseDistributionList() {
         let that = this
-        getSjqs().then(resp => {
-          that.data_month = resp.data.month
-          that.data_num = resp.data.num
+        selectHightEnterpriseDistributionList().then(res => {
+          for (let i = 0; i < res.data.length; i++) {
+            that.data_num.push(res.data[i].value)
+            that.data_month.push(res.data[i].name)
+          }
           that.myEcharts()
         })
       },
@@ -52,7 +54,7 @@
               color: '#999',
               verticalAlign: 'bottom',
               formatter: function (value, index) {
-                return `${value.toFixed(2)}%`;
+                return `${value}`;
               },
             },
           },

src/views/bigdata/chart-gridDistribution.vue

@@ -8,7 +8,7 @@
 
 <script>
   import * as echarts from 'echarts';
-  import {getWgfb} from '@/api/bigdata.js'
+  import {selectEnterpriseDistributionList} from '@/api/bigdata.js'
 
   export default {
     name: 'collection',
@@ -19,14 +19,14 @@
       }
     },
     mounted() {
-      this.wgfb()
+      this.selectEnterpriseDistributionList()
 
     },
 
     methods: {
-      wgfb() {
+      selectEnterpriseDistributionList() {
         let that = this
-        getWgfb().then(resp => {
+        selectEnterpriseDistributionList().then(resp => {
           that.data = resp.data
           this.myEcharts()
         })

src/views/bigdata/chart-weatherTrends.vue

@@ -8,7 +8,7 @@
 
 <script>
   import * as echarts from 'echarts';
-  import {getTqqs} from '@/api/bigdata.js'
+  import {selectTimeList} from '@/api/bigdata.js'
 
   export default {
     name: 'farmtype',
@@ -16,26 +16,26 @@
       return {
         count: 0,
         data_day:[],
-        data_heigh:[],
-        data_low:[]
+        data_exceed:[],
+        data_warning:[]
       }
     },
     mounted() {
-      this.tqqs()
+      this.selectTimeList()
 
     },
 
     methods: {
-      tqqs() {
+      selectTimeList() {
         let that = this
-        getTqqs().then(resp => {
-          that.data_day = resp.data.day
-          that.data_heigh = resp.data.heigh
-          that.data_low = resp.data.low
+        selectTimeList({"day":new Date().getFullYear()}).then(resp => {
+          that.data_day =  resp.data.day
+          that.data_exceed = resp.data.exceed
+          that.data_warning = resp.data.warning
           that.myEcharts()
         })
       },
-      // 出处 http://192.144.199.210:8080/editor/index.html?chart_id=smh2KYnoCMWnT1IN
+      // 出处 http://192.144.199.210:8080/editor/index.html?chart_id=fwrwfbynj09Q6gJ1
 
       myEcharts() {
 
@@ -78,7 +78,7 @@
             bottom: '15%',
           },
           legend: {
-            data: ['最高气温', '最低气温'],
+            data: ['逾期', '预警'],
             textStyle: {
               color: '#fff',
               align: 'center',
@@ -142,7 +142,7 @@
           }],
           series: [
             {
-              name: '最高气温',
+              name: '逾期',
               type: 'line',
               showAllSymbol: true,
               symbol: 'circle',
@@ -174,10 +174,10 @@
               //         ], false),
               //     }
               // },
-              data: that.data_heigh//data.values
+              data: that.data_exceed//data.values
             },
             {
-              name: '最低气温',
+              name: '预警',
               type: 'line',
               showAllSymbol: true,
               symbol: 'circle',
@@ -209,7 +209,7 @@
                   ], false),
                 }
               },
-              data:that.data_low//data.values
+              data:that.data_warning//data.values
             },
           ]
         };

src/views/bigdata/tabbar.vue

@@ -136,8 +136,14 @@
       zhxx() {
         let that = this
         getZhxx().then(resp => {
-          console.log("hhh",resp)
-          that.regionNum = resp.data.data
+          that.regionNum = [];
+          that.regionNum.push(...resp.data.event)
+          for(let i in resp.data.data){
+            that.regionNum.push({value: resp.data.data[i].count,name: resp.data.data[i].resourceName})
+          }
+          for(let i in resp.data.device){
+            that.regionNum.push({value: resp.data.device[i].deviceCount,name: resp.data.device[i].deviceName})
+          }
         })
       },