From 7b446d6f843e820734319ff05003eadd2f2d944b Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期四, 22 四月 2021 14:38:10 +0800
Subject: [PATCH] 工具栏样式修改，报表页面部分完成，样式调试。

---
 src/components/panel/ToolBoxPanel.vue |   30 ++++++++++++++++++++++++++----
 1 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/components/panel/ToolBoxPanel.vue b/src/components/panel/ToolBoxPanel.vue
index aa9d37c..cca3068 100644
--- a/src/components/panel/ToolBoxPanel.vue
+++ b/src/components/panel/ToolBoxPanel.vue
@@ -14,12 +14,11 @@
               :popper-class="'tools-panel-content'"
               v-for="(item,index) in menuList" :key="index"
               :width="item.index === '2'?230 : 150"
-              v-model="isShow[index]"
-          >
+              v-model="isShow[index]">
             <el-button slot="reference" class="el-button" :class="active === index? 'tools-panel-choose':''" @click.native="changeChoose(index)">
               <i :class="'icon iconfont '+item.icon"></i>
             </el-button>
-            <el-button v-for="(itemT,indexT) in item.items" :key="indexT" @click="choiceItem(itemT,indexT)" v-show="item.index!=='2'">
+            <el-button v-for="(itemT,indexT) in item.items" :key="indexT" @click="choiceItem(itemT,indexT)" v-show="item.index!=='2'" :class="indexT==toolActive?'hover':''" >
               <i :class="'icon iconfont '+itemT.icon"></i>
             </el-button>
             <lc-base-map v-show="item.index==='2'"></lc-base-map>
@@ -102,6 +101,7 @@
       checkedItem: false,
       Selecd: -1,
       isSelecd: -1,
+      toolActive: -1,
       menuList: [
         {
           icon: 'iconjuliceliang', // plot,
@@ -114,6 +114,7 @@
               label: '鐐规爣缁�',
               icon: 'iconlocation-full', // marker,
               title: '鐐规爣缁�',
+              active: false,
               iconChoose: markerChoose
             },
             {
@@ -121,6 +122,7 @@
               label: '绾挎爣缁�',
               icon: 'iconline', // line,
               title: '绾挎爣缁�',
+              active: 0,
               iconChoose: lineChoose
             },
             {
@@ -128,6 +130,7 @@
               label: '澶氳竟褰�',
               icon: 'iconliubianxing1', // polygonJ,
               title: '澶氳竟褰�',
+              active: 0,
               iconChoose: polygonJChoose
             },
             {
@@ -135,6 +138,7 @@
               label: '鐭╁舰',
               icon: 'iconcheckbox-full', // polygonS,
               title: '鐭╁舰',
+              active: 0,
               iconChoose: polygonSChoose
             },
             {
@@ -142,11 +146,13 @@
               label: '鍦嗗舰',
               icon: 'iconyuan', // polygonY,
               title: '鍦嗗舰',
+              active: 0,
               iconChoose: polygonYChoose
             },
             {
               index: '1-4',
               label: '鍒犻櫎',
+              active: -1,
               icon: 'icondelete-fill', // del,
               title: '鍒犻櫎鏍囩粯',
               iconChoose: delChoose
@@ -164,6 +170,7 @@
               label: '璺濈',
               icon: 'iconjuliceliang', // distance,
               title: '璺濈娴嬮噺',
+              active: 0,
               iconChoose: distanceChoose
             },
             {
@@ -171,6 +178,7 @@
               label: '闈㈢Н',
               icon: 'iconmianjiceliang', // mm,
               title: '闈㈢Н娴嬮噺',
+              active: 0,
               iconChoose: mmChoose
             },
             {
@@ -178,6 +186,7 @@
               label: '娓呴櫎',
               icon: 'icondelete-fill', // del,
               title: '娓呴櫎娴嬮噺',
+              active: -1,
               iconChoose: delChoose
             }
           ]
@@ -191,6 +200,7 @@
             {
               label: '褰卞儚鍥�',
               index: '2-1',
+              active: 0,
               items: [
                 {
                   index: '2-1-1',
@@ -201,6 +211,7 @@
             {
               label: '鐭㈤噺鍥�',
               index: '2-2',
+              active: 0,
               items: [
                 {
                   index: '2-2-1',
@@ -211,6 +222,7 @@
             {
               label: '鍦板舰鍥�',
               index: '2-3',
+              active: 0,
               items: [
                 {
                   index: '2-3-1',
@@ -230,18 +242,21 @@
               index: '4-1',
               label: '鍏ㄥ睆',
               icon: 'icontianchongxing-', // FullScreen,
+              active: 0,
               title: '鍏ㄥ睆'
             },
             {
               index: '4-2',
               label: 'A4妯悜',
               icon: 'iconsaoma', // cross,
+              active: 0,
               title: 'A4妯悜'
             },
             {
               index: '4-3',
               label: 'A4绾靛悜',
               icon: 'iconsaoma zongs', // vertical,
+              active: 0,
               title: 'A4绾靛悜'
             }
           ]
@@ -270,6 +285,7 @@
         this.drawLayer = this.L.layerGroup().addTo(this.map)
       }
       this.active = index
+      this.toolActive = -1
       // console.log(this.basemapList)
       for (let i = 0; i < this.isShow.length; i++) {
         if (i !== index) {
@@ -282,6 +298,11 @@
     },
     choiceItem (itemT, indexT) {
       this.Selecd = indexT
+      if (itemT.active !== -1) {
+        this.toolActive = indexT
+      } else {
+        this.toolActive = -1
+      }
       if (this.isSelecd === indexT) {
         this.checkedItem = !this.checkedItem
       } else {
@@ -432,8 +453,9 @@
       margin: 0 0.015rem;
       width: 0.2725rem;
       height: 0.2725rem;
-       color:#fff;
+       color:#00fff6;
       background: @background-color;
+       border: 0.00521rem solid #00fff6;
       vertical-align: middle !important;
        font-size: 20px;
       .base-map-img {

--
Gitblit v1.8.0