From 28b3be6343168d07d5bd3783fd01388a18e90b8c Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期二, 06 四月 2021 15:25:14 +0800 Subject: [PATCH] 修改图层控制配置 --- src/components/LayerController/modules/LcServiceLayer.vue | 29 ++++++++++++++++++++--------- 1 files changed, 20 insertions(+), 9 deletions(-) diff --git a/src/components/LayerController/modules/LcServiceLayer.vue b/src/components/LayerController/modules/LcServiceLayer.vue index 81b4278..24dfc00 100644 --- a/src/components/LayerController/modules/LcServiceLayer.vue +++ b/src/components/LayerController/modules/LcServiceLayer.vue @@ -6,15 +6,28 @@ <div class="wms-panel"> <el-scrollbar class="wms-panel-scrollbar"> <div v-for="item in serviceLayers" :key="item.code" class="layerbox"> - <div><input type="checkbox" :name="'wmsLayer_'+item.code" :checked="item.checked" :value="item.code" - @change="swAllLayers(item)"/>{{ item.name }} + <!-- 涓�绾у浘灞傞亶鍘� --> + <div> + <input type="checkbox" :name="'wmsLayer_'+item.code" :checked="item.checked" :value="item.code" @change="swAllLayers(item)"/>{{ item.name }} </div> <div class="layerbox-item"> - <div class="basemap-layer-item" v-for="itm in item.layers" :key="itm.code"><input type="checkbox" - :name="'wmsSublayers_'+item.code+'_'+itm.code" - :checked="itm.checked" - :value="itm.code" - @change="swWmsLayer(itm)"/>{{ itm.name }} + <!-- 浜岀骇鍥惧眰閬嶅巻 --> + <div class="basemap-layer-item" v-for="itm in item.layers" :key="itm.code"> + <input type="checkbox" + :name="'wmsSublayers_'+item.code+'_'+itm.code" + :checked="itm.checked" + :value="itm.code" + @change="swWmsLayer(itm)"/>{{ itm.name }} + <!-- 涓夌骇鍥惧眰閬嶅巻 --> + <div style="width: 100%"> + <div class="basemap-layer-item" v-for="layer in itm.layers" :key="layer.code"> + <input type="checkbox" + :name="'wmsSublayers_'+item.code+'_'+layer.code" + :checked="layer.checked" + :value="layer.code" + @change="swWmsLayer(layer)"/>{{ layer.name }} + </div> + </div> </div> </div> </div> @@ -110,7 +123,6 @@ cursor: pointer; color: #ffffff; } - .wms-panel { width: 1.79167rem; .wms-panel-scrollbar{ @@ -119,7 +131,6 @@ } .layerbox { width: 100%; - .layerbox-item { display: flex; flex-flow: row wrap; -- Gitblit v1.8.0