From bec20fdd032c7ab7ebe56f20050e72666629788b Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期三, 14 四月 2021 10:10:52 +0800
Subject: [PATCH] 修复
---
src/components/LayerController/modules/LcServiceLayerFilter.vue | 82 ++++++++++++++++++++++-------------------
1 files changed, 44 insertions(+), 38 deletions(-)
diff --git a/src/components/LayerController/modules/LcServiceLayerFilter.vue b/src/components/LayerController/modules/LcServiceLayerFilter.vue
index ffc77a5..6903552 100644
--- a/src/components/LayerController/modules/LcServiceLayerFilter.vue
+++ b/src/components/LayerController/modules/LcServiceLayerFilter.vue
@@ -5,31 +5,27 @@
<div class="title"><input type="checkbox" :value="item.code" :checked="item.checked"
@change="swAllSubFilter(item)">{{item.name}}
</div>
- <el-scrollbar style="height:100%">
+ <!-- <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="swSubFilter(item.url,filter)"><label
+ @change="swAllSubFilter(filter)"><label
:title="filter.name">{{filter.name}}</label>
</div>
</div>
- </el-scrollbar>
+ <!-- </el-scrollbar> -->
</div>
</div>
</div>
</template>
<script>
-import { mapMutations } from 'vuex'
-import { LayerSewersPoint } from '@src/conf/layers/LayerSewers'
-
export default {
name: 'LcServiceLayerFilter',
components: { },
data () {
return {
visible: {},
- layerSewersPoint: LayerSewersPoint,
layers: [],
filterConfig: [] // 闄勫睘瑕佺礌
}
@@ -43,25 +39,41 @@
}
},
methods: {
- ...mapMutations([]),
swAllSubFilter (item) {
+ // eslint-disable-next-line no-debugger
item.checked = !item.checked
- // window.serviceLayerHelper.loadLayers()
+ this.toggleLayer(item)
+ this.swLayers(item.layers, item.checked)
+ },
+ 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)
+ }
+ }
+ }
},
// todo 杩橀渶瑕佷紭鍖栵紝鍦ㄦ湁澶氫釜闇�瑕佸瓙鍥惧眰鐙珛寮圭獥鎯呭喌涓嬫棤鏁�
+ // 鐩戝惉涓婄骇鍥惧眰瀛樺湪鐙珛寮圭獥鐨勯�変腑鎯呭喌
toggle (serviceLayers) {
- for (var i = 0; i < serviceLayers.length; i++) {
- var serviceLayer = serviceLayers[i]
- var childLayer = serviceLayer.childLayer
- if (childLayer) {
- if (this.checkChecked(serviceLayer.layers)) {
- this.layers = childLayer
+ if (serviceLayers) {
+ for (var i = 0; i < serviceLayers.length; i++) {
+ var serviceLayer = serviceLayers[i]
+ var childLayer = serviceLayer.childLayer
+ if (childLayer) {
+ if (this.checkChecked(serviceLayer.layers)) {
+ this.layers = childLayer
+ } else {
+ this.layers = []
+ }
+ break
} else {
- this.layers = []
+ this.toggle(serviceLayer.layers)
}
- break
- } else {
- this.toggle(serviceLayer.layers)
}
}
},
@@ -74,12 +86,11 @@
}
}
},
- swSubFilter (url, item) {
- item.checked = !item.checked
+ toggleLayer (item) {
if (item.checked) {
- window.serviceLayerHelper.loadGeojsonLayer(url, item)
+ window.layerFactory.show(item)
} else {
- window.serviceLayerHelper.removeLayer(item)
+ window.layerFactory.hide(item)
}
// window.serviceLayerHelper.loadLayers()
}
@@ -99,35 +110,30 @@
<style scoped lang="less">
.inner-panel {
- width: 500px;
- color: #90c8e0;
font-size: 13px;
-
position: absolute;
- left: 260px;
+ left: 1.82167rem;
z-index: 1000;
- height: 220px;
- top: 0;
-
+ top: 50px;
.filter-group {
display: flex;
flex-flow: row;
-
.filter-item {
- width: 120px;
+ width: 0.6rem;
height: 100%;
margin-right: 5px;
-
+ background-color: @background-color;
+ box-shadow: 0 0 0.03rem #00fff6;
+ border-radius: 0.03rem;
.title {
- height: 25px;
- background-color: #091331;
- border: 1px solid #10488c;
+ border-bottom:1px solid @background-color-split;
+ padding: 5px 0;
+ background-color: @background-color;
}
.content {
- background-color: rgba(44, 62, 80, 0.6);
- border: 1px solid #10488c;
max-height: 200px;
+ padding-bottom: 5px;
//overflow-y: hidden;
}
--
Gitblit v1.8.0