搜索瓦片

src/store/modules/dictionary.ts

@@ -1,31 +1,50 @@
-// import {getDeptList} from "@/api/modules/dept";
-// import {dictDataType} from "@/api/modules/dict";
 import { dictionary, dictionaryDefine } from './dictionary-define'
+import iconHAJC from '@/assets/images/gis-layout/gis-layout-tools_example-hajc.png'
+import iconJSJ from '@/assets/images/gis-layout/gis-layout-tools_example-jsj.png'
+import iconWGY from '@/assets/images/gis-layout/gis-layout-tools_example-wgy.png'
+import iconWXCL from '@/assets/images/gis-layout/gis-layout-tools_example-wxcl.png'
+import iconGALSB from '@/assets/images/gis-layout/gis-layout-tools_example-galsb.png'
+import iconSHLSB from '@/assets/images/gis-layout/gis-layout-tools_example-shlsb.png'
+import iconMYLSB from '@/assets/images/gis-layout/gis-layout-tools_example-mylsb.png'
+import iconLGSZYJKSCSB from '@/assets/images/gis-layout/gis-layout-tools_example-lgszyjkscsb.png'
+import iconJGZZMGS from '@/assets/images/gis-layout/gis-layout-tools_example-jgzzmgs.png'
+import iconLGSJKYFL from '@/assets/images/gis-layout/gis-layout-tools_example-lgsjkyfl.png'
+import iconJQ from '@/assets/images/gis-layout/gis-layout-tools_example-jq.png'
+import iconLG from '@/assets/images/gis-layout/gis-layout-tools_example-lg.png'
+import iconCZW from '@/assets/images/gis-layout/gis-layout-tools_example-czw.png'
+import iconHCZ from '@/assets/images/gis-layout/gis-layout-tools_example-hcz.png'
+import iconFZS from '@/assets/images/gis-layout/gis-layout-tools_example-fzs.png'
+import iconAXCBYPYJ from '@/assets/images/gis-layout/gis-layout-tools_example-axcbypyj.png'
+import iconGGCSFXYF from '@/assets/images/gis-layout/gis-layout-tools_example-ggcsfxyf.png'
+import iconXFJY from '@/assets/images/gis-layout/gis-layout-tools_example-xfjy.png'
+import iconQYFXFK from '@/assets/images/gis-layout/gis-layout-tools_example-qyfxfk.png'
+import iconSHZLFXFK from '@/assets/images/gis-layout/gis-layout-tools_example-shzlfxfk.png'
+import iconAJ from '@/assets/images/gis-layout/gis-layout-tools_example-aj.png'
 
 const state = {
 	...dictionary,
 	elementTypeList: [
-		{dictLabel: '海岸警察', dictValue: 'hajc'},
-		{dictLabel: '缉私警', dictValue: 'jsj'},
-		{dictLabel: '网格员', dictValue: 'wgy'},
-		{dictLabel: '危险车辆', dictValue: 'wxcl'},
-		{dictLabel: '公安类设备', dictValue: 'gal', dictType: 'sb', geoType: 'mysqlGeo:gis_sb_gal'},
-		{dictLabel: '社会类设备', dictValue: 'shl', dictType: 'sb', geoType: 'mysqlGeo:gis_sb_shl'},
-		{dictLabel: '民用类设备', dictValue: 'myl', dictType: 'sb', geoType: 'mysqlGeo:gis_sb_myl'},
-		{dictLabel: '零关税自用进口生产设备', dictValue: 'lgszyjkscsb', dictType: 'qy', geoType: 'mysqlGeo:gis_qy_lgszyjkscsb'},
-		{dictLabel: '加工增值免关税', dictValue: 'jgzzmgs', dictType: 'qy', geoType: 'mysqlGeo:gis_qy_jgzzmgs'},
-		{dictLabel: '零关税进口原辅料', dictValue: 'lgsjkyfl', dictType: 'qy', geoType: 'mysqlGeo:gis_qy_lgsjkyfl'},
-		{dictLabel: '景区', dictValue: 'jq'},
-		{dictLabel: '旅馆', dictValue: 'lg'},
-		{dictLabel: '出租屋', dictValue: 'czw'},
-		{dictLabel: '火车站', dictValue: 'hcz'},
-		{dictLabel: '线索(反走私)', dictValue: 'fzs'},
-		{dictLabel: '线索(岸线船舶研判预警)', dictValue: 'axcbypyj'},
-		{dictLabel: '线索(公共场所风险预防)', dictValue: 'ggcsfxyf'},
-		{dictLabel: '线索(消防救援)', dictValue: 'xfjy'},
-		{dictLabel: '线索(企业风险防控)', dictValue: 'qyfxfk'},
-		{dictLabel: '线索(社会治理风险防控)', dictValue: 'shzlfxfk'},
-		{dictLabel: '案件', dictValue: 'aj'},
+		{dictLabel: '海岸警察', dictValue: 'hajc', icon: iconHAJC},
+		{dictLabel: '缉私警', dictValue: 'jsj', icon: iconJSJ},
+		{dictLabel: '网格员', dictValue: 'wgy', icon: iconWGY},
+		{dictLabel: '危险车辆', dictValue: 'wxcl', icon: iconWXCL},
+		{dictLabel: '公安类设备', dictValue: 'gal', icon: iconGALSB, dictType: 'sb', geoType: 'mysqlGeo:gis_sb_gal'},
+		{dictLabel: '社会类设备', dictValue: 'shl', icon: iconSHLSB, dictType: 'sb', geoType: 'mysqlGeo:gis_sb_shl'},
+		{dictLabel: '民用类设备', dictValue: 'myl', icon: iconMYLSB, dictType: 'sb', geoType: 'mysqlGeo:gis_sb_myl'},
+		{dictLabel: '零关税自用进口生产设备', dictValue: 'lgszyjkscsb', icon: iconLGSZYJKSCSB, dictType: 'qy', geoType: 'mysqlGeo:gis_qy_lgszyjkscsb'},
+		{dictLabel: '加工增值免关税', dictValue: 'jgzzmgs', icon: iconJGZZMGS, dictType: 'qy', geoType: 'mysqlGeo:gis_qy_jgzzmgs'},
+		{dictLabel: '零关税进口原辅料', dictValue: 'lgsjkyfl', icon: iconLGSJKYFL, dictType: 'qy', geoType: 'mysqlGeo:gis_qy_lgsjkyfl'},
+		{dictLabel: '景区', dictValue: 'jq', icon: iconJQ},
+		{dictLabel: '旅馆', dictValue: 'lg', icon: iconLG},
+		{dictLabel: '出租屋', dictValue: 'czw', icon: iconCZW},
+		{dictLabel: '火车站', dictValue: 'hcz', icon: iconHCZ},
+		{dictLabel: '线索(反走私)', dictValue: 'fzs', icon: iconFZS},
+		{dictLabel: '线索(岸线船舶研判预警)', dictValue: 'axcbypyj', icon: iconAXCBYPYJ},
+		{dictLabel: '线索(公共场所风险预防)', dictValue: 'ggcsfxyf', icon: iconGGCSFXYF},
+		{dictLabel: '线索(消防救援)', dictValue: 'xfjy', icon: iconXFJY},
+		{dictLabel: '线索(企业风险防控)', dictValue: 'qyfxfk', icon: iconQYFXFK},
+		{dictLabel: '线索(社会治理风险防控)', dictValue: 'shzlfxfk', icon: iconSHZLFXFK},
+		{dictLabel: '案件', dictValue: 'aj', icon: iconAJ},
 	]
 }
 
