| | |
| | | <template> |
| | | <div class="inner-panel"> |
| | | <div class="title"> |
| | | 图层控制 |
| | | </div> |
| | | <div class="panel-title"> 图层控制 </div> |
| | | <div class="wms-panel"> |
| | | <el-scrollbar class="wms-panel-scrollbar"> |
| | | <div v-for="item in serviceLayers" :key="item.code" class="layerbox"> |
| | | <!-- 一级图层遍历 --> |
| | | <div> |
| | | <div style="padding-left:10px;padding-top:10px"> |
| | | <input type="checkbox" :name="'wmsLayer_'+item.code" :checked="item.checked" :value="item.code" |
| | | @change="swAllLayers(item)"/>{{ item.name }} |
| | | </div> |
| | |
| | | |
| | | <style scoped lang="less"> |
| | | .inner-panel { |
| | | .title{ |
| | | color: @color-title; |
| | | font-size: 18px; |
| | | margin: 10px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .btn-filter { |
| | | cursor: pointer; |
| | | color: #ffffff; |
| | |
| | | .wms-panel { |
| | | |
| | | .wms-panel-scrollbar{ |
| | | height: 50vh; |
| | | height: 457px; |
| | | width: 100%; |
| | | font-size: 14px; |
| | | } |
| | | .layerbox { |
| | | width: 100%; |
| | | .layerbox-item { |
| | | padding-left: 20px; |
| | | padding-left: 30px; |
| | | padding-top: 5px; |
| | | .basemap-layer-item { |
| | | margin-bottom: 5px; |