修改图层控制配置

徐旺旺

2021-04-06 33cda7f17d2f1a2e8a95eeb3bdc8a4297bbb9465

 src/components/LayerController/modules/LcServiceLayer.vue

@@ -8,7 +8,8 @@
                <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 }}
                        <input type="checkbox" :name="'wmsLayer_'+item.code" :checked="item.checked" :value="item.code"
                               @change="swAllLayers(item)"/>{{ item.name }}
                    </div>
                    <div class="layerbox-item">
                        <!-- 二级图层遍历 -->
@@ -33,7 +34,7 @@
                </div>
            </el-scrollbar>
        </div>
        <lc-service-layer-filter v-if="layerFilterVisible" ref="serviceLayerFilter"></lc-service-layer-filter>
        <lc-service-layer-filter ref="serviceLayerFilter"></lc-service-layer-filter>
    </div>
</template>

@@ -45,11 +46,6 @@
export default {
  name: 'LcServiceLayer',
  components: { LcServiceLayerFilter },
  data () {
    return {
      layerFilterVisible: false
    }
  },
  computed: {
    serviceLayers () {
      return this.$store.state.map.serviceLayers.LayerSewersLine
@@ -86,9 +82,6 @@
      }
      // this.updateWms()
    },
    swFilter (item) {
      this.layerFilterVisible = !this.layerFilterVisible
    },
    updateServiceLayerList () {

    },
@@ -112,25 +105,30 @@

<style scoped lang="less">
    .inner-panel {
        .title{
        .title {
            color: #ffffff;
            font-size: 16px;
            font-weight: 600;
            margin: 10px;
            text-align: center;
        }

        .btn-filter {
            cursor: pointer;
            color: #ffffff;
        }

        .wms-panel {
            width:  1.79167rem;
            .wms-panel-scrollbar{
            width: 1.79167rem;

            .wms-panel-scrollbar {
                height: 50vh;
                width: 100%;
            }

            .layerbox {
                width: 100%;

                .layerbox-item {
                    display: flex;
                    flex-flow: row wrap;