补充

website/src/views/ghfxpj/Cyfx.vue

@@ -61,7 +61,10 @@
           <div class="cyList">
             <div style="color: #02a7f0">{{ i + 1 }}. {{ item.fxmc }}</div>
             <div class="icon_list" v-show="item.hasDetail">
-              <el-icon color="#02A7F0" title="空间浏览"
+              <el-icon
+                color="#02A7F0"
+                title="空间浏览"
+                @click="spatialBrowsing(item, i)"
                 ><View style="width: 1.2rem; height: 1.2rem"
               /></el-icon>
               <el-icon
@@ -143,7 +146,7 @@ import {
 } from "@vue/runtime-core";
 import { useRouter } from "vue-router";
 import { useStore } from "vuex";
-import { SjyList, Cyfxjg } from "@/api/ghfxpj/cyfxApi.js";
+import { SjyList, Cyfxjg, } from "@/api/ghfxpj/cyfxApi.js";
 import range from "@/components/mapview/range/range.vue";
 import { ElMessage } from "element-plus";
 import EsriJSON from "ol/format/EsriJSON";
@@ -188,6 +191,7 @@ export default {
       fxghList: [],
       spanArr: [], // 存储合并信息的数组
       showTable: false,
+      showBrowsing: false,
       init() {
         //获取分析规划
         SjyList().then((res) => {
@@ -253,7 +257,7 @@ export default {
                 fxsz.spanArr[fieldIndex].push(
                   j === 0
                     ? { rowspan: count, colspan: 1 }
-                    : { rowspan: 0, colspan: 0 },
+                    : { rowspan: 0, colspan: 0 }
                 );
               }
               count = 1; // 重置计数器
@@ -270,6 +274,16 @@ export default {
           title: item.fxmc,
         });
       },
+      spatialBrowsing(item, index) {
+        fxsz.showBrowsing = !fxsz.showBrowsing;
+        // 提交数据到Vuex
+        store.commit("SET_TRANSFER", {
+          id: item.id,
+          showTable: fxsz.showTable,
+          title: item.fxmc,
+          showBrowsing: fxsz.showBrowsing,
+        });
+      },
     });
     onMounted(() => {
       fxsz.init();