From c90d17247f7cbe24d010707813ec3d026eedf594 Mon Sep 17 00:00:00 2001
From: XingChuan <m17600301067@163.com>
Date: 星期日, 30 五月 2021 12:57:42 +0800
Subject: [PATCH] 修改报错

---
 src/components/LayerController/LayerController.vue |   22 ++++++++++++++++++----
 1 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/LayerController/LayerController.vue b/src/components/LayerController/LayerController.vue
index fe80364..37af978 100644
--- a/src/components/LayerController/LayerController.vue
+++ b/src/components/LayerController/LayerController.vue
@@ -3,7 +3,8 @@
 
     <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="鍥惧眰鎺у埗" placement="left">
       <div @click="showPanel" class="iconBtn" :class='layerControllerVisible ? "active-button" : ""' v-show="!layerControllerVisible" style="  position: absolute;top:0;left: 0;">
-        <img src="@assets/images/map-pages/icon/layer.png" alt="" class="icon">
+        <!--  <img src="@assets/images/map-pages/icon/layer.png" alt="" class="icon"> -->
+        <i class="icon iconfont iconlayer-group"></i>
         <!--        <span class="icon-name">鍥惧眰</span>-->
       </div>
     </el-tooltip>
@@ -21,7 +22,7 @@
 
 import iconSetting from '@/assets/images/map-pages/icon/setting.png'
 import LcServiceLayer from './modules/LcServiceLayer'
-
+import bus from '@/eventBus'
 export default {
   name: 'LayerController',
   components: { LcServiceLayer },
@@ -55,9 +56,22 @@
       }
     }
   },
+  mounted () {
+    const that = this
+    bus.$on('changeState', function (state) {
+      if (state.num !== 3 && state.type) {
+        that.layerControllerVisible = false
+      }
+    })
+  },
   methods: {
     showPanel () {
       this.layerControllerVisible = !this.layerControllerVisible
+      const state = {
+        type: this.layerControllerVisible,
+        num: 3
+      }
+      bus.$emit('changeState', state)
     },
     switchPanel () {
       this.panelSwitch.main = !this.panelSwitch.main
@@ -251,7 +265,7 @@
     background:@background-color4;
     color:@color-tool;
     position: absolute;
-    top:24px;
+    top:20px;
     right:0.02rem;
     border:none;//1px solid @color-tool;
     width: 0.2rem;
@@ -269,7 +283,7 @@
     color:@color;
   }
   .legend-content{
-    width: 1.79167rem;
+    //width: 1.79167rem;
   }
 }
 

--
Gitblit v1.8.0