From 77f7281ff7cee541aaa51339512e6443b7d89e42 Mon Sep 17 00:00:00 2001 From: YANGDL <114714267@qq.com> Date: 星期二, 05 一月 2021 12:04:25 +0800 Subject: [PATCH] 修改eslint配置增加mock配置 --- src/views/MapTemplate.vue | 95 ++++++++++++++++++++++++----------------------- 1 files changed, 48 insertions(+), 47 deletions(-) diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue index 0356636..126b29f 100644 --- a/src/views/MapTemplate.vue +++ b/src/views/MapTemplate.vue @@ -1,13 +1,13 @@ <template> <div class="full-screen"> - <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" ref="serviceLayerFilter"></lc-service-layer-filter> - <monitor-panel></monitor-panel> + <div id="map" ref="rootmap"></div> + <sgis-layer-controller :preset="'warningPreset'"> + <lc-basemap></lc-basemap> + <div class="bar-line"></div> + <lc-service-layer></lc-service-layer> + </sgis-layer-controller> + <lc-service-layer-filter v-show="showServiceLayerFilter" ref="serviceLayerFilter"></lc-service-layer-filter> + <monitor-panel></monitor-panel> </div> </template> @@ -24,71 +24,72 @@ export default { name: 'MapTemplate', - components: {SgisLayerController, MonitorPanel, LcBasemap, LcServiceLayer, LcServiceLayerFilter}, - data(){ + components: { SgisLayerController, MonitorPanel, LcBasemap, LcServiceLayer, LcServiceLayerFilter }, + data () { return { basemapHelper: {}, serviceLayerHelper: {}, vectorLayerHelper: {} } }, - computed:{ - showServiceLayerFilter(){ + computed: { + showServiceLayerFilter () { return this.$store.state.map.showServiceLayerFilter }, - mapConfig(){ + mapConfig () { return this.$store.state.map.mapConfig } }, - beforeMount(){ - this.$nextTick(() => { - this.init() - }) + beforeMount () { + this.$nextTick(() => { + this.init() + }) }, - methods:{ - saveMapStatus(){ - this.$store.commit('setMapObj', this.mapObj); - this.$store.commit('setBasemapHelper', this.basemapHelper); - this.$store.commit('setServiceLayerHelper', this.serviceLayerHelper); - this.$store.commit('setVectorLayerHelper', this.vectorLayerHelper); + methods: { + saveMapStatus () { + this.$store.commit('setMapObj', this.mapObj) + this.$store.commit('setBasemapHelper', this.basemapHelper) + this.$store.commit('setServiceLayerHelper', this.serviceLayerHelper) + this.$store.commit('setVectorLayerHelper', this.vectorLayerHelper) }, - init() { - const mapcontainer = this.$refs.rootmap - this.mapObj = Sgis.initMap(mapcontainer) + init () { + const mapcontainer = this.$refs.rootmap + this.mapObj = Sgis.initMap(mapcontainer) - this.basemapHelper = Sgis.initBasemapsHelper(this.mapObj.map, this.mapObj.L) // 鍒濆鍖栧熀纭�搴曞浘鍔╂墜 - this.basemapHelper.initBasemap(this.mapConfig, false) // 绗簩涓弬鏁帮紝琛ㄧず鏄惁鍐呯綉搴曞浘 + this.basemapHelper = Sgis.initBasemapsHelper(this.mapObj.map, this.mapObj.L) // 鍒濆鍖栧熀纭�搴曞浘鍔╂墜 + this.basemapHelper.initBasemap(this.mapConfig, false) // 绗簩涓弬鏁帮紝琛ㄧず鏄惁鍐呯綉搴曞浘 - this.serviceLayerHelper = Sgis.initTileLayersHelper(this.mapObj.map, this.mapObj.L) // 鍒濆鍖栦笟鍔″簳鍥惧姪鎵� - this.serviceLayerHelper.initServiceLayers(this.mapConfig) + this.serviceLayerHelper = Sgis.initTileLayersHelper(this.mapObj.map, this.mapObj.L) // 鍒濆鍖栦笟鍔″簳鍥惧姪鎵� + this.serviceLayerHelper.initServiceLayers(this.mapConfig) - this.vectorLayerHelper = Sgis.initVectorLayersHelper(this.mapObj.map, this.mapObj.L) // 鍒濆鍖栧姩鎬佽绱犲浘灞傚姪鎵� - this.vectorLayerHelper.initVectorLayers(this.mapConfig) + this.vectorLayerHelper = Sgis.initVectorLayersHelper(this.mapObj.map, this.mapObj.L) // 鍒濆鍖栧姩鎬佽绱犲浘灞傚姪鎵� + this.vectorLayerHelper.initVectorLayers(this.mapConfig) - - this.saveMapStatus() - // this.setMapObj(this.mapObj) - // this.setBasemapHelper(this.basemapHelper) - // this.setServiceLayerHelper(this.serviceLayerHelper) - // this.setVectorLayerHelper(this.vectorLayerHelper) - } + this.saveMapStatus() + // this.setMapObj(this.mapObj) + // this.setBasemapHelper(this.basemapHelper) + // this.setServiceLayerHelper(this.serviceLayerHelper) + // this.setVectorLayerHelper(this.vectorLayerHelper) + } } } </script> <style lang="less"> -.full-screen{ - width: 100%; - height: 100%; - margin: 0; - padding: 0; - position: absolute; - #map{ +.full-screen { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + position: absolute; + + #map { height: 100%; width: 100%; } - .barline{ + + .bar-line { width: 100%; height: 1px; background-color: #0661AE; -- Gitblit v1.8.0