企业选中状态

src/store/modules/gis.ts

@@ -1,6 +1,7 @@
 const state = {
   menuRootName: '9cd5fbf9-35fd-4fb2-8c24-1f871afd67be',
   map: null,
+  activeQyId: null,
   gisLayer: null,
   gisSource: null
 }
@@ -11,6 +12,9 @@ const getters = {
 const mutations = {
   SET_GIS_MAP(state, map) {
     state.map = map
+  },
+  SET_ACTIVE_QY_ID(state, id) {
+    state.activeQyId = id
   }
 }
 
@@ -18,6 +22,9 @@ const actions = {
   LOAD_GIS_MAP({ commit }: any, map: any) {
     commit('SET_GIS_MAP', map)
   },
+  LOAD_ACTIVE_QY_ID({ commit }: any, id: any) {
+    commit('SET_ACTIVE_QY_ID', id)
+  },
 }
 
 export default {

src/views/gis/business/enterprise/index.vue

@@ -64,7 +64,7 @@
       <div class="table">
         <div class="table-card">
           <template v-for="(item, index) in enterprise.table.data">
-            <div class="table-card-item __hover" :class="{active: index === 0}" @click="handleClick(item)">
+            <div class="table-card-item __hover" :class="{active: item.id === $store.state.gis.activeQyId}" @click="handleClick(item)">
               <img src="@/assets/images/gis-business/enterprise_list-icon1.png" alt=""/>
               <div class="table-card-item-right">
                 <div class="table-card-item-right-top">

src/views/gis/layout/index.vue

@@ -275,6 +275,7 @@ export default defineComponent({
                   f.setStyle(f.get('activeStyle'))
                 }
                 state.qyParams.qyInfo = JSON.parse(JSON.stringify(f.get('info')))
+                store.dispatch('gis/LOAD_ACTIVE_QY_ID', f.getId())
                 //  备份新的要素
                 state.qyParams.tempFeature = f
               }
@@ -434,6 +435,7 @@ export default defineComponent({
                 //  备份新的要素
                 state.qyParams.tempFeature = feat
                 state.qyParams.overlay.setPosition(feat.getGeometry().getCoordinates())
+                store.dispatch('gis/LOAD_ACTIVE_QY_ID', v.id)
               })
               features.push(feat)
             } catch (e) {
@@ -485,6 +487,7 @@ export default defineComponent({
       state.qyParams.tempFeature = null
       state.qyParams.qyInfo = {}
       state.qyParams.analysisSource?.clear()
+      store.dispatch('gis/LOAD_ACTIVE_QY_ID', null)
     }
     const onCloseSb = () => {
       state.qyParams.sbOverlay.setPosition(undefined)