From 9cd476f875b661eca3eb5c4908ce0e744f48cbfe Mon Sep 17 00:00:00 2001 From: wangrui <zephyrs0894@163.com> Date: 星期四, 24 十二月 2020 17:36:01 +0800 Subject: [PATCH] 配置过滤条件 --- src/views/MapTemplate.vue | 21 ++++++++++++++++++--- 1 files changed, 18 insertions(+), 3 deletions(-) diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue index 0d5cabd..8ba690c 100644 --- a/src/views/MapTemplate.vue +++ b/src/views/MapTemplate.vue @@ -3,7 +3,10 @@ <div id="map" ref="rootmap"></div> <sgis-layer-controller :preset="'warningPreset'"> <lc-basemap></lc-basemap> + <div class="barline"></div> + <lc-service-layer></lc-service-layer> </sgis-layer-controller> + <lc-service-layer-filter v-show="showServiceLayerFilter"></lc-service-layer-filter> <monitor-panel></monitor-panel> </div> </template> @@ -14,18 +17,25 @@ import mapConfig from '@/conf/MapConfig' import SgisLayerController from '@components/LayerController/LayerController' import LcBasemap from '@components/LayerController/modules/LcBaseMap' +import LcServiceLayer from '@components/LayerController/modules/LcServiceLayer' +import LcServiceLayerFilter from '@components/LayerController/modules/LcServiceLayerFilter' import MonitorPanel from '@components/panel/MonitorPanel' -import { mapMutations } from 'vuex' +import { mapMutations, mapState } from 'vuex' export default { name: 'MapTemplate', - components: {SgisLayerController, MonitorPanel, LcBasemap}, + components: {SgisLayerController, MonitorPanel, LcBasemap, LcServiceLayer, LcServiceLayerFilter}, data(){ return { basemapHelper: {}, serviceLayerHelper: {}, vectorLayerHelper: {} } + }, + computed:{ + ...mapState({ + showServiceLayerFilter: state => state.showServiceLayerFilter + }) }, beforeMount(){ this.$nextTick(() => { @@ -37,7 +47,7 @@ setMapObj: 'setMapObj', setBasemapHelper: 'setBasemapHelper', setServiceLayerHelper: 'setServiceLayerHelper', - setVectorLayerHelper: 'setVectorLayerHelper', + setVectorLayerHelper: 'setVectorLayerHelper' }), init() { const mapcontainer = this.$refs.rootmap @@ -73,5 +83,10 @@ height: 100%; width: 100%; } + .barline{ + width: 100%; + height: 1px; + background-color: #0661AE; + } } </style>> -- Gitblit v1.8.0