From 2483e4562d0373ed571e7efd0d92890c7fdaec80 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期四, 20 五月 2021 18:05:09 +0800
Subject: [PATCH] 修改图层控制逻辑
---
src/components/LayerController/modules/LcServiceLayerFilter.vue | 40 +++++++++++++++++++++++++---------------
1 files changed, 25 insertions(+), 15 deletions(-)
diff --git a/src/components/LayerController/modules/LcServiceLayerFilter.vue b/src/components/LayerController/modules/LcServiceLayerFilter.vue
index 6a34372..22c701b 100644
--- a/src/components/LayerController/modules/LcServiceLayerFilter.vue
+++ b/src/components/LayerController/modules/LcServiceLayerFilter.vue
@@ -2,15 +2,12 @@
<div class="inner-panel">
<div class="filter-group">
<div v-for="item in layers" :key="item.code" class="filter-item">
- <div class="title"><input type="checkbox" :value="item.code" :checked="item.checked"
- @change="swAllSubFilter(item)">{{item.name}}
+ <div class="title"><input type="checkbox" :value="item.code" :checked="item.checked" @change="swAllSubFilter(item)">{{item.name}}
</div>
<!-- <el-scrollbar style="height:100%"> -->
<div class="content">
<div v-for="filter in item.layers" :key="filter.code">
- <input type="checkbox" :value="filter.code" :checked="filter.checked"
- @change="swAllSubFilter(filter)"><label
- :title="filter.name">{{filter.name}}</label>
+ <input type="checkbox" :value="filter.code" :checked="filter.checked" @change="swAllSubFilter(filter)"><label :title="filter.name">{{filter.name}}</label>
</div>
</div>
<!-- </el-scrollbar> -->
@@ -27,6 +24,7 @@
return {
visible: {},
layers: [],
+ changeList: [],
filterConfig: [] // 闄勫睘瑕佺礌
}
},
@@ -43,17 +41,28 @@
// eslint-disable-next-line no-debugger
item.checked = !item.checked
this.toggleLayer(item)
- this.swLayers(item.layers, item.checked)
+ if (item.layers && item.layers.length > 0) {
+ this.swLayers(item.layers, item.checked)
+ if (item.checked) {
+ window.layerFactory.showAll(this.changeList)
+ } else {
+ window.layerFactory.hideAll(this.changeList)
+ }
+ this.changeList = []
+ } else {
+ this.toggleLayer(item)
+ }
},
- swLayers (layers, checked) {
- if (layers) {
- for (let i = 0, len = layers.length; i < len; ++i) {
- var layer = layers[i]
- layer.checked = checked
- this.toggleLayer(layer)
- if (layer.layers) {
- this.swLayers(layer.layers, checked)
+ swLayers (configs, checked) {
+ if (configs) {
+ for (let i = 0, len = configs.length; i < len; ++i) {
+ const config = configs[i]
+ const layers = config.layers
+ this.changeList.push(config)
+ if (layers) {
+ this.swLayers(config, checked)
}
+ config.checked = checked
}
}
},
@@ -112,7 +121,8 @@
.inner-panel {
font-size: 13px;
position: absolute;
- left: 1.82167rem;
+ // left: 1.82167rem;
+ left: 2.13167rem;
z-index: 1000;
top: 50px;
.filter-group {
--
Gitblit v1.8.0