From 6ffa578934b471302ed9ced5d1813003f8c23cc5 Mon Sep 17 00:00:00 2001
From: YANGDL <114714267@qq.com>
Date: 星期四, 04 三月 2021 11:56:11 +0800
Subject: [PATCH] 修改管网先tooltip样式
---
src/components/panel/MenuTopic.vue | 100 ++++++++-----------------------------------------
1 files changed, 17 insertions(+), 83 deletions(-)
diff --git a/src/components/panel/MenuTopic.vue b/src/components/panel/MenuTopic.vue
index 845ef16..6f949fe 100644
--- a/src/components/panel/MenuTopic.vue
+++ b/src/components/panel/MenuTopic.vue
@@ -6,12 +6,12 @@
style=""
@click="toggle()">
<div id="menu-special-context" class="menu-special-context">
- <el-checkbox-button v-show="isShow" class="menu-special-item" v-model="specialAll.check" :checked="specialAll.checked" @change="checkedSpecialChangeAll(specialAll)">
- <div style="height: 1rem;width: 1rem;display: inline-flex;"> <img :src="specialAll.icon" ></div>
- {{ specialAll.name }}</el-checkbox-button>
+ <el-checkbox-button v-show="isShow" class="menu-special-item" v-model="topicSelectAll.check" :checked="topicSelectAll.checked" @change="checkedSpecialChangeAll(topicSelectAll)">
+ <div style="height: 1rem;width: 1rem;display: inline-flex;"> <img :src="topicSelectAll.icon" ></div>
+ {{ topicSelectAll.name }}</el-checkbox-button>
- <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)">
+ <el-checkbox-group :indeterminate="isIndeterminate" v-show="isShow" v-model="topicCheckedList" size="medium" @change="checkedGroupSpecialChange">
+ <el-checkbox-button class="menu-special-item" v-for="item in topicList" :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>
</el-checkbox-group>
@@ -28,70 +28,16 @@
</template>
<script>
-
+import { TopicSelectAll, TopicList } from '../../conf/Topic'
export default {
name: 'MenuTopic',
data () {
return {
isShow: false,
isIndeterminate: true,
- checkedList: [],
- specialAll: {
- name: '鍏ㄩ��',
- check: false,
- icon: '/assets/images/menu/special.png'
- },
- specialList: [{
- name: '姹℃煋婧�',
- id: 1,
- check: false,
- icon: '/assets/images/menu/special.png'
- }, {
- name: '搴熸按鐩戞祴',
- id: 2,
- checked: false,
- icon: '/assets/images/menu/special.png'
- }, {
- name: '搴熸皵鐩戞祴',
- id: 3,
- checked: false,
- icon: '/assets/images/menu/special.png'
- }, {
- name: '鍥哄簾绠＄悊',
- id: 4,
- checked: false,
- icon: '/assets/images/menu/special.png'
- }, {
- name: '鐜椋庨櫓',
- id: 5,
- checked: false,
- icon: '/assets/images/menu/special.png'
- }, {
- name: '鍦熷￥鍙婂湴涓嬫按',
- id: 6,
- checked: false,
- icon: '/assets/images/menu/special.png'
- }, {
- name: '姹￠洦姘寸缃�',
- id: 7,
- checked: false,
- icon: '/assets/images/menu/special.png'
- }, {
- name: '棰勮鎶ヨ',
- id: 8,
- checked: false,
- icon: '/assets/images/menu/special.png'
- }, {
- name: '鎸囨爣缁熻',
- id: 9,
- checked: false,
- icon: '/assets/images/menu/special.png'
- }, {
- name: '搴旀�ュ湴鍥�',
- id: 10,
- checked: false,
- icon: '/assets/images/menu/special.png'
- }]
+ topicCheckedList: [],
+ topicSelectAll: TopicSelectAll,
+ topicList: TopicList
}
},
computed: {
@@ -99,33 +45,21 @@
methods: {
toggle () {
this.isShow = !this.isShow
- // console.log('toggle')
- // const el = document.getElementById('menu-special-context')
- // console.log(el.clientWidth + ':' + el.offsetHeight)
- // if (el.clientWidth > 0) {
- // el.style.width = '0'
- // } else {
- // 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
+ this.topicSelectAll.check = len === this.topicList.length
+ this.isIndeterminate = len > 0 && len < this.topicList.length
+ this.$store.commit('setTopic', this.topicCheckedList)
},
checkedSpecialChangeAll (val) {
- // this.checkedCities = val ? this.cities.map(item => item.id) : []
- // this.isIndeterminate = false
- // let list = []
- // if (val === true) {
- // list = this.specialList.map(item => item.name)
- // }
-
- this.checkedList = val.check ? this.specialList.map(item => item.name) : []
+ this.topicCheckedList = val.check ? this.topicList.map(item => item.name) : []
this.isIndeterminate = false
+ this.$store.commit('setTopic', this.topicCheckedList)
},
- checkedSpecialChange (item) {
- console.log(item)
+ checkedSpecialChange () {
+ console.log(this.topicCheckedList)
+ // this.$store.commit('setTopic', this.topicCheckedList)
}
}
--
Gitblit v1.8.0