报建项目私宅报建上图

src/views/cockpit/bjxm.vue

@@ -47,7 +47,8 @@
 import { QueryOne, QueryList } from "../../api/cockpitNew";
 import Title from './common/Title.vue';
 import * as wellknown from "wellknown";
-
+let csbjcolumns=["上月转结", "事项内容", "事项名称", "办件类型", "办件编号", "办结情况", "受理人",'实际办结时间','审批模式','当前环节','当场办结','承诺日期','状态','申请主体','申请数量','行政区','面积（亩）','预警']
+let szbjcolumns=['报建项目名称','审批单位','所在行政区','报批时间','用地面积','规划情况']
 export default {
   components: { Title },
   data() {
@@ -387,10 +388,10 @@ export default {
       store.setToolBarShow(false);
       store.setXzqh_flag(false);
       store.setCockpit_vector({
-        title: "城市报建完成项目",
-        tableData: this.vector_data,
-        tablejscType: 'jsc_bjxm_csbj_zbmx',
-        columns: ["上月转结", "事项内容", "事项名称", "办件类型", "办件编号", "办结情况", "受理人",'实际办结时间','审批模式','当前环节','当场办结','承诺日期','状态','申请主体','申请数量','行政区','面积（亩）','预警'],
+        title: this.left_value == 'csbj' ? '城市报建完成项目' : '私宅报建完成项目',
+        tableData: [],
+        tablejscType: `jsc_bjxm_${this.left_value}_zbmx`,
+        columns: this.left_value == 'csbj' ? csbjcolumns : szbjcolumns,
      })
     },
     draw_vector_tdgy_gy_jd() {
@@ -434,25 +435,6 @@ export default {
 
 
     },
-    async init_vector(params) {
-      const that = this;
-      let obj = {
-        jscType: 'jsc_bjxm_csbj_zbmx',
-        beginTime: store.state.cockpit_date[0],
-        endTime: store.state.cockpit_date[1],
-        id: params ? params.id : '4602'
-      };
-      let data = await QueryList(obj);
-      data.data.map((res) => {
-        if (res.geom) {
-          res.geom = wellknown.parse(res.geom.split(";")[1]);
-        }
-
-      })
-      this.vector_data = data.data;
-
-      this.draw_vector_tdgy_gy_jd();
-    }
   },
   beforeCreate() { }, //生命周期 - 创建之前
   created() { }, //生命周期 - 创建完成（可以访问当前this实例）
@@ -462,7 +444,7 @@ export default {
       this.init_info()
       this.init_bjxm_echart_info();
 
-      this.init_vector();
+      // this.init_vector();
 
       // this.bjxu_entity = new Cesium.CustomDataSource("bjxu_entity");
       // viewer.dataSources.add(this.bjxu_entity);

src/views/cockpit/common/VectorSpace/BoxCommonVector.vue

@@ -289,6 +289,23 @@ export default {
             }
 
         },
+    async init_vector(params) {
+      const that = this;
+      let obj = {
+        jscType: store.state.cockpit_vector.tablejscType,
+        beginTime: store.state.cockpit_date[0],
+        endTime: store.state.cockpit_date[1],
+        id: params ? params.id : "4602",
+      };
+      let data = await QueryList(obj);
+      data.data.map((res) => {
+        if (res.geom) {
+          res.geom = wellknown.parse(res.geom.split(";")[1]);
+        }
+      });
+      this.active_dableData = data.data
+      this.tableData = data.data
+    },
 
     },
     computed: {
@@ -301,8 +318,13 @@ export default {
         cockpit_vector(newVal, oldVal) {
             console.log('newVal: ', newVal);
             this.title = newVal.title
-            this.active_dableData = newVal.tableData
-            this.tableData = newVal.tableData
+            if (newVal.tableData.length > 0) {
+              this.active_dableData = newVal.tableData
+              this.tableData = newVal.tableData
+            }else {
+              this.init_vector()
+            }
+            
         },
         active_dableData(newVal, oldVal) {
             this.draw_vector_tdgy_gy_jd(newVal);