完成附属设施功能。1

chenyabin

2021-04-19 30c3c06760f6412cbdb2a3a8418e1f0d43e66d30

 src/components/panel/ToolBoxPanel.vue

@@ -2,13 +2,12 @@
  <div class="left-top-toolbox-panel">
    <div class="specific-tools">
      <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="工具" placement="left">
        <el-button :class="selectGroup === true ?'active-button':''" class="el-button-choice"   @click.enter.native="changeSelectMouse">
        <div :class='["iconBtn",selectGroup === true  ? "active-button" : ""]' @click="changeSelectMouse" >
          <i class="icon iconfont icongongju"></i>
          <!--<span class="span-default">工具</span>-->
        </el-button>
        </div>
      </el-tooltip>
      <transition name="animationChange">
        <el-row v-show="selectGroup" class="specific-tools-group">
        <div v-show="selectGroup" class="specific-tools-group">
          <el-popover
              trigger="manual"
              placement="bottom"
@@ -18,13 +17,9 @@
              v-model="isShow[index]"
          >
            <el-button slot="reference" class="el-button" :class="active === index? 'tools-panel-choose':''" @click.native="changeChoose(index)">
              <!-- <img :src="item.iconSelecd" alt="" v-if="active === index"/>
              <img :src="item.icon" alt="" v-else/> -->
              <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'">
              <!-- <img :src="itemT.iconChoose" :title="itemT.title" v-if="Selecd === indexT && checkedItem" alt=""/>
              <img :src="itemT.icon" :title="itemT.title" alt="" v-else/> -->
              <i :class="'icon iconfont '+itemT.icon"></i>
            </el-button>
            <lc-base-map v-show="item.index==='2'"></lc-base-map>
@@ -32,7 +27,7 @@
          <!-- <el-button @click="changeSelect" class="special-button">
            <i class="el-icon-d-arrow-left"></i>
          </el-button> -->
        </el-row>
        </div>
      </transition>
    </div>
  </div>
@@ -437,6 +432,7 @@
      margin: 0 0.015rem;
      width: 0.2725rem;
      height: 0.2725rem;
       color:#fff;
      background: @background-color;
      vertical-align: middle !important;
       font-size: 20px;
@@ -487,9 +483,9 @@
      z-index: 1;

      .tools-panel-choose {
        border: none;
        box-shadow: 0 0 0.03rem @color-shadow;

        border: 0.00521rem solid #fff700;
        box-shadow: 0 0 0.03rem #fff700;
        color:#fff700;
        img {
          width: 22px;
          height: 22px;