接口调试

src/views/cockpitNew1/gkzb.vue

@@ -25,7 +25,7 @@
         </div>
         <div class="text">
           <p>永久基本农田保护</p>
-          <span>126.01</span>平方干米
+          <span>{{ yjjbntmj }}</span>平方干米
 
         </div>
       </div>
@@ -37,7 +37,9 @@
         </div>
         <div class="text">
           <p>生态保护红线</p>
-          <span>1518</span>平方干米
+          <span>
+            {{ mj }}
+          </span>平方干米
 
         </div>
       </div>
@@ -49,7 +51,7 @@
         </div>
         <div class="text">
           <p>城市开发边界</p>
-          <span>225.42</span>公顷
+          <span>{{ kfbjmj }}</span>平方干米
 
         </div>
       </div>
@@ -61,7 +63,7 @@
         </div>
         <div class="text">
           <p>陆域生态保护红线</p>
-          <span>777.37</span>公顷
+          <span>{{ ly_mj }}</span>平方干米
 
         </div>
       </div>
@@ -89,7 +91,7 @@
           <p>近岸海域海洋生态保护红线
 
           </p>
-          <span>740.63</span>公顷
+          <span>{{ hy_mj }}</span>平方干米
 
         </div>
       </div>
@@ -103,7 +105,7 @@
           <p>覆盖城镇开发边界
 
           </p>
-          <span>66.32</span>%
+          <span>{{ bfb }}</span>%
 
         </div>
       </div>
@@ -118,7 +120,14 @@ import { cockpitInfo } from '@/api/cockpit'
 export default {
   components: {},
   data() {
-    return {};
+    return {
+      yjjbntmj: 0,
+      kfbjmj: 0,
+      bfb: 0,
+      mj: 0,
+      ly_mj: 0,
+      hy_mj: 0,
+    };
   },
   //监听属性 类似于data概念
   computed: {},
@@ -134,21 +143,38 @@ export default {
     // console.log(store.state.cockpit_date, "store.cockpit_date");
 
 
-    // let obj = {
-    //   // beginTime: store.state.cockpit_date[0],
-    //   // endTime: store.state.cockpit_date[1],
-    //   jscType: 'jsc_gkzb_ztgu_stbh',
-    //   id: '4602'
-    // };
-    // let data = await cockpitInfo(obj);
-    // console.log(data, "data");
-
-    // // 生态保护红线面积
-    // data.data[0].mj
-    // // 路与生态保护红线
-    // data.data[0].ly_mj
-    // // 近海岸面积
-    // data.data[0].hy_mj
+    let obj = {
+      // beginTime: store.state.cockpit_date[0],
+      // endTime: store.state.cockpit_date[1],
+      jscType: 'jsc_gkzb_ztgu_stbh',
+      id: '4602'
+    };
+    let data = await cockpitInfo(obj);
+    console.log(data, "data");
+
+    // 生态保护红线面积
+    that.mj = data.data[0].mj
+    // 路域生态保护红线
+    that.ly_mj = data.data[0].ly_mj
+    // 近海岸面积
+    that.hy_mj = data.data[0].hy_mj
+
+
+    let obj_yjjbntmj = {
+      jscType: 'jsc_gdbh_ztgh_nt',
+      id: '4602'
+    };
+    let obj_yjjbntmj_data = await cockpitInfo(obj_yjjbntmj);
+    that.yjjbntmj = obj_yjjbntmj_data.data[0].yjjbntmj;
+
+
+    let obj_kfbjmj = {
+      jscType: 'jsc_gkzb_ztgh_kfbj',
+      id: '4602'
+    };
+    let obj_kfbjmj_data = await cockpitInfo(obj_kfbjmj);
+    that.kfbjmj = obj_kfbjmj_data.data[0].kfbjmj;
+    that.bfb = obj_kfbjmj_data.data[0].bfb * 100;
 
   }, //生命周期 - 挂在完成
   beforeUpdate() { }, //生命周期 - 更新之前

src/views/viewer.vue

@@ -115,6 +115,9 @@ export default {
             const that = this;
             that.$refs.hysy_ref["label_data"]();
             that.$refs.hysy_ref["echart_data"]();
+        },
+        gkzb_xzqh(){
+            
         },
         async pick_xzqh() {
             const that = this;
@@ -176,7 +179,7 @@ export default {
                             that.hysyq(address);
                             // 驾驶舱土地收储
                             that.tdsc_xzqh(address);
-
+                            that.gkzb_xzqh(address);
 
                         } else {