From af97afdfc673efbd05ff21f02da8f93eb9b721e6 Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期四, 08 四月 2021 17:20:52 +0800 Subject: [PATCH] 统一样式-图层控制面板折叠效果添加。 --- src/views/MapTemplate.vue | 103 ++++----------------------------------------------- 1 files changed, 9 insertions(+), 94 deletions(-) diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue index dd708d9..1b70723 100644 --- a/src/views/MapTemplate.vue +++ b/src/views/MapTemplate.vue @@ -3,22 +3,18 @@ <popup ref="popup" @callPopup="callPopup"></popup> <div id="map" ref="rootmap"> </div> - <sgis-layer-controller :preset="'warningPreset'"> - <lc-basemap></lc-basemap> - <!-- <div class="barline"></div>--> - <lc-service-layer class="barline" v-if="lcServiceLayerVisible"></lc-service-layer> - </sgis-layer-controller> + <sgis-layer-controller></sgis-layer-controller> <monitor-panel></monitor-panel> <!-- <top-enterprise-panel></top-enterprise-panel>--> <tool-box-panel ref="toolBox"></tool-box-panel> <!-- <menu-special></menu-special>--> <legend-panel></legend-panel> <summary-sheets></summary-sheets> - <enterprise></enterprise> + <!-- <enterprise></enterprise> --> <!-- <el-button id="map-btn" el-icon-c-scale-to-original icon="el-icon-c-scale-to-original" circle @click="isShowHidden"></el-button>--> <!-- <el-button type="primary" @click="ChangeState" class="solid-waste">鍥哄簾</el-button>--> - <el-button type="primary" @click="ChangeWaterState" class="Waste-water">搴熸按</el-button> - <el-button type="primary" @click="AddGasHelper" class="flue-gas">搴熸皵</el-button> + <!-- <el-button type="primary" @click="ChangeWaterState" class="Waste-water">搴熸按</el-button>--> + <!-- <el-button type="primary" @click="AddGasHelper" class="flue-gas">搴熸皵</el-button>--> <PublicBounced ref="PublicBounced"></PublicBounced> </div> </template> @@ -28,8 +24,6 @@ import Sgis from '@src/Sgis' // 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 MonitorPanel from '@components/panel/RightSearchPanel' // import TopEnterprisePanel from '@components/panel/TopEnterprisePanel' import summarySheets from '@components/table/summarySheets.vue' @@ -37,10 +31,7 @@ import Popup from '@views/popup/Popup' // import MenuSpecial from '@components/panel/MenuTopic' import LegendPanel from '@components/panel/LegendPanel' -import Enterprise from '../components/table/enterprise' -// 搴曞浘涓氬姟js閫昏緫 -import AddWasteWaterHelper from '@components/BaseNav/WasteWater/WasteWater' -import AddGasHelper from '@components/BaseNav/flueGas/flueGas' +// import Enterprise from '../components/table/enterprise' // // 鍏叡灞曠ず鏁版嵁 import PublicBounced from '@components/BaseNav/PublicBounced/PublicBounced' import LayerFactory from '@components/LayerController/service/LayerFactory' @@ -48,27 +39,25 @@ export default { name: 'MapTemplate', components: { - Enterprise, + // Enterprise, LegendPanel, // MenuSpecial, ToolBoxPanel, // TopEnterprisePanel, SgisLayerController, MonitorPanel, - LcBasemap, - LcServiceLayer, Popup, summarySheets, PublicBounced }, data () { return { - // isShowBtn: false, map: null, lcServiceLayerVisible: false, basemapHelper: {}, serviceLayerHelper: {}, - vectorLayerHelper: {} + vectorLayerHelper: {}, + toolBoxVisible: false } }, computed: { @@ -82,44 +71,6 @@ }) }, methods: { - AddGasHelper () { - const data = { - companyId: 3900100145, - id: '', - monType: 2, - userCode: 'wenchun.deng', - monDuration: '', - epName: '', - secdDeptId: '', - contrLevel: '', - dataStatus: '', - dataFlag: '', - runStatus: '', - emissTypeId: '' - } - const AddGas = new AddGasHelper({ map: this.map }) - AddGas.requestData(data) - AddGas.SetPlueGasContent(this.config, this.$refs.PublicBounced) - }, - ChangeWaterState () { - const data = { - companyId: 3900100145, - id: '', - monType: 1, - userCode: 'wenchun.deng', - monDuration: '', - epName: '', - secdDeptId: '', - contrLevel: '', - dataStatus: '', - dataFlag: '', - runStatus: '', - emissTypeId: '' - } - const AddWasteWater = new AddWasteWaterHelper({ map: this.map }) - AddWasteWater.requestData(data) - AddWasteWater.SetWasteWaterContent(this.config, this.$refs.PublicBounced) - }, saveMapStatus () { window.serviceLayerHelper = this.serviceLayerHelper this.$store.commit('setMapObj', this.map) @@ -135,21 +86,15 @@ this.$refs.toolBox.map = this.map window.popupComp = this.$refs.popup - var layerFactory = new LayerFactory({ L: window.L, map: this.map }) - layerFactory.init() + layerFactory.init(this.$store.state.map.serviceLayers.LayerSewersLine) window.layerFactory = layerFactory this.basemapHelper = Sgis.initBasemapsHelper(this.map) // 鍒濆鍖栧熀纭�搴曞浘鍔╂墜 this.basemapHelper.initBasemap(this.config, false) // 绗簩涓弬鏁帮紝琛ㄧず鏄惁鍐呯綉搴曞浘 - - // this.serviceLayerHelper = Sgis.initTileLayersHelper(this.map) // 鍒濆鍖栦笟鍔″簳鍥惧姪鎵� - // console.log('-------' + this.$refs.popup.$el) - // this.serviceLayerHelper.initServiceLayers(this.config, this.$refs.popup) - this.vectorLayerHelper = Sgis.initVectorLayersHelper(this.map) // 鍒濆鍖栧姩鎬佽绱犲浘灞傚姪鎵� this.vectorLayerHelper.initVectorLayers(this.config) @@ -161,36 +106,6 @@ // this.setBasemapHelper(this.basemapHelper) // this.setServiceLayerHelper(this.serviceLayerHelper) // this.setVectorLayerHelper(this.vectorLayerHelper) - this.addMarker() - }, - addMarker () { - const L = this.L - var icon = new L.Icon({ - iconUrl: 'assets/images/map/marker-icon.png', - shadowUrl: 'assets/images/map/marker-shadow.png', - iconSize: [25, 41], - iconAnchor: [12, 41], - popupAnchor: [1, -34], - shadowSize: [41, 41] - }) - var marker = L.marker([32.2221, 118.7843], { - icon: icon - }).addTo(this.map) - .bindPopup(() => this.$refs.popup.$el, { - className: 's-map-popup', - minWidth: 300, - closeButton: false, - autoClose: false - }) - .bindTooltip('瀛椾綋鍏夋檿鏁堟灉t.', { - // permanent : true, - offset: [0, 0], // 鍋忕Щ - direction: 'right', // 鏀剧疆浣嶇疆 - // sticky:true,//鏄惁鏍囪鍦ㄧ偣涓婇潰 - className: 'anim-tooltip'// CSS鎺у埗 - }) - - marker.on('popupopen', this.onLayerClick) }, onLayerClick () { this.$refs.popup.setShow() -- Gitblit v1.8.0