耕地保护

src/components/Query/clickQuery/CockpitVector.vue

@@ -3,13 +3,18 @@
 
     <div class="cockpit_vector">
       <div class="list_vector list_vector_multi" v-for="(item, index ) in store.state.vectorData" :key="index"
-        v-if="item.name != 'geom' && item.id != 'id' && item.type != 'type'">
-        <div class="filed_box">
+        v-if="shouldDisplayItem(item)">
+        <!-- <div class="filed_box">
           {{ item.name }}
         </div>
         :
         <div class="filed_box">
           {{ item.value }}
+        </div> -->
+
+        <div>
+          <div class="left_info filed_box">{{ item.name }}</div>
+          <div class="right_info filed_box">{{ item.value }}</div>
         </div>
       </div>
     </div>
@@ -39,6 +44,9 @@ export default {
   watch: {},
   //方法集合
   methods: {
+    shouldDisplayItem(item) {  
+      return item.name !== 'geom' && item.name !== 'id' && item.name !== 'type'&& item.name !== 'create_time'&& item.name !== 'val1';  
+    },
     build_data(geojson) {
       geojson.coordinates.forEach((res) => {
         const twoDArray = res[0];
@@ -226,4 +234,9 @@ export default {
 .filed_box {
   display: inline-block;
 }
+.left_info{
+  border: #CCC 1px solid;
+}.right_info{
+  border: #CCC 1px solid;
+}
 </style>

src/views/cockpit/gdbh.vue

@@ -197,6 +197,8 @@ import borderTemplate from "./borderTemplate.vue";
 // import highPie from "../../components/echartsTemplate/highPie.vue";
 import pie3d from "../../components/echartsTemplate/3dPie.vue";
 import { QueryOne, QueryList } from "../../api/cockpitNew";
+import parse from "wellknown";
+
 export default {
   components: { borderTemplate, pie3d },
   data() {
@@ -221,15 +223,16 @@ export default {
         }
 
       },
-      balanceData:{
-        cb_cn:0,
+      vector_data: null,
+      balanceData: {
+        cb_cn: 0,
         cb_gdm: 0,
         cb_st: 0,
         create_time: "20240101",
         id: "4602",
-        zy_cn:0,
+        zy_cn: 0,
         zy_gdmj: 0,
-        zy_st:0
+        zy_st: 0
       },//占补平衡数据存储
     };
   },
@@ -629,6 +632,33 @@ export default {
       })
       this.$refs.jcpg.setOptions(arr);
     },
+    async init_jcph_table(params) {
+      const that = this;
+      let obj = {
+        jscType: "jsc_gdbh_jcph_zbmc",
+        id: params ? params.id : "4602",
+        val1: 1,
+        val2: 50000,
+        beginTime: store.state.cockpit_date[1].slice(0, 4)
+      };
+      let data = await QueryList(obj);
+      data.data.map((res) => {
+        if (res.geom) {
+          res.geom = parse(res.geom.split(";")[1]);
+        }
+      });
+      this.vector_data = data.data;
+      store.setCockpit_vector({
+        title: "进出平衡",
+        tableData: this.vector_data,
+        tablejscType: 'jsc_tdgy_gy_zbmx',
+        columns: [
+          "进出状态",
+          "地类编码",
+          "地类编码名称",
+        ],
+      });
+    }
   },
   mounted() {
     // const optionsData = [
@@ -646,7 +676,8 @@ export default {
       this.init_zbph();
       this.init_jcpg();
       this.init_zbph_hz();
-      
+      // this.init_jcph_table();
+
     })
   },
 };