行政区划卫片监管

src/views/cockpit/gdbh.vue

@@ -368,11 +368,6 @@ export default {
       let data = await QueryOne(obj);
       store.state.cockpit_gdbh.zbph.bcgd = data.data
     },
-    // setData(datas) {
-    //   this.GetQueryOne_nt(datas);
-    //   this.GetQueryOne_bh(datas);
-    //   this.GetQueryList(datas);
-    // },
     GetQueryOne_nt(datas) {
       let params = {
         ...datas,

src/views/cockpit/wpjg.vue

@@ -21,9 +21,9 @@
         <span class="dvalue">{{ title.wfl || 0 }}%</span>
       </div>
     </div>
-    <div id="wpjg_echart"></div>
+    <div id="wpjg_echart" v-show="xzqh_flag"></div>
 
-    <div id="wpjg_echart_xzqh" v-show="false">
+    <div id="wpjg_echart_xzqh" v-show="!xzqh_flag">
 
     </div>
   </borderTemplate>
@@ -40,11 +40,14 @@ export default {
     return {
       sdata: {},
       title: {},
+      zData: [],
+      active_xzqh: [],
       xData: [],
       xData1: [],//检测板块
       xData2: [],//占用耕地
       xData3: [],//占用永久基本农田
       xData4: [],//违法占地
+      xzqh_flag: true
     };
   },
   //监听属性 类似于data概念
@@ -53,7 +56,25 @@ export default {
   watch: {},
 
   methods: {
-    init_wpjg_echart_xzqh() {
+    switch_xzqh(value) {
+      if (value.id == '4602') {
+        this.xzqh_flag = true
+      } else {
+        this.xzqh_flag = false
+      }
+
+      this.zData.forEach((res) => {
+        if (res.name == value.name) {
+          this.active_xzqh = [];
+          this.active_xzqh.push(res.tb_mj, res.zygdmj, res.zyjbntmj, res.wf_mj,);
+
+        }
+      })
+      console.log('this.active_xzqh: ', this.active_xzqh);
+
+      this.init_wpjg_echart_xzqh(this.active_xzqh)
+    },
+    init_wpjg_echart_xzqh(data) {
 
       var dom = document.getElementById("wpjg_echart_xzqh");
       var myChart = window.echarts.init(dom);
@@ -92,7 +113,7 @@ export default {
           top: '14%',
           bottom: '1%',
           left: '0%',
-          right: '20%',
+          right: '30%',
           containLabel: true
         },
         xAxis: {
@@ -185,7 +206,7 @@ export default {
               }
             },
             symbolPosition: 'end',
-            data: [22.23, 23.57, 18.14, 14.75],
+            data: data,
 
           }, {
             name: '一行动一活动开展情况',
@@ -228,7 +249,7 @@ export default {
             silent: true,
             barWidth: 15,
             barCategoryGap: '100%',
-            data: [22.23, 23.57, 18.14, 14.75],
+            data: data,
 
           }]
       };
@@ -500,7 +521,7 @@ export default {
         endTime: params ? params.endTime : store.state.cockpit_date[1],
       };
       let data = await QueryList(obj);
-
+      that.zData = data.data;
       data.data.forEach((res) => {
         this.xData.push(res.name);
         this.xData1.push(res.tb_mj);
@@ -508,7 +529,6 @@ export default {
         this.xData3.push(res.zyjbntmj);
         this.xData4.push(res.wf_mj);
       })
-
       this.init_wpjg_echart();
     },
     setData(datas) {
@@ -559,12 +579,8 @@ export default {
   },
   mounted() {
     this.$nextTick((res) => {
-      this.init_wpjg_echart_xzqh();
       this.init_wpjg_title();
       this.init_wpjg_echart_data();
-
-
-
     })
   },
 };
@@ -572,7 +588,7 @@ export default {
 <style lang="scss" scoped>
 .wpjg {
   top: 43rem !important;
-  
+
 
   .stacontent {
     width: 100%;
@@ -614,7 +630,6 @@ export default {
 
 #wpjg_echart_xzqh {
   left: 1rem;
-  top: -28rem;
   width: 26rem;
   height: 12rem;
 

src/views/viewer.vue

@@ -51,6 +51,7 @@ export default {
                 beginTime: '',
                 endTime: '',
                 id: 4602,
+                name:""
             },
             flag: true,
             xzqh_color_click: "rgba(46, 177, 251, 0.6)",
@@ -93,7 +94,6 @@ export default {
         },
         setDatas() {
             // 耕地保护
-            // this.$refs.gdbh_ref.setData({ id: this.params.id });
             this.$refs.gdbh_ref.init_zbph(this.params);
             this.$refs.gdbh_ref.init_info(this.params);
 
@@ -122,8 +122,8 @@ export default {
             // 生态修复
             this.$refs.stxf_ref.getInfo(this.params);
             this.$refs.stxf_ref.tdzz(this.params);
-
-
+            // 卫片监管
+            this.$refs.wpjg_ref.switch_xzqh(this.params);
         },
         dateChange(date) {
             this.params.beginTime = date[0]
@@ -207,6 +207,8 @@ export default {
                         // console.log('pickObj: ', pickObj.primitive.show = false);
                         let adcode = obj.adcode
                         that.params.id = adcode
+                        that.params.name = pri_name
+
                         that.setDatas()
                         // 管控指标
                         that.gkzb_xzqh(adcode);