左上角功能栏部分完善

chenzeping

2021-03-18 a7cf47dfd649608772c7044b475fe0424b1a3915

 src/components/panel/ToolBoxPanel.vue

@@ -15,12 +15,12 @@
              v-for="(item,index) in menuList" :key="index"
              :width="item.index === '2'?230 : 150"
          >
            <el-button slot="reference" class="el-button" :class="active === index ? 'tools-panel-choose':''"
            <el-button slot="reference" class="el-button" :class="active === index && checked? 'tools-panel-choose':''"
                       @click="changeChoose(index)">
              <img :src="item.iconSelecd" alt="" v-if="active === index && checked"/>
              <img :src="item.icon" alt="" v-else/>
              <span v-if="active === index && checked">{{ item.label }}</span>
              <span v-else>{{ item.label }}</span>
              <span v-else class="default-span">{{ 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'">
@@ -90,7 +90,6 @@
  name: 'ToolBoxPanel',
  data () {
    return {
      checked: false,
      isShow: true,
      currentBaseMapCode: 'tianditu_img',
      basemapList: [],
@@ -100,7 +99,7 @@
      map: null,
      active: -1,
      Selecd: -1,
      isSelecd: false,
      checked: false,
      checkbutton: -1,
      menuList: [
        {
@@ -389,6 +388,7 @@
      this.selectGroup = false
      this.isShow = !this.isShow
      this.active = -1
      this.checked = false
    },
    changeSelectMouse () {
      this.selectGroup = true
@@ -527,7 +527,7 @@
          display: block;
          color: @color-shadow;
        }
        a {
        .default-span {
          display: block;
          color: @color-over;
        }