统计分析

src/components/supermap.vue

@@ -248,19 +248,19 @@ export default {
   },
   methods: {
     loadHeatMap: async function() {
-      var heatNumbers = 150, heatRadius = 30;
-      var num = parseInt(heatNumbers);
-      num = (num > 0) ? num : 0;
-      var radius = parseInt(heatRadius);
-      radius = (radius > 0) ? radius : 0;
-      var heatPoints = [];
+      var heatNumbers = 150, heatRadius = 30
+      var num = parseInt(heatNumbers)
+      num = (num > 0) ? num : 0
+      var radius = parseInt(heatRadius)
+      radius = (radius > 0) ? radius : 0
+      var heatPoints = []
       for (var i = 0; i < num; i++) {
-        heatPoints[i] = [Math.random() * 0.28 + 42, Math.random() * 0.5 + 125, Math.random() * 80];
+        heatPoints[i] = [Math.random() * 0.28 + 42, Math.random() * 0.5 + 125, Math.random() * 80]
       }
       var resultLayer = window.L.heatLayer(heatPoints, {
         radius: radius,
         minOpacity: 0.5
-      }).addTo(this.map);
+      }).addTo(this.map)
     },
     clearM: async function(isAggregation) { //清理地图标点
       if (isAggregation) {

src/views/bigdata/bigdata.vue

@@ -4,16 +4,16 @@
     <!-- 头部B -->
     <div class="header">
       <!-- title -->
-      <div class="header-left"><img class="logo" src="@/assets/images/integrated/logo-small.png" />
+      <div class="header-left"><img class="logo" src="@/assets/images/integrated/logo-small.png"/>
         <h3 class="title">数字四平态势感知监管平台-数字林业-统计分析</h3>
       </div>
       <div class="bignav">
-        <img src="@/assets/images/integrated/bigdata-header-nav-left.png" />
+        <img src="@/assets/images/integrated/bigdata-header-nav-left.png"/>
         <router-link v-for="(navbar,index) in navbar " :key="index" :to="navbar.path" class="bignav-list"
                      :class="index===navbar.length-1?'on':''" exact>
-          {{navbar.name}}
+          {{ navbar.name }}
         </router-link>
-        <img src="@/assets/images/integrated/bigdata-header-nav-right.png" />
+        <img src="@/assets/images/integrated/bigdata-header-nav-right.png"/>
       </div>
     </div>
     <!-- 头部E -->
@@ -46,7 +46,7 @@
           <!-- 地图 -->
           <bigdataSupermap ref="bigdataSupermap" style="width: 100%;height: 59vh;" class="indexSupermapClass"
                            :mapDiv="'bigdataMap'" dynamicPlotting="false" :mapSite="{doubleClickZoom:false}"
-                           :codes="['9fa5']" :isSideBySide="false" />
+                           :codes="['9fa5']" :isSideBySide="false"/>
         </div>
         <tabbar></tabbar>
       </div>
@@ -80,7 +80,8 @@
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
             <span>事件趋势</span>
           </div>
-          <chartEventTrend></chartEventTrend><strong></strong>
+          <chartEventTrend></chartEventTrend>
+          <strong></strong>
         </div>
       </div>
       <!-- 第四纵向-->
@@ -153,7 +154,6 @@ import chartGridStaff from './chart-gridStaff.vue' //13 网格人员、、
 import chartWeatherStation from './chart-weatherStation.vue' //14 气象站、、
 import chartEquipmentDistribution from './chart-equipmentDistribution' //16 设备分布、、
 
-
 export default {
   components: {
     bigdataSupermap,
@@ -171,65 +171,65 @@ export default {
     chartFireBrigade,
     chartGridStaff,
     chartWeatherStation,
-    chartEquipmentDistribution,
+    chartEquipmentDistribution
   },
-		data() {
-
-			return {
-				visited: '',
-				navbar: [
-          {
-            //林业中心
-            path: '/forest',
-            name: '林业云图',
-          },
-          {
-            //数据中心
-            path: '/datacenter',
-            name: '数据中心',
-          },
-          {
-            //监控中心
-            path: '/monitor',
-            name: '监控中心',
-          },
-          {
-            path: '/disaster',
-            name: '灾后评估',
-          },
-          {
-            path: '/leader',
-            name: '林长制',
-          },
-          {
-            path: '/afforestation',
-            name: '植树造林',
-          },
-          {
-            path: '/',
-            name: '动物保护',
-          },
-          {
-            path: '/',
-            name: '珍惜古树',
-          },
-          {
-            path: '/bigdata',
-            name: '统计分析',
-          },
-
-				],
-				total: 0, //事件总数
-				untreated: 0, //事件-未处理
-				processing: 0 // 事件-处理中
-
-
-
-
-
-			}
-		},
-	}
+  data() {
+
+    return {
+      visited: '',
+      navbar: [
+        {
+          //林业中心
+          path: '/forest',
+          name: '林业云图'
+        },
+        {
+          //数据中心
+          path: '/datacenter',
+          name: '数据中心'
+        },
+        {
+          //监控中心
+          path: '/monitor',
+          name: '监控中心'
+        },
+        {
+          path: '/disaster',
+          name: '灾后评估'
+        },
+        {
+          path: '/leader',
+          name: '林长制'
+        },
+        {
+          path: '/afforestation',
+          name: '植树造林'
+        },
+        {
+          path: '/',
+          name: '动物保护'
+        },
+        {
+          path: '/',
+          name: '珍惜古树'
+        },
+        {
+          path: '/bigdata',
+          name: '统计分析'
+        }
+      ],
+      total: 0, //事件总数
+      untreated: 0, //事件-未处理
+      processing: 0 // 事件-处理中
+
+    }
+  },
+  mounted() {
+    setTimeout(() => {
+      this.$refs.bigdataSupermap.loadHeatMap() //事件分布
+    }, 5000)
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>