浏览代码

修改首页地图面板数据设置项

zhourj 2 天之前
父节点
当前提交
f1357c6f0c
共有 1 个文件被更改,包括 45 次插入7 次删除
  1. 45 7
      src/views/tj/compoent/map3Data.vue

+ 45 - 7
src/views/tj/compoent/map3Data.vue

@@ -34,7 +34,6 @@ export default {
     }
   },
   mounted() {
-
   },
   watch: {
     resultMapData: {
@@ -122,16 +121,51 @@ export default {
       })
 
     },
+    convertData(data) {
+      let res = [];
+      for (let i = 0; i < data.length; i++) {
+        if (this.resMapSsKey==="SL") {
+          res.push({
+            xzqhdm: data[i].xzqhdm,
+            name: data[i].name,
+            value: data[i].value,
+            dksl: data[i].value,
+            dkmj: data[i].value2
+          })
+        }
+        else {
+          res.push({
+            xzqhdm: data[i].xzqhdm,
+            name: data[i].name,
+            value: data[i].value2,
+            dksl: data[i].value,
+            dkmj: data[i].value2
+          })
+        }
+      }
+      console.log(res)
+      return res;
+    },
     getPie() {
       var _this = this
       var myChart = echarts.init(this.$refs["chartsDOM"]);
       document.oncontextmenu = function () {
         return false;
       };
-      // 获取组件允许最大值
-      this.rangeMax = Math.max.apply(Math, this.tem_data.map(item => item.value));
-      // 获取组件允许最小值
-      this.rangeMin = Math.min.apply(Math, this.tem_data.map(item => item.value));
+      if(this.resMapSsKey==="SL")
+      {
+        // 获取组件允许最大值
+        this.rangeMax = Math.max.apply(Math, this.tem_data.map(item => item.value));
+        // 获取组件允许最小值
+        this.rangeMin = Math.min.apply(Math, this.tem_data.map(item => item.value));
+      }
+      else {
+        // 获取组件允许最大值
+        this.rangeMax = Math.max.apply(Math, this.tem_data.map(item => item.value2));
+        // 获取组件允许最小值
+        this.rangeMin = Math.min.apply(Math, this.tem_data.map(item => item.value2));
+      }
+
       // 显示 loading 动画
       myChart.showLoading();
       myChart.on("contextmenu", (params) => {
@@ -195,6 +229,10 @@ export default {
         title: [{
           show: true,
           text: this.tem_title ? this.tem_title + this.titles.title : '山东省' + this.titles.title,
+          textStyle: {
+            fontFamily: 'DingTalk_JinBuTi_Regular',
+            fontSize: 15,
+          },
         }],
         toolbox: {
           orient: 'vertical',
@@ -227,7 +265,7 @@ export default {
           borderColor: '#409eff',
           backgroundColor: 'rgba(255,255,255,0.9)',
           formatter: function (params) {
-            return params.name + '</br>' + "地块数量:" + params.value + '块' + '</br>' + "实际占用总面积:" + parseFloat(params.data.value2).toFixed(2) + "亩"
+            return params.name + '</br>' + "地块数量:" + params.data.dksl + '块' + '</br>' + "实际占用总面积:" + parseFloat(params.data.dkmj).toFixed(2) + "亩"
           },
 
         },
@@ -286,7 +324,7 @@ export default {
             show: false,
             fontSize: 0,
           },
-          data: this.tem_data
+          data: this.convertData(this.tem_data),
         }]
       };
       myChart.clear();