From bedfd1ab5b85d84841b04e9845197cd5ebd81b52 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期一, 29 三月 2021 18:12:26 +0800 Subject: [PATCH] 弹出框内容修改样式 --- src/views/MapTemplate.vue | 73 ++++++++++++++++++++++++++++++++++-- 1 files changed, 68 insertions(+), 5 deletions(-) diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue index e248cee..c5d2668 100644 --- a/src/views/MapTemplate.vue +++ b/src/views/MapTemplate.vue @@ -15,8 +15,9 @@ <legend-panel></legend-panel> <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> + <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,7 +39,9 @@ import Enterprise from '../components/table/enterprise' // 搴曞浘涓氬姟js閫昏緫 import AddSolidWasteHelper from '@components/BaseNav/SolidWaste/SolidWaste' -// 鍏叡灞曠ず鏁版嵁 +import AddWasteWaterHelper from '@components/BaseNav/WasteWater/WasteWater' +import AddGasHelper from '@components/BaseNav/flueGas/flueGas' +// // 鍏叡灞曠ず鏁版嵁 import PublicBounced from '@components/BaseNav/PublicBounced/PublicBounced' export default { @@ -59,7 +62,6 @@ }, data () { return { - // isShowBtn: false, map: null, lcServiceLayerVisible: false, basemapHelper: {}, @@ -78,6 +80,25 @@ }) }, 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) + }, ChangeState () { const data = { companyId: 3900100145, @@ -90,8 +111,24 @@ AddSolidWaste.requestData(data) AddSolidWaste.SetSolidWasteContent(this.config, this.$refs.PublicBounced) }, - isShowHidden () { - this.isShowBtn = !this.isShowBtn + 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 @@ -118,6 +155,8 @@ this.vectorLayerHelper.initVectorLayers(this.config) // this.ChangeState() + // this.AddGasHelper() + // this.ChangeWaterState() this.saveMapStatus() // this.setMapObj(this.mapObj) @@ -166,11 +205,24 @@ </script> <style lang="less"> +.flue-gas { + 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; } @@ -203,5 +255,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