耕地保护接口联调

src/views/cockpitNew1/gdbh.vue

@@ -26,10 +26,10 @@ export default {
     return {
       sdata: {},
       sdlist: [
-        { name: "高标准农田", prop: "residentPopulation", unit: "km²" }, //耕地保有量
-        { name: "补充耕地项目", prop: "residentPopulation", unit: "个" },
-        { name: "永久基本农田", prop: "residentPopulation", unit: "km²" },
-        { name: "补充耕地面积", prop: "residentPopulation", unit: "km²" }
+        { name: "高标准农田", prop: "gzl_yjjbntmj", unit: "km²" }, //耕地保有量
+        { name: "补充耕地项目", prop: "xzqhdm_number", unit: "个" },
+        { name: "永久基本农田", prop: "yjjbntmj", unit: "km²" },
+        { name: "补充耕地面积", prop: "mj", unit: "km²" }
       ]
     };
   },
@@ -41,14 +41,6 @@ export default {
 
   methods: {
     setData(datas) {
-      const optionsData = [
-        { name: "水田", value: 50 },
-        { name: "水浇地", value: 20 },
-        { name: "旱地", value: 30 }
-      ];
-      this.$nextTick(() => {
-        this.$refs.echartRef.setOptions(optionsData);
-      });
       this.GetQueryOne_nt(datas);
       this.GetQueryOne_bh(datas);
       this.GetQueryList(datas);
@@ -59,7 +51,7 @@ export default {
         jscType: "jsc_gdbh_ztgh_nt"
       };
       QueryOne(params).then(res => {
-        this.sdata = { ...this.sdata, ...res.data }; //&& res.data.length > 0 ? res.data[0] : {};
+        this.sdata = { ...this.sdata, ...res.data };
       });
     },
     GetQueryOne_bh(datas) {
@@ -69,21 +61,36 @@ export default {
         id: 4603
       };
       QueryOne(params).then(res => {
-        // this.sdata = res.data && res.data.length > 0 ? res.data[0] : {};
+        this.sdata = { ...this.sdata, ...res.data };
       });
     },
     GetQueryList(datas) {
+      let optionsData = [];
       let params = {
         ...datas,
         jscType: "jsc_gdbh_yelx_nt"
       };
       QueryList(params).then(res => {
-        console.log("----", res.data);
-        // this.sdata = res.data && res.data.length > 0 ? res.data[0] : {};
+        res.data.forEach(edata => {
+          optionsData.push({ name: edata.dlbmmc, value: edata.yjjbntmj });
+          this.eData.yData.push([edata.xzqhdm_number, edata.zlmj, edata.tzje]);
+        });
+        this.$nextTick(() => {
+          this.$refs.echartRef.setOptions(optionsData);
+        });
       });
     }
   },
-  mounted() {}
+  mounted() {
+    const optionsData = [
+      { name: "水田", value: 50 },
+      { name: "水浇地", value: 20 },
+      { name: "旱地", value: 30 }
+    ];
+    this.$nextTick(() => {
+      this.$refs.echartRef.setOptions(optionsData);
+    });
+  }
 };
 </script>
 <style lang="scss" scoped>