土地整治

src/store/store.js

@@ -91,6 +91,10 @@ var store2 = {
             name: '',
         },
         cockpit_stxf: {
+            tdzz: {
+                list: {},
+                title: {},
+            },
             ssgc: {
                 list: {},
                 title: {},
@@ -100,8 +104,8 @@ var store2 = {
         cockpit_gdbh: {//耕地保护
             gdxz: {//耕地现状
                 list: {
-                    yAxis:[],
-                    yData:[]
+                    yAxis: [],
+                    yData: []
 
                 },
                 title: {},

src/views/cockpit/jsyd.vue

@@ -2,7 +2,7 @@
   <div class="jsyd">
     <div class="title">
       <div class="icon"></div>
-      <span>建设用地规划指标</span>
+      <span>空间规划指标</span>
     </div>
     <div class="content">
       <div class="item">

src/views/cockpit/stxf.vue

@@ -19,14 +19,7 @@
     </div>
 
     <div v-show="tab == options[0].value">
-      <div class="legend_stxf">
-
-        <div class="stxf_echart_tdzz_legend">
-
-        </div>
-
-      </div>
-      <pie3d id="stxf_echart_tdzz" unit="个" :legendFlag=false ref="stxf_echart_tdzz"></pie3d>
+      <pie3d id="stxf_echart_tdzz" unit="个" :legendFlag=true ref="stxf_echart_tdzz"></pie3d>
     </div>
     <div v-show="tab == options[1].value">
       <div class="content">
@@ -157,20 +150,50 @@ export default {
         });
       });
     },
+    async tdzz(params) {
+      let res = await QueryList({
+        jscType: "jsc_stxf_ywfl_tdzz",
+        id: params ? params.id : '4602'
+
+      });
+      let arr = [];
+      let xmsl_num = 0;
+      let xmjz_num = 0;
+      // let xmsl_num = 0;
+
+      console.log('res.data: ', res.data);
+      res.data.forEach((res) => {
+        arr.push({
+          name: res.zzlx,
+          value: res.xmsl
+        });
+
+        xmsl_num += res.xmsl//综合项目格数
+        xmjz_num += res.xmjz//总投资
+
+      })
+      // store.state.cockpit_stxf.tdzz.list = arr;
+      // store.state.cockpit_stxf.tdzz.title = title;
+
+
+      this.sdata.tdzz = {
+        xzqhdm_number: xmsl_num,
+        // zlmj: store.state.cockpit_stxf.ssgc.title.zlmj,
+        tzje:xmjz_num,
 
+      }
+
+      this.$refs.stxf_echart_tdzz.setOptions(arr);
+
+    },
   },
   mounted() {
     this.$nextTick((res) => {
 
-      this.$refs.stxf_echart_tdzz.setOptions([
-        { name: "农用地整理项目", value: 12 },
-        { name: "建设用地整理项目", value: 21 },
-        { name: "生态修复项目", value: 54 },
-        { name: "历史文化保护项目", value: 22 },
-
-      ]);
 
       this.getInfo();
+      this.tdzz();
+
 
     })
   },
@@ -224,25 +247,11 @@ export default {
   width: 24rem;
   height: 10rem;
   position: fixed;
-  top: 25rem;
-  left: 100rem;
+  top: 27rem;
+  left: 94rem;
 }
 
 
-.legend_stxf {
-  position: fixed;
-  top: 34rem;
-
-  .stxf_echart_tdzz_legend {
-    height: 4rem;
-    width: 25rem;
-    background: no-repeat;
-
-    background-image: url("/static/images/overview/stxf_echart_tdzz_legend.png");
-    display: inline-block;
-  }
-}
-
 .infoLIst {
   width: 100%;
   height: 12.5rem;

src/views/viewer.vue

@@ -118,6 +118,7 @@ export default {
             this.$refs.bjxm_ref.init_bjxm_echart_info(this.params);
             // 生态修复
             this.$refs.stxf_ref.getInfo(this.params);
+            this.$refs.stxf_ref.tdzz(this.params);
 
 
         },