高等地

src/store/store.js

@@ -99,7 +99,11 @@ var store2 = {
         },
         cockpit_gdbh: {//耕地保护
             gdxz: {//耕地现状
-                list: {},
+                list: {
+                    yAxis:[],
+                    yData:[]
+
+                },
                 title: {},
             },
             zbph: {

src/views/cockpit/gdbh.vue

@@ -194,7 +194,94 @@ export default {
       };
       let data = await QueryOne(obj);
       store.state.cockpit_gdbh.gdxz.title = data.data
-      console.log('store.state.cockpit_gdbh.gdxz: ', store.state.cockpit_gdbh.gdxz);
+
+      let obj_list = {
+        jscType: 'sc_gdbh_xz_gddb',
+        id: params ? params.id : '4602'
+      };
+      let data_list = await QueryList(obj_list);
+      let yAxis = ['优等地', '高等地', '中等地', '低等地'];
+      let yData = [];
+
+      let echartData = [];
+      data_list.data.forEach((res) => {
+        if (res.dj == 1) {
+          echartData.push(
+            {
+              "优等地": res.tbmj,
+            }
+          )
+        }
+        if (res.dj == 2) {
+          echartData.push(
+            {
+              "高等地": res.tbmj,
+            }
+          )
+        } if (res.dj == 3) {
+          echartData.push(
+            {
+              "中等地": res.tbmj,
+            }
+          )
+        } if (res.dj == 4) {
+          echartData.push(
+            {
+              "低等地": res.tbmj,
+            }
+          )
+        }
+      })
+      if (data_list.data.length == 3) {
+        echartData.push({
+          "低等地": 0
+        });
+      }
+      if (data_list.data.length == 2) {
+        echartData.push({
+          "中等地": 0
+        });
+        echartData.push({
+          "低等地": 0
+        });
+      }
+      if (data_list.data.length == 1) {
+        echartData.push({
+          "高等地": 0
+        });
+        echartData.push({
+          "中等地": 0
+        });
+        echartData.push({
+          "低等地": 0
+        });
+      }
+      if (data_list.data.length == 0) {
+        echartData.push({
+          "优等地": 0
+        });
+        echartData.push({
+          "高等地": 0
+        });
+        echartData.push({
+          "中等地": 0
+        });
+        echartData.push({
+          "低等地": 0
+        });
+      }
+       yData = echartData.map((res) => {
+        for (let key in res) {
+          return res[key]
+        }
+      })
+      yAxis.reverse();
+      yData.reverse();
+
+      store.state.cockpit_gdbh.gdxz.list.yAxis = yAxis;
+      store.state.cockpit_gdbh.gdxz.list.yData = yData;
+
+      this.init_gdxz_echart();
     }, async init_zbph(params) {
       const that = this;
       let obj = {
@@ -333,7 +420,7 @@ export default {
           interval: 0
         },
         yAxis: {
-          data: ['优等地', '高等地', '中等地', '低等地'],
+          data: store.state.cockpit_gdbh.gdxz.list.yAxis,
 
           splitLine: {
             show: false,
@@ -399,7 +486,7 @@ export default {
               }
             },
             symbolPosition: 'end',
-            data: [22.23, 23.57, 18.14, 14.75],
+            data: store.state.cockpit_gdbh.gdxz.list.yData,
 
           }, {
             name: '一行动一活动开展情况',
@@ -415,7 +502,6 @@ export default {
                 }
               }
             },
-            data: [22, 23, 18, 14],
 
           }, {
             type: 'bar',
@@ -442,7 +528,7 @@ export default {
             silent: true,
             barWidth: 15,
             barCategoryGap: '100%',
-            data: [22.23, 23.57, 18.14, 14.75],
+            data: store.state.cockpit_gdbh.gdxz.list.yData,
 
           }]
       };