From 8702b4a7ca2931a4e1a0628f66a84a6c4196bee7 Mon Sep 17 00:00:00 2001
From: YANGDL <114714267@qq.com>
Date: 星期五, 26 二月 2021 16:13:43 +0800
Subject: [PATCH] 修改专题菜单样式
---
src/components/panel/MenuSpecial.vue | 10 ++++++++--
1 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/src/components/panel/MenuSpecial.vue b/src/components/panel/MenuSpecial.vue
index 4b42915..773fd69 100644
--- a/src/components/panel/MenuSpecial.vue
+++ b/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)
--
Gitblit v1.8.0