From c5a51be528d8edbe39e4bbc7939759b1b947317f Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期三, 17 三月 2021 20:57:45 +0800
Subject: [PATCH] 左上角功能栏修改

---
 src/components/panel/ToolBoxPanel.vue |   64 ++++++++++++++++++++-----------
 1 files changed, 41 insertions(+), 23 deletions(-)

diff --git a/src/components/panel/ToolBoxPanel.vue b/src/components/panel/ToolBoxPanel.vue
index 37a43a2..f0b249f 100644
--- a/src/components/panel/ToolBoxPanel.vue
+++ b/src/components/panel/ToolBoxPanel.vue
@@ -17,9 +17,10 @@
           >
             <el-button slot="reference" class="el-button" :class="active === index ? 'tools-panel-choose':''"
                        @click="changeChoose(index)">
-              <img :src="item.iconSelecd" alt="" v-if="active === index"/>
+              <img :src="item.iconSelecd" alt="" v-if="active === index && checked"/>
               <img :src="item.icon" alt="" v-else/>
-              <span>{{ item.label }}</span>
+              <span v-if="active === index && checked">{{ item.label }}</span>
+              <span v-else>{{ item.label }}</span>
             </el-button>
             <el-button v-for="(itemT,indexT) in item.items" :key="indexT" @click="choiceItem(itemT,indexT)"
                        v-show="item.index!=='2'">
@@ -89,9 +90,18 @@
   name: 'ToolBoxPanel',
   data () {
     return {
+      checked: false,
       isShow: true,
       currentBaseMapCode: 'tianditu_img',
       basemapList: [],
+      selectGroup: false,
+      drawLayer: null,
+      drawLayerArray: [],
+      map: null,
+      active: -1,
+      Selecd: -1,
+      isSelecd: false,
+      checkbutton: -1,
       menuList: [
         {
           icon: plot,
@@ -236,14 +246,7 @@
             }
           ]
         }
-      ],
-      selectGroup: false,
-      drawLayer: null,
-      drawLayerArray: [],
-      map: null,
-      // L: window.L,
-      active: -1,
-      Selecd: -1
+      ]
     }
   },
   computed: {
@@ -281,10 +284,20 @@
       })
     },
     changeChoose (index) {
-      if (this.active === index) {
-        console.log('鍙栨秷褰撳墠閫変腑鐘舵��')
+      if (this.drawLayer == null) {
+        this.drawLayer = this.L.layerGroup().addTo(this.map)
       }
       this.active = index
+      if (this.checkbutton === index) {
+        this.checked = !this.checked
+      } else {
+        if (this.checkbutton === -1) {
+          this.checked = !this.checked
+        } else {
+          this.checked = true
+        }
+      }
+      this.checkbutton = index
     },
     choiceItem (itemT, indexT) {
       this.Selecd = indexT
@@ -299,6 +312,7 @@
           this.drawLayer = this.map.editTools.startMarker()
           this.drawLayer.setIcon(myIcon)
           this.drawLayerArray.push(this.drawLayer)
+          this.drawLayer.on('dblclick', this.L.DomEvent.stop).on('dblclick', this.drawLayer.toggleEdit)
           break
         case '绾挎爣缁�':
           this.drawLayer = this.map.editTools.startPolyline()
@@ -337,10 +351,9 @@
         case '鍏ㄥ睆':
           // this.map.toggleFullscreen()
           var printer = this.L.easyPrint({
-            sizeModes: ['Current', 'A4Landscape', 'A4Portrait'],
-            filename: 'map_image',
             exportOnly: true,
-            hideControlContainer: true
+            hideControlContainer: true,
+            hidden: true
           }).addTo(this.map)
           printer.printMap('CurrentSize', '鍏ㄥ睆')
           break
@@ -349,7 +362,8 @@
             sizeModes: ['Current', 'A4Landscape', 'A4Portrait'],
             filename: 'map_image',
             exportOnly: true,
-            hideControlContainer: true
+            hideControlContainer: true,
+            hidden: true
           }).addTo(this.map)
           printerX.printMap('A4Landscape page', '妯悜')
           break
@@ -358,7 +372,8 @@
             sizeModes: ['Current', 'A4Landscape', 'A4Portrait'],
             filename: 'map_image',
             exportOnly: true,
-            hideControlContainer: true
+            hideControlContainer: true,
+            hidden: true
           }).addTo(this.map)
           printerY.printMap('A4Portrait page', '绾靛悜')
           break
@@ -373,6 +388,7 @@
     changeSelect () {
       this.selectGroup = false
       this.isShow = !this.isShow
+      this.active = -1
     },
     changeSelectMouse () {
       this.selectGroup = true
@@ -407,7 +423,6 @@
       width: 45px;
       height: 45px;
       background: @background-color;
-      //border: 1px solid @color-shadow;
       vertical-align: middle !important;
 
       .base-map-img {
@@ -426,11 +441,13 @@
       .span-default {
         display: block;
         color: @color-shadow;
+        font-size: 11px;
       }
 
       span {
         display: block;
         color: @color-over;
+        font-size: 11px;
       }
     }
 
@@ -441,7 +458,7 @@
       width: 45px;
       height: 45px;
       background: @background-color;
-      border: 1px solid @color-shadow;
+      border: 0.00521rem solid @color-shadow;
     }
 
     .active-button {
@@ -451,11 +468,8 @@
 
     .specific-tools-group {
       z-index: 1;
-      //.tools-panel-content {
-      //  width:220px!important;
-      //}
+
       .base-map-inner-panel {
-        //width: 230px!important;
         display: flex;
         justify-content: center;
         align-items: center;
@@ -513,6 +527,10 @@
           display: block;
           color: @color-shadow;
         }
+        a {
+          display: block;
+          color: @color-over;
+        }
       }
 
       .special-button {

--
Gitblit v1.8.0