修改专题菜单样式

YANGDL

2021-02-26 8702b4a7ca2931a4e1a0628f66a84a6c4196bee7

 src/components/panel/MenuSpecial.vue

@@ -10,7 +10,7 @@
            <div style="height: 1rem;width: 1rem;display: inline-flex;">     <img :src="specialAll.icon" ></div>
            {{ specialAll.name }}</el-checkbox-button>

        <el-checkbox-group indeterminate="true" v-show="isShow" v-model="checkedList" size="medium">
        <el-checkbox-group :indeterminate="isIndeterminate" v-show="isShow" v-model="checkedList" size="medium"  @change="checkedGroupSpecialChange">
          <el-checkbox-button class="menu-special-item"  v-for="item in specialList" :label="item.name" :key="item.id" :checked="item.checked" @change="checkedSpecialChange(item)">
            <div style="height: 1rem;width: 1rem;display: inline-flex;">     <img :src="item.icon" ></div>
            {{item.name}}</el-checkbox-button>
@@ -34,7 +34,7 @@
  data () {
    return {
      isShow: false,
      // checkedList: ['污染源', '废水监测'],
      isIndeterminate: true,
      checkedList: [],
      specialAll: {
        name: '全选',
@@ -108,6 +108,11 @@
      //   el.style.width = 'auto'
      // }
    },
    checkedGroupSpecialChange (val) {
      const len = val.length
      this.specialAll.check = len === this.specialList.length
      this.isIndeterminate = len > 0 && len < this.specialList.length
    },
    checkedSpecialChangeAll (val) {
      // this.checkedCities = val ? this.cities.map(item => item.id) : []
      // this.isIndeterminate = false
@@ -117,6 +122,7 @@
      // }

      this.checkedList = val.check ? this.specialList.map(item => item.name) : []
      this.isIndeterminate = false
    },
    checkedSpecialChange (item) {
      console.log(item)