From fcfa31314ffe78f75e9dcfbef4c376d3cebf1359 Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期一, 28 十二月 2020 15:51:57 +0800 Subject: [PATCH] 图层控制 --- src/components/LayerController/modules/LcServiceLayerFilter.vue | 13 +++++++++++-- 1 files changed, 11 insertions(+), 2 deletions(-) diff --git a/src/components/LayerController/modules/LcServiceLayerFilter.vue b/src/components/LayerController/modules/LcServiceLayerFilter.vue index c267079..1749296 100644 --- a/src/components/LayerController/modules/LcServiceLayerFilter.vue +++ b/src/components/LayerController/modules/LcServiceLayerFilter.vue @@ -2,10 +2,10 @@ <div class="inner-panel"> <div class="filter-group"> <div v-for="item in filterConfig" :key="item.code" class="filter-item"> - <div class="title"><input type="checkbox" :value="item.code">{{item.name}}</div> + <div class="title"><input type="checkbox" :value="item.code" :checked="item.checked" @change="swAllSubFilter(item)">{{item.name}}</div> <div class="content"> <div v-for="filter in item.filters" :key="filter.code"> - <input type="checkbox" :value="filter.code"><label :title="filter.name">{{filter.sname}}</label> + <input type="checkbox" :value="filter.code" :checked="filter.checked"><label :title="filter.name">{{filter.sname}}</label> </div> </div> </div> @@ -31,6 +31,9 @@ selectedServiceLayer: (state) => { return state.selectedServiceLayer }, + serviceLayerFilters: (state) => { + return state.serviceLayerFilters + } }), }, mounted() { @@ -40,6 +43,12 @@ ...mapMutations([]), getFilterConfig(){ return this.filterConfig + }, + swAllSubFilter(item){ + item.checked = !item.checked + for(let i = 0, len = item.filters.length; i < len; ++i){ + item.filters[i].checked = item.checked + } } }, watch: { -- Gitblit v1.8.0