农业可视化数据中心

src/api/datacenter.js

@@ -3,6 +3,15 @@ import request from '@/utils/request'
 // 获取左侧菜单列表
 export function getResource() {
   return request({
+    // url: '/center-agriculture/data/SumLandInfo',
+    url: '/center-agriculture/data/getResource',
+    method: 'get',
+  })
+}
+
+// 获取左侧菜单列表
+export function SumLandInfo() {
+  return request({
     url: '/center-agriculture/data/SumLandInfo',
     method: 'get',
   })

src/views/bigdata/bigdata.vue

@@ -66,7 +66,7 @@
       <div class="bigdata-list wid-li-1 m-l-15">
         <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>
           <chartDanger ref="chartDanger"></chartDanger>
         </div>
@@ -329,7 +329,8 @@ export default {
         const seriesData = []
         for (let index in res.data) {
           xData.push(res.data[index].name)
-          seriesData.push(res.data[index].value)
+          seriesData.push(res.data[index].value.toFixed(2));
+          // seriesData.push(res.data[index].value)
         }
         this.$refs.chartFireControl.myEcharts(xData, seriesData)
       })
@@ -365,7 +366,8 @@ export default {
     },
     leidaBigData() {
       leidaBigData().then(res => {
-        const seriesData = [0, 0, 0, 0, 0]
+        console.log("res..data=",res.data)
+        const seriesData = [1, 2, 3, 4, 5]
         for (let index in res.data) {
           if (res.data[index].name == '合作社') {
             seriesData[0] = res.data[index].value
@@ -379,7 +381,26 @@ export default {
             seriesData[4] = res.data[index].value
           }
         }
-        this.$refs.chartDanger.myEcharts(seriesData)
+        let dataValue = [];
+        let dataName = [];
+        for (let index in res.data) {
+          dataValue.push(res.data[index].value);
+          dataName.push(res.data[index].name);
+        }
+        // dataValue[0] = res.data[0].value;
+        // dataValue[1] = res.data[1].value;
+        // dataValue[2] = res.data[2].value;
+        // dataValue[3] = res.data[3].value;
+        // dataValue[4] = res.data[4].value;
+        // dataValue[5] = res.data[5].value;
+        dataName[0] = "备案养殖场";
+        dataName[1] = "种畜禽养殖场";
+        dataName[2] = "企业数量";
+        dataName[3] = "农药数量";
+        dataName[4] = "农资监管数量";
+        dataName[5] = "粮食数量";
+        this.$refs.chartDanger.myEcharts(dataName, dataValue);
+        // this.$refs.chartDanger.myEcharts(seriesData)
       })
     },
     protectInfoBigData() {

src/views/bigdata/chart-danger.vue

@@ -21,8 +21,12 @@
 
 		methods: {
 			// 出处 http://192.144.199.210:88/editor/index.html?chart_id=XWNjkKJQ3NBt1FK6
-
-			myEcharts(data) {
+//       无法访问此网站192.144.199.210 拒绝了我们的连接请求。
+//       请试试以下办法：
+//         检查网络连接
+//         检查代理服务器和防火墙
+//         ERR_CONNECTION_REFUSED
+			myEcharts(dataName, dataValue) {
 
 
 				var chartDom = document.getElementById('danger');
@@ -30,29 +34,41 @@
 				var color = ['#02CDFF', '#62FBE7', '#7930FF', '#E148EB', '#ecb935']
 				var option;
 				let indicator = [{
-						name: '合作社',
+						// name: '合作社',
+						name: dataName[0],
 						max: 10
 					},
 					{
-						name: '农机站',
+						// name: '农机站',
+            name: dataName[1],
 						max: 10
 					},
 					{
-						name: '植保站',
+						// name: '植保站',
+            name: dataName[2],
 						max: 10
 					},
 					{
-						name: '畜保站',
+						// name: '畜保站',
+            name: dataName[3],
 						max: 10
 					},
 					{
-						name: '养殖、粪污站',
+						// name: '养殖、粪污站',
+            name: dataName[4],
+						max: 10
+					},
+          {
+            name: dataName[5],
 						max: 10
 					},
 				]
 
 				option = {
-
+          // legend: {
+          //   show: true,
+          //   top: '10%',
+          // },
 					radar: {
 						center: ['50%', '50%'],
 						radius: '89%',
@@ -106,7 +122,8 @@
 					series: [{
 							// name: '家庭融合包',
 							type: 'radar',
-							data: [data],
+							// data: [data],
+							data: [dataValue],
 							// value:14,
 							label: {
 								show: true,

src/views/datacenter.vue

@@ -50,7 +50,8 @@
                     <i class="i-small"></i>
                     <h4>{{ item.deptName }}</h4>
                   </div>
-                  <div class="d-l-l-count">{{ item.eventCount }}</div>
+                  <div class="d-l-l-count">{{ item.count }}</div>
+                  <!--<div class="d-l-l-count">{{ item.eventCount }}</div>-->
                 </div>
               </div>
               <div class="overflow-y" style="height: 34vh;">
@@ -77,6 +78,7 @@
 <script>
 import {
   getResource,
+  SumLandInfo,
   getFindAllType,
   getFindAllZhanList
 } from '@/api/datacenter'
@@ -337,9 +339,42 @@ export default {
     },
 
     getResource() {
-      let that = this
+      let _this = this
       //获取左侧菜单列表
       getResource().then(res => {
+        console.log("获取左侧菜单列表=",res.data)
+        let list = res.data;
+        for(let i = 0; i < list.length; i++){
+          let map = {};
+          map.count = list[i].num;
+          map.name = list[i].name;
+          map.key = list[i].type;
+          map.icon = 'sj-icon-' + list[i].type;
+          if(list[i].name == '农业技术推广总站信息'){
+            map.name="农业技术推广总站";
+          }
+          if(list[i].name == '"备案畜禽规模养殖场"'){
+            map.name="备案畜禽养殖场";
+          }
+          if(list[i].name == '"区域性粪污处置中心"'){
+            map.name="粪污处置中心";
+          }
+          if(list[i].name == '肉牛基层翻改站(点)'){
+            map.name="肉牛基层翻改站";
+          }
+          if(list[i].name == '"农机技术推广部门信息"'){
+            map.name="农机技术推广部门";
+          }
+          _this.resourcesList.push(map);
+        }
+      })
+    },
+    // getResource(){
+    getResource_废弃() {
+      let that = this
+      //获取左侧菜单列表
+      SumLandInfo().then(res => {
+        console.log("获取左侧菜单列表=",res.data)
         const resourcesMap = res.data;
         // const resourcesMap = [];
         // let data = res.data;
@@ -401,6 +436,7 @@ export default {
       let that = this
       that.resourceTable=type;
       getFindAllType(type).then(res => {
+        console.log("点击左侧右侧数据展示及横向柱状图 res.data.lis=",res.data.list)
         that.deptGroupList = res.data.dept;
         that.supermapDianList = res.data.list;
         that.source = [];
@@ -408,13 +444,15 @@ export default {
         //点击左侧右侧数据展示及横向柱状图
         if (res.data != null && res.data.dept.length > 0) {
           for (let i = 0; i < res.data.dept.length; i++) {
-            let aa = [res.data.dept[i].deptName, res.data.dept[i].eventCount];
+            let aa = [res.data.dept[i].deptName, res.data.dept[i].count];
+            // let aa = [res.data.dept[i].deptName, res.data.dept[i].eventCount];
             that.source.push(aa);
           }
         }
         this.dataChat();
         if (res.data != null && res.data.list.length > 0) {
-          if(type=='hezuoshe'||type=='nongji'||type=='zhibao'||type=='xubao'||type=='yangzhi'){
+          if(true){
+          // if(type=='hezuoshe'||type=='nongji'||type=='zhibao'||type=='xubao'||type=='yangzhi'){
             for (let i = 0; i < res.data.list.length; i++) {
               let markersMap = {
                 lng: res.data.list[i].longitude,
@@ -432,14 +470,16 @@ export default {
                   '   <span>' +
                   '     <div class="d-l-con">' +
                   '       <div class="d-l-l-text">' +
-                  '         <h4>地址：' + res.data.list[i].address + '</h4>' +
+                  // '         <h4>地址：' + res.data.list[i].address + '</h4>' +
+                  '         <h4>名称：' + res.data.list[i].NAME + '</h4>' +
                   '       </div>' +
                   '     </div>' +
                   '   </span>' +
                   '   <span>' +
                   '     <div class="d-l-con">' +
                   '       <div class="d-l-l-text">' +
-                  '         <h4>名称：' + res.data.list[i].name +'</h4>' +
+                  // '         <h4>名称：' + res.data.list[i].name +'</h4>' +
+                  '         <h4>电话：' + res.data.list[i].phone +'</h4>' +
                   '       </div>' +
                   '     </div>' +
                   '   </span>' +