From 6a0a093dba38d4c9e819a45a70aec8e340da9ca0 Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期三, 31 三月 2021 19:28:30 +0800 Subject: [PATCH] 图表不显示问题 --- src/views/MapTemplate.vue | 109 ++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 81 insertions(+), 28 deletions(-) diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue index eb3437c..ce51726 100644 --- a/src/views/MapTemplate.vue +++ b/src/views/MapTemplate.vue @@ -16,10 +16,10 @@ <summary-sheets></summary-sheets> <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> - <SolidContent ref="SolidWastePopup"></SolidContent> - <el-button type="primary" @click="AddGasHelper" class="flue-gas">搴熸皵</el-button> - <popup-gas ref="FlueGas"></popup-gas> +<!-- <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>--> + <PublicBounced ref="PublicBounced"></PublicBounced> </div> </template> @@ -38,12 +38,14 @@ // import MenuSpecial from '@components/panel/MenuTopic' import LegendPanel from '@components/panel/LegendPanel' import Enterprise from '../components/table/enterprise' -import SolidContent from '@components/BaseNav/SolidContent' // 搴曞浘涓氬姟js閫昏緫 -import AddSolidWasteHelper from '@components/BaseNav/SolidWaste' -// 搴熸皵 -import AddGasHelper from '@components/flueGas/flueGas' -import PopupGas from '@/components/flueGas/popup-gas' + +import AddWasteWaterHelper from '@components/BaseNav/WasteWater/WasteWater' +import AddGasHelper from '@components/BaseNav/flueGas/flueGas' +// // 鍏叡灞曠ず鏁版嵁 +import PublicBounced from '@components/BaseNav/PublicBounced/PublicBounced' +import LayerFactory from '@components/LayerController/service/LayerFactory' + export default { name: 'MapTemplate', components: { @@ -58,17 +60,16 @@ LcServiceLayer, Popup, summarySheets, - SolidContent, - PopupGas + PublicBounced }, data () { return { - // isShowBtn: false, map: null, lcServiceLayerVisible: false, basemapHelper: {}, serviceLayerHelper: {}, - vectorLayerHelper: {} + vectorLayerHelper: {}, + toolBoxVisible: false } }, computed: { @@ -76,9 +77,6 @@ return this.$store.state.map.config } }, - // created () { - // this.FlueGas() - // }, beforeMount () { this.$nextTick(() => { this.init() @@ -86,14 +84,42 @@ }, 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() - AddGas.SetPlueGasContent(this.config, this.$refs.FlueGas) + AddGas.requestData(data) + AddGas.SetPlueGasContent(this.config, this.$refs.PublicBounced) }, - ChangeState () { - const AddSolidWaste = new AddSolidWasteHelper({ map: this.map }) - AddSolidWaste.requestData() - AddSolidWaste.SetSolidWasteContent(this.config, this.$refs.SolidWastePopup) + 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 @@ -107,21 +133,29 @@ init () { const mapcontainer = this.$refs.rootmap this.map = Sgis.initMap(mapcontainer) - this.$refs.toolBox.map = this.map + + window.popupComp = this.$refs.popup + var layerFactory = new LayerFactory({ + L: window.L, + map: this.map + }) + layerFactory.init() + 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.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) // this.ChangeState() // this.AddGasHelper() - + // this.ChangeWaterState() + this.$refs.toolBox.init(this.map) this.saveMapStatus() // this.setMapObj(this.mapObj) // this.setBasemapHelper(this.basemapHelper) @@ -170,15 +204,23 @@ <style lang="less"> .flue-gas { - position:fixed; + position: fixed; top: 88px; left: 180px; z-index: 500; } + .solid-waste { position: absolute; top: 88px; left: 88px; + z-index: 999; +} + +.Waste-water { + position: absolute; + top: 88px; + left: 280px; z-index: 999; } @@ -211,5 +253,16 @@ .leaflet-custom-icon { background: white; } + + .leaflet-marker-icon { + background: none; + } + + #migic { + width: 48px; + height: 48px; + margin: -18px -20px; + z-index: 999; + } } </style> -- Gitblit v1.8.0