生态修复-山水工程 项目上图

src/views/cockpit/stxf.vue

@@ -10,11 +10,12 @@
       </div>
     </template>
     <div class="stacontent">
-      <div class="item" v-for="(sd, index) in sdlist[tab]" :key="index">
+      <div class="item" v-for="(sd, index) in sdlist[tab]" :key="index" :class="{cursor: sd.view}" @click="draw_vector(sd)">
         <div class="itembg"></div>
         <div class="text">{{ sd.name }}</div>
-        <span style="cursor: pointer;" @click="goTableList(sd)">{{ sdata[tab][sd.prop] || 0 }}</span>
+        <span>{{ sdata[tab][sd.prop] || 0 }}</span>
         {{ sd.unit }}
+        <i v-if="sd.view" style="pointer-events:all" :class="{ 'el-icon-view': true }"></i>
       </div>
     </div>
 
@@ -52,7 +53,7 @@
 import borderTemplate from "./borderTemplate.vue";
 import { QueryOne, QueryList } from "../../api/cockpitNew";
 import pie3d from "../../components/echartsTemplate/3dPie.vue";
-
+import parse from "wellknown";
 export default {
   components: { borderTemplate, pie3d },
   data() {
@@ -71,7 +72,7 @@ export default {
           { name: "总投资", prop: "tzje", unit: "亿元" },
         ],
         ssxf: [
-          { name: "2023-2025年项目", prop: "xzqhdm_number", unit: "个" },
+          { name: "2023-2025年项目", prop: "xzqhdm_number", unit: "个", view:true },
           { name: "整治面积", prop: "zlmj", unit: "公顷" },
           { name: "总投资", prop: "tzje", unit: "亿元" },
         ],
@@ -104,6 +105,11 @@ export default {
         id: params ? params.id : '4602'
 
       });
+      res.data.map((res) => {
+        if (res.geom) {
+          res.geom = parse(res.geom.split(";")[1]);
+        }
+      });
       store.state.cockpit_stxf.ssgc.list = res.data
 
 
@@ -218,11 +224,18 @@ export default {
     goDetail(item){
       console.log(item,'/////')
     },
-    goTableList(sd){
-      // console.log(sd,']]]]')
-      store.setViewerFlagb(false);
-      store.setToolBarShow(false);
-      store.setXzqh_flag(false);
+    draw_vector(sd) {
+      if (sd.view) {
+        store.setViewerFlagb(false);
+        store.setToolBarShow(false);
+        store.setXzqh_flag(false);
+        store.setCockpit_vector({
+          title: "山水工程完成项目",
+          tableData: store.state.cockpit_stxf.ssgc.list,
+          tablejscType: `jsc_stxf_ywlx_ssxfmx`,
+          columns: ['区县编码','区县编码名称','项目名称','投资金额(万元)','治理时间','治理进度','治理面积(公顷)','备注'],
+        });
+      }
     }
   },
   mounted() {
@@ -282,6 +295,9 @@ export default {
     line-height: 18px;
   }
 }
+.cursor {
+  cursor: pointer;
+}
 
 
 #stxf_echart_tdzz {