1

src/views/bigdata/bigdata.vue

@@ -29,9 +29,9 @@
         </div>
         <div class="b-con mg-b-20">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>林场分布统计</span>
+            <span>水鹤分布统计</span>
           </div>
-          <chartForestFarm></chartForestFarm>
+          <chartWaterCrane></chartWaterCrane>
         </div>
         <div class="b-con">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
@@ -72,9 +72,9 @@
         </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>
+            <span>取水口</span>
           </div>
-          <chartAncientTree></chartAncientTree>
+          <chartWaterIntake></chartWaterIntake>
         </div>
         <div class="b-con">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
@@ -88,9 +88,9 @@
       <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>
+          <chartFireFighting></chartFireFighting>
         </div>
         <div class="b-con">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
@@ -103,21 +103,21 @@
       <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>
-          <chartGridStaff></chartGridStaff>
+          <chartFullTimeStation></chartFullTimeStation>
         </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>
+            <span>消火栓</span>
           </div>
-          <chartFireBrigade></chartFireBrigade>
+          <chartFireHydrant></chartFireHydrant>
         </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>
+            <span>泡沫液</span>
           </div>
-          <chartWeatherStation></chartWeatherStation>
+          <chartFoamLiquid></chartFoamLiquid>
         </div>
       </div>
       <!-- 第六纵向-->
@@ -140,18 +140,18 @@ import bigdataSupermap from '@/components/supermap' //超图
 
 //echarts
 import chartEvent from './chart-event.vue' //1  事件、、
-import chartForestFarm from './chart-forestFarm.vue' //2  林场分布、、
+import chartWaterCrane from './chart-waterCrane.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 chartKeyArea from './chart-keyArea.vue' //7  重点区域、、
-import chartAncientTree from './chart-ancientTree.vue' //8  珍惜古树、、
+import chartWaterIntake from './chart-waterIntake.vue' //8  取水口、、
 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 chartFireFighting from './chart-fireFighting.vue' //10 消防力量分布、、
+import chartFireHydrant from './chart-fireHydrant.vue' //12 消火栓、、
+import chartFullTimeStation from './chart-fullTimeStation.vue' //13 专职站、、
+import chartFoamLiquid from './chart-foamLiquid.vue' //14 泡沫液、、
 import chartEquipmentDistribution from './chart-equipmentDistribution' //16 设备分布、、
 
 export default {
@@ -159,18 +159,18 @@ export default {
     bigdataSupermap,
     tabbar,
     chartEvent,
-    chartForestFarm,
+    chartWaterCrane,
     chartEquipmentType,
     chartFireCause,
     chartDeviceReportingEvents,
     chartEventTrend,
     chartKeyArea,
-    chartAncientTree,
+    chartWaterIntake,
     chartWeatherTrends,
-    chartGridDistribution,
-    chartFireBrigade,
-    chartGridStaff,
-    chartWeatherStation,
+    chartFireFighting,
+    chartFireHydrant,
+    chartFullTimeStation,
+    chartFoamLiquid,
     chartEquipmentDistribution
   },
   data() {

src/views/bigdata/chart-forestFarm.vue

@@ -22,10 +22,10 @@
 
 		methods:{
 			// 出处 http://192.144.199.210:8080/editor/index.html?chart_id=__n0_3jDX4e4bko6
-			
+
 			myEcharts() {
-				
-				
+
+
 				var chartDom = document.getElementById('population');
 				var myChart = echarts.init(chartDom);
 				var color = ['#02CDFF', '#62FBE7', '#7930FF','#eb9123','#ecb935']
@@ -36,11 +36,11 @@
 				    {
 				        name: '双辽市',
 				        value: 2691
-				    }, 
+				    },
 				    {
 				        name: '梨树县',
 				        value: 5000
-				    }, 
+				    },
 				    {
 				        name: '伊通县',
 				        value: 3416
@@ -54,15 +54,15 @@
 					    value: 4666
 					},
 				];
-				
+
 				var bgData = [];
 				var itemData = [];
-				
+
 				// 取出每一条数据value,作为显示数据
 				chartData.forEach(function(items, index) {
 				    itemData.push(items.value);
 				})
-				
+
 				// 取出所有数据最大值,作为背景象形柱图数据
 				chartData.forEach(function(items, index) {
 				    bgData.push({
@@ -70,13 +70,13 @@
 				        value: Math.max.apply(null, itemData)
 				    });
 				})
-				
+
 				// 所有数据最大值
 				var maxValue = Math.max.apply(null, itemData);
-				
+
 				// 字体 distance放大参数
 				var scale = 1;
-				
+
 				//富文本配置
 				var rich = {
 				    white: {
@@ -86,7 +86,7 @@
 				        padding: [0, 0]
 				    },
 				};
-				
+
 				option = {
 				    tooltip:{
 				        formatter:'{b} : {c}'+'人',
@@ -102,13 +102,13 @@
 				        data:(function(data){
 				            var arr=[];
 				            data.forEach(function(items){
-				                arr.push(items.name);   
+				                arr.push(items.name);
 				            });
 				            return arr;
 				        })(chartData),
-				        
-				        
-				        
+
+
+
 				        boundaryGap: ['20%', '20%'],
 				        splitLine: {
 				            show: false