From 315dc0b82a482a3d145009c8f25c20e87da681d5 Mon Sep 17 00:00:00 2001 From: ChenZeping <chenzeping> Date: 星期一, 10 五月 2021 17:05:55 +0800 Subject: [PATCH] 企业应急 --- src/views/MapTemplate.vue | 168 +++++++++++++++++++++++++++---------------------------- 1 files changed, 83 insertions(+), 85 deletions(-) diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue index 2c80ca3..38605bf 100644 --- a/src/views/MapTemplate.vue +++ b/src/views/MapTemplate.vue @@ -1,22 +1,24 @@ <template> - <div class="full-screen"> - <popup ref="popup" @callPopup="callPopup"></popup> - <div id="map" ref="rootmap"> + <div class="full-screen"> + <!--<popup ref="popup" @callPopup="callPopup"></popup>--> + <div id="map" ref="rootmap"> + </div> + <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>--> + <SummarySheet></SummarySheet> + <!-- <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> + <!-- <ReportPopup></ReportPopup>--> </div> - <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> --> - <!-- <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> <script> @@ -26,15 +28,17 @@ import SgisLayerController from '@components/LayerController/LayerController' import MonitorPanel from '@components/panel/RightSearchPanel' // import TopEnterprisePanel from '@components/panel/TopEnterprisePanel' -import summarySheets from '@components/table/summarySheets.vue' +// import summarySheets from '@components/table/summarySheets.vue' +import SummarySheet from '@components/table/SummarySheet' import ToolBoxPanel from '@components/panel/ToolBoxPanel' -import Popup from '@views/popup/Popup' // import MenuSpecial from '@components/panel/MenuTopic' import LegendPanel from '@components/panel/LegendPanel' // import Enterprise from '../components/table/enterprise' // // 鍏叡灞曠ず鏁版嵁 import PublicBounced from '@components/BaseNav/PublicBounced/PublicBounced' import LayerFactory from '@components/LayerController/service/LayerFactory' +import EventHandler from '../components/LayerController/event/EventHandler' +// import ReportPopup from '../components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ReportPopup' export default { name: 'MapTemplate', @@ -46,9 +50,10 @@ // TopEnterprisePanel, SgisLayerController, MonitorPanel, - Popup, - summarySheets, + // summarySheets, + SummarySheet, PublicBounced + // ReportPopup }, data () { return { @@ -86,13 +91,6 @@ this.$refs.toolBox.map = this.map window.popupComp = this.$refs.popup - var layerFactory = new LayerFactory({ - L: window.L, - map: this.map - }) - layerFactory.init(this.$store.state.map.serviceLayers.LayerSewersLine) - layerFactory.init(this.$store.state.map.serviceLayers.layerSewersPoint) - window.layerFactory = layerFactory this.basemapHelper = Sgis.initBasemapsHelper(this.map) // 鍒濆鍖栧熀纭�搴曞浘鍔╂墜 this.basemapHelper.initBasemap(this.config, false) // 绗簩涓弬鏁帮紝琛ㄧず鏄惁鍐呯綉搴曞浘 @@ -102,14 +100,21 @@ // this.AddGasHelper() // this.ChangeWaterState() + var eventHandler = new EventHandler() + window.eventHandler = eventHandler + + var layerFactory = new LayerFactory({ + L: window.L, + map: this.map + }) + layerFactory.init(this.$store.state.map.serviceLayers.LayerSewersLine) + layerFactory.initEvent(this.$store.state.map.serviceLayers.LayerSewersLine) + window.layerFactory = layerFactory this.saveMapStatus() // this.setMapObj(this.mapObj) // this.setBasemapHelper(this.basemapHelper) // this.setServiceLayerHelper(this.serviceLayerHelper) // this.setVectorLayerHelper(this.vectorLayerHelper) - }, - onLayerClick () { - this.$refs.popup.setShow() }, callPopup (val) { console.log(val) @@ -119,66 +124,59 @@ </script> <style lang="less"> -.flue-gas { - position: fixed; - top: 88px; - left: 180px; - z-index: 500; -} + .flue-gas { + position: fixed; + top: 88px; + left: 180px; + z-index: 500; + } -.solid-waste { - position: absolute; - top: 88px; - left: 88px; - z-index: 999; -} + .solid-waste { + position: absolute; + top: 88px; + left: 88px; + z-index: 999; + } -.Waste-water { - position: absolute; - top: 88px; - left: 280px; - z-index: 999; -} + .full-screen { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + position: absolute; -.full-screen { - width: 100%; - height: 100%; - margin: 0; - padding: 0; - position: absolute; + #map { + height: 100%; + width: 100%; + } - #map { - height: 100%; - width: 100%; - } + .barline { + //width: 100%; + //height: 1px; + //background-color: #0661AE; + border-top: 1px solid #0661AE; + } - .barline { - //width: 100%; - //height: 1px; - //background-color: #0661AE; - border-top: 1px solid #0661AE; - } + #map-btn { + position: fixed; + top: 20px; + left: 100px; + z-index: 9999; + } - #map-btn { - position: fixed; - top: 20px; - left: 100px; - z-index: 9999; - } + .leaflet-custom-icon { + background: white; + } - .leaflet-custom-icon { - background: white; - } + .leaflet-marker-icon { + background: none; + } - .leaflet-marker-icon { - background: none; - } - - #migic { - width: 48px; - height: 48px; - margin: -18px -20px; - z-index: 999; - } -} + #migic { + width: 48px; + height: 48px; + margin: -18px -20px; + z-index: 999; + } + } </style> -- Gitblit v1.8.0