From 2d398b4fa805ba43a89311d955fbb6e47c540e6c Mon Sep 17 00:00:00 2001
From: YANGDL <114714267@qq.com>
Date: 星期五, 12 三月 2021 20:57:16 +0800
Subject: [PATCH] 修改了界面自适应

---
 src/views/MapTemplate.vue |   77 ++++++++++++++++++++------------------
 1 files changed, 41 insertions(+), 36 deletions(-)

diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue
index b7bac3b..363515c 100644
--- a/src/views/MapTemplate.vue
+++ b/src/views/MapTemplate.vue
@@ -1,18 +1,19 @@
 <template>
-    <div class="full-screen">
-        <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>
-        <monitor-panel></monitor-panel>
-        <top-enterprise-panel></top-enterprise-panel>
-        <tool-box-panel></tool-box-panel>
-      <menu-special></menu-special>
+  <div class="full-screen">
+    <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>
+    <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>
+  </div>
 </template>
 
 <script>
@@ -23,17 +24,19 @@
 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 TopEnterprisePanel from '@components/panel/TopEnterprisePanel'
 import ToolBoxPanel from '@components/panel/ToolBoxPanel'
 import Popup from '@views/popup/Popup'
-import MenuSpecial from '@components/panel/MenuSpecial'
+// import MenuSpecial from '@components/panel/MenuTopic'
+import LegendPanel from '@components/panel/LegendPanel'
 
 export default {
   name: 'MapTemplate',
   components: {
-    MenuSpecial,
+    LegendPanel,
+    // MenuSpecial,
     ToolBoxPanel,
-    TopEnterprisePanel,
+    // TopEnterprisePanel,
     SgisLayerController,
     MonitorPanel,
     LcBasemap,
@@ -72,12 +75,14 @@
     init () {
       const mapcontainer = this.$refs.rootmap
       this.map = Sgis.initMap(mapcontainer)
+      this.$refs.toolBox.map = this.map
 
       this.basemapHelper = Sgis.initBasemapsHelper(this.map) // 鍒濆鍖栧熀纭�搴曞浘鍔╂墜
       this.basemapHelper.initBasemap(this.config, false) // 绗簩涓弬鏁帮紝琛ㄧず鏄惁鍐呯綉搴曞浘
 
       this.serviceLayerHelper = Sgis.initTileLayersHelper(this.map) // 鍒濆鍖栦笟鍔″簳鍥惧姪鎵�
-      this.serviceLayerHelper.initServiceLayers(this.config)
+      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)
@@ -130,23 +135,23 @@
 
 <style lang="less">
 
-    .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;
-        }
-    }
-</style>>
+  .barline {
+    //width: 100%;
+    //height: 1px;
+    //background-color: #0661AE;
+    border-top: 1px solid #0661AE;
+  }
+}
+</style>

--
Gitblit v1.8.0