@@ -37,10 +56,10 @@ const getters = {
 		})
 		return map
 	},
-	elementTypeMapGeo: (state) => {
+	elementTypeMapObj: (state) => {
 		const map = new Map()
 		state.elementTypeList.forEach(v => {
-			map.set(v.dictValue, v.geoType)
+			map.set(v.dictValue, v)
 		})
 		return map
 	}

src/store/modules/gis.ts

@@ -139,9 +139,6 @@ const getters = {
 }
 
 const mutations = {
-  SET_ACTIVE_QY_ID(state, id) {
-    state.activeQyId = id
-  },
   SET_IS_TOOLING(state, flag) {
     state.isTooling = flag
   },
@@ -552,8 +549,8 @@ const mutations = {
     }
   },
   SET_GIS_PARAMS_DEFAULT_SB(state, {wkt, id, info, config = {}}: any) {
-    const {
-      isAnalysis = false
+    let {
+      isAnalysis = null
     } = config
     if (state.gisParams.default.layer) {
       state.gisParams.default.source?.clear()
@@ -573,6 +570,19 @@ const mutations = {
         newFeat.set('activeStyle', [...CommonStyle.activeStyle(), ...SbStyle.sbStyle(type)])
         newFeat.set('analysisStyle', [...SbStyle.sbAnalysisStyle(type)])
         newFeat.set('analysisActiveStyle', [...CommonStyle.activeStyle(), ...SbStyle.sbAnalysisStyle(type)])
+        if (isAnalysis === null) {
+          if (state.gisParams.qy.analysisWKT) {
+            const qyAF: any = new format.WKT().readFeature(state.gisParams.qy.analysisWKT)
+            if (qyAF.getGeometry().intersectsCoordinate(newFeat.getGeometry().getCoordinates())) {
+              isAnalysis = true
+            }
+          } else if (state.analysis.wkt) {
+            const AF: any = new format.WKT().readFeature(state.analysis.wkt)
+            if (AF.getGeometry().intersectsCoordinate(newFeat.getGeometry().getCoordinates())) {
+              isAnalysis = true
+            }
+          }
+        }
         newFeat.set('isAnalysis', isAnalysis)
         newFeat.set('resetStyle', () => {
           if (newFeat.get('isAnalysis')) {
@@ -594,6 +604,11 @@ const mutations = {
           zoom: state.gisParams.autoZoom,
         });
         store.commit('gis/SET_GIS_ELEMENT')
+        if (state.gisParams.qy.analysisWKT) {
+          store.commit('gis/SET_GIS_QY_ANALYSIS_ELEMENT')
+        } else if (state.analysis.wkt) {
+          store.commit('gis/SET_GIS_ANALYSIS_ELEMENT')
+        }
       } catch (e) {
         console.log('异常数据：', wkt, info, e)
       }
@@ -810,9 +825,6 @@ const mutations = {
       if (state.gisParams.default.feature) {
         notIds.push(`'${state.gisParams.default.feature.getId()}'`)
       }
-      if (state.gisParams.qy.feature) {
-        notIds.push(`'${state.gisParams.qy.feature.getId()}'`)
-      }
       if (notIds.length > 0) {
         cql.push(`(dataId not in (${notIds.join(',')}))`)
       }
@@ -904,35 +916,18 @@ const mutations = {
     state.analysis.device = []
     state.analysis.source.clear()
     state.analysis.deviceLayer.setSource(null)
+    state.gisParams.default.feature?.set('isAnalysis', false)
+    state.gisParams.default.feature?.get('resetStyle')()
     store.commit('gis/SET_GIS_ELEMENT')
   }
 }
 
 const actions = {
-  LOAD_ACTIVE_QY_ID({ commit }: any, id: any) {
-    commit('SET_ACTIVE_QY_ID', id)
-  },
   LOAD_GIS_MAP({ commit }: any, {map, defaultDom, qyDom}: any) {
     if (!state.map) {
       commit('SET_GIS_MAP', {map, defaultDom, qyDom})
     }
   },
-  LOAD_GIS_PARAMS_DEFAULT({ commit }: any, {type, wkt, id, info, config = {}}: any) {
-    if (type === 'sb') {
-      commit('SET_GIS_PARAMS_DEFAULT_SB', {wkt, id, info, config})
-    } else if (type === 'jq') {
-      commit('SET_GIS_PARAMS_DEFAULT_JQ', {wkt, id, info, config})
-    } else if (type === 'lg') {
-      commit('SET_GIS_PARAMS_DEFAULT_LG', {wkt, id, info, config})
-    } else if (type === 'czw') {
-      commit('SET_GIS_PARAMS_DEFAULT_CZW', {wkt, id, info, config})
-    } else if (type === 'hcz') {
-      commit('SET_GIS_PARAMS_DEFAULT_HCZ', {wkt, id, info, config})
-    }
-  },
-  LOAD_GIS_PARAMS_DEFAULT_RESET({ commit }: any) {
-    commit('SET_GIS_PARAMS_DEFAULT_RESET')
-  },
 }
 
 export default {

src/style/cus.scss

@@ -403,4 +403,40 @@
       }
     }
   }
+}
+
+.__gis-search_popper {
+  opacity: 0.9;
+  background-image: linear-gradient(45deg,transparent 10px,#101D69 10px), linear-gradient(-135deg,transparent 10px,#101D69 10px);
+  border: none;
+  .el-popper__arrow::before {
+    background: #101D69;
+    border-color: #101D69;
+  }
+  .el-autocomplete-suggestion {
+    .el-scrollbar {
+      .el-autocomplete-suggestion__wrap {
+        .el-scrollbar__view {
+          >li {
+            &:hover {
+              background-color: rgba(59,84,172,0.5);
+            }
+            .search-item {
+              display: flex;
+              align-items: center;
+              justify-content: flex-start;
+              height: 24px;
+              >img {
+                margin-right: 6px;
+                width: 16px;
+                height: 16px;
+              }
+              .name {
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }

src/views/gis/layout/index.vue

@@ -18,16 +18,15 @@
             ref="ref_search"
             v-model="searchInput"
             :fetch-suggestions="searchHandleMapSearch"
-            :popper-append-to-body="false"
+            popper-class="__gis-search_popper"
             clearable
-            :disabled="true"
             :debounce="800"
             placeholder="请输入关键字进行搜索"
             @select="searchToMapLocation"
         >
           <template #default="{ item }">
             <div class="search-item __hover">
-              <img :src="item.icon"/>
+              <img :src="item.icon" alt=""/>
               <div class="name">{{item.name}}</div>
             </div>
           </template>
@@ -52,14 +51,14 @@
       <RouterViewCom/>
     </div>
     <VideoPlayKedaCom v-if="$store.state.gis.videoParams.show" v-model:layout="videoLayout" :form="$store.state.gis.videoParams" @close="$store.commit('gis/SET_VIDEO_PARAMS', {show: false})"/>
-    <div class="mockButtons">
-      <el-button @click="mockSB1">模拟设备1</el-button>
-      <el-button @click="mockSB2">模拟设备2</el-button><br/>
-      <el-button @click="mockJQ1">模拟景区1</el-button><br/>
-      <el-button @click="mockLG1">模拟旅馆1</el-button><br/>
-      <el-button @click="mockCZW1">模拟出租屋1</el-button><br/>
-      <el-button @click="mockHCZ1">模拟火车站1</el-button>
-    </div>
+<!--    <div class="mockButtons">-->
+<!--      <el-button @click="mockSB1">模拟设备1</el-button>-->
+<!--      <el-button @click="mockSB2">模拟设备2</el-button><br/>-->
+<!--      <el-button @click="mockJQ1">模拟景区1</el-button><br/>-->
+<!--      <el-button @click="mockLG1">模拟旅馆1</el-button><br/>-->
+<!--      <el-button @click="mockCZW1">模拟出租屋1</el-button><br/>-->
+<!--      <el-button @click="mockHCZ1">模拟火车站1</el-button>-->
+<!--    </div>-->
   </div>
   <GisDefaultDom ref="ref_gisDefault"/>
   <GisQyDom ref="ref_gisQy"/>
@@ -95,6 +94,8 @@ import {clearLocationDom} from '@/components/easyMap/func/location'
 import {clearMeasureDom} from '@/components/easyMap/func/measure'
 import GisDefaultDom from '../map-info/overlay/default/index.vue'
 import GisQyDom from '../map-info/overlay/qy/index.vue'
+import axios from "axios";
+import store from "@/store";
 
 export default defineComponent({
   name: '',
@@ -162,31 +163,73 @@ export default defineComponent({
     })
     const searchHandleMapSearch = (queryString: string, cb: (arg: any) => void) => {
       if (queryString.trim()) {
-        const arr = [
-          {name: 123},
-          {name: 123},
-          {name: 123},
-          {name: 123},
-          {name: 123},
-          {name: 123},
-        ]
-        cb(arr)
+        const arr: any = []
+        const typeName: any = []
+        store.state.dictionary.elementTypeList.forEach(v => {
+          if (['sb', 'qy'].includes(v.dictType)) {
+            typeName.push(v.geoType)
+          }
+        })
+        axios({
+          url: store.state.gis.element.layer.getSource().getUrls()[0],
+          method: 'get',
+          params: {
+            service: 'WFS',
+            version: '1.0.0',
+            request: 'GetFeature',
+            typename: typeName.join(','),
+            srsName: 'EPSG:4326',
+            outputFormat: 'application/json',
+            CQL_FILTER: `name like '%${queryString.trim()}%'`
+          }
+        }).then(res => {
+          res.data.features?.forEach(v => {
+            const obj = {
+              info: v.properties,
+              id: v.properties.dataId,
+              name: v.properties.name,
+              typeValue: v.properties.typeValue,
+              wkt: `POINT(${v.geometry.coordinates.join(' ')})`,
+              icon: store.getters['dictionary/elementTypeMapObj'].get(v.properties.typeValue).icon,
+              featureType: '',
+            }
+            if (['lgszyjkscsb', 'jgzzmgs', 'lgsjkyfl'].includes(v.properties.typeValue)) {
+              obj.featureType = 'qy'
+            } else if (['gal', 'shl', 'myl'].includes(v.properties.typeValue)) {
+              obj.featureType = 'sb'
+            }
+            arr.push(obj)
+          })
+          cb(arr)
+        }).catch(() => {
+          cb(arr)
+        })
       } else {
         cb([])
       }
     }
     const searchToMapLocation = (val) => {
       state.searchInput = val.name
-      // if (val.source === 'element') {
-      //   state.elementFilter.forEach(l => {
-      //     l.list.forEach(v => {
-      //       if (v.value === val.elementType) {
-      //         v.active = true
-      //       }
-      //     })
-      //   })
-      // }
-      // positionSwitchGeom(val.geomType, val.coordinates, true, val.source)
+      switch (val.featureType) {
+        case 'qy': {
+          console.log(1)
+          store.commit('gis/SET_GIS_PARAMS_QY_RESET')
+          store.commit('gis/SET_GIS_PARAMS_QY', {
+            wkt: val.wkt,
+            id: val.id,
+            info: val.info
+          })
+        } break
+        case 'sb': {
+          console.log(2)
+          store.commit('gis/SET_GIS_PARAMS_DEFAULT_RESET')
+          store.commit('gis/SET_GIS_PARAMS_DEFAULT_SB', {
+            wkt: val.wkt,
+            id: val.id,
+            info: val.info
+          })
+        } break
+      }
     }
     const toolsHandleClick = (item) => {
       if (item.value === 'clear') {
@@ -205,7 +248,7 @@ export default defineComponent({
       }
     }
     const mockSB1 = () => {
-      store.dispatch('gis/LOAD_GIS_PARAMS_DEFAULT', {
+      store.commit('gis/SET_GIS_PARAMS_DEFAULT_SB', {
         type: 'sb',
         wkt: 'POINT(110.73667031084902 19.011386491828695)',
         id: 1,
@@ -230,7 +273,7 @@ export default defineComponent({
       })
     }
     const mockSB2 = () => {
-      store.dispatch('gis/LOAD_GIS_PARAMS_DEFAULT', {
+      store.commit('gis/SET_GIS_PARAMS_DEFAULT_SB', {
         type: 'sb',
         wkt: 'POINT(110.95227700030215 19.027865984016195)',
         id: 1,
@@ -255,7 +298,7 @@ export default defineComponent({
       })
     }
     const mockJQ1 = () => {
-      store.dispatch('gis/LOAD_GIS_PARAMS_DEFAULT', {
+      store.commit('gis/SET_GIS_PARAMS_DEFAULT_JQ', {
         type: 'jq',
         wkt: 'POINT(110.74277601017481 18.85289817214939)',
         id: 1,
@@ -267,7 +310,7 @@ export default defineComponent({
       })
     }
     const mockLG1 = () => {
-      store.dispatch('gis/LOAD_GIS_PARAMS_DEFAULT', {
+      store.commit('gis/SET_GIS_PARAMS_DEFAULT_LG', {
         type: 'lg',
         wkt: 'POINT(110.74277601017481 18.85289817214939)',
         id: 1,
@@ -278,7 +321,7 @@ export default defineComponent({
       })
     }
     const mockCZW1 = () => {
-      store.dispatch('gis/LOAD_GIS_PARAMS_DEFAULT', {
+      store.commit('gis/SET_GIS_PARAMS_DEFAULT_CZW', {
         type: 'czw',
         wkt: 'POINT(110.74277601017481 18.85289817214939)',
         id: 1,
@@ -289,7 +332,7 @@ export default defineComponent({
       })
     }
     const mockHCZ1 = () => {
-      store.dispatch('gis/LOAD_GIS_PARAMS_DEFAULT', {
+      store.commit('gis/SET_GIS_PARAMS_DEFAULT_HCZ', {
         type: 'hcz',
         wkt: 'POINT(110.74277601017481 18.85289817214939)',
         id: 1,
@@ -441,41 +484,6 @@ export default defineComponent({
           }
         }
       }
-      :deep(.el-autocomplete__popper) {
-        opacity: 0.9;
-        background-image: linear-gradient(45deg,transparent 10px,#101D69 10px), linear-gradient(-135deg,transparent 10px,#101D69 10px);
-        border: none;
-        .el-popper__arrow::before {
-          background: #101D69;
-          border-color: #101D69;
-        }
-        .el-autocomplete-suggestion {
-          .el-scrollbar {
-            .el-autocomplete-suggestion__wrap {
-              .el-scrollbar__view {
-                >li {
-                  &:hover {
-                    background-color: rgba(59,84,172,0.5);
-                  }
-                  .search-item {
-                    display: flex;
-                    align-items: center;
-                    justify-content: flex-start;
-                    >img {
-                      margin-right: 6px;
-                      width: 16px;
-                      height: 16px;
-                    }
-                    .name {
-                      color: #ffffff;
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
     }
     .gt-tools {
       width: 100%;

src/views/gis/layout/tools/select.vue

@@ -163,7 +163,7 @@ export default defineComponent({
             service: 'WFS',
             version: '1.0.0',
             request: 'GetFeature',
-            typename: store.getters['gis/elementActiveArr'].map(v => store.getters['dictionary/elementTypeMapGeo'].get(v.value)).join(','),
+            typename: store.getters['gis/elementActiveArr'].map(v => store.getters['dictionary/elementTypeMapObj'].get(v.value).geoType).join(','),
             srsName: 'EPSG:4326',
             outputFormat: 'application/json',
             CQL_FILTER: `INTERSECTS(location, ${state.cusTransfer.selectParams.wkt})`

src/views/gis/map-info/overlay/default/czw.vue

@@ -3,7 +3,7 @@
     <div class="czw-info-head">
       <img src="./dom-icon-czw.png" alt=""/>出租屋
     </div>
-    <div class="czw-info-close __hover">
+    <div class="czw-info-close __hover" @click="$store.commit('gis/SET_GIS_PARAMS_DEFAULT_RESET')">
       <img src="@/components/easyMap/images/close.png" alt=""/>
     </div>
     <div class="czw-main">

src/views/gis/map-info/overlay/default/hcz.vue

@@ -3,7 +3,7 @@
     <div class="hcz-info-head">
       <img src="./dom-icon-hcz.png" alt=""/>火车站
     </div>
-    <div class="hcz-info-close __hover">
+    <div class="hcz-info-close __hover" @click="$store.commit('gis/SET_GIS_PARAMS_DEFAULT_RESET')">
       <img src="@/components/easyMap/images/close.png" alt=""/>
     </div>
     <div class="hcz-main">

src/views/gis/map-info/overlay/default/jq.vue

@@ -3,7 +3,7 @@
     <div class="jq-info-head">
       <img src="./dom-icon-jq.png" alt=""/>景区
     </div>
-    <div class="jq-info-close __hover">
+    <div class="jq-info-close __hover" @click="$store.commit('gis/SET_GIS_PARAMS_DEFAULT_RESET')">
       <img src="@/components/easyMap/images/close.png" alt=""/>
     </div>
     <div class="jq-main">

src/views/gis/map-info/overlay/default/lg.vue

@@ -3,7 +3,7 @@
     <div class="lg-info-head">
       <img src="./dom-icon-lg.png" alt=""/>旅馆
     </div>
-    <div class="lg-info-close __hover">
+    <div class="lg-info-close __hover" @click="$store.commit('gis/SET_GIS_PARAMS_DEFAULT_RESET')">
       <img src="@/components/easyMap/images/close.png" alt=""/>
     </div>
     <div class="lg-main">

src/views/gis/map-info/overlay/default/sb.vue

@@ -3,7 +3,7 @@
     <div class="sb-info-head">
       <img src="./dom-icon-sb.png" alt=""/>设备
     </div>
-    <div class="sb-info-close __hover" @click="$store.dispatch('gis/LOAD_GIS_PARAMS_DEFAULT_RESET')">
+    <div class="sb-info-close __hover" @click="$store.commit('gis/SET_GIS_PARAMS_DEFAULT_RESET')">
       <img src="@/components/easyMap/images/close.png" alt=""/>
     </div>
     <div class="sb-main">