配置过滤条件

wangrui

2020-12-24 9cd476f875b661eca3eb5c4908ce0e744f48cbfe

 src/components/LayerController/modules/LcServiceLayer.vue

@@ -8,9 +8,9 @@
      </div>
      <div class="wms-panel">
        <div v-for="item in serviceWmsLayerList" :key="item.code" class="layerbox">
            <div><input type="checkbox" name="wmsLayer" :value="item.code" @change="swAllLayers"/>{{item.name}}</div>
            <div><input type="checkbox" :name="'wmsLayer_'+item.code" :checked="item.inLegend" :value="item.code" @change="swAllLayers(item)"/>{{item.name}} <span @click="swFilter(item)" class="btn-filter">过滤</span></div>
            <div class="layerbox-item">
                <div class="basemap-layer-item" v-for="itm in item.layers" :key="itm.code"><input type="checkbox" name="wmsSublayers" :value="item.code" @change="swAllLayers"/>{{itm.sname}}</div>
                <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.sname}}</div>
            </div>
        </div>
      </div>
@@ -35,16 +35,21 @@
    ...mapState({
      serviceLayerHelper: (state) => {
        return state.serviceLayerHelper;
      },
      }
    }),
  },
  mounted() {
    // console.log('03步骤：', this.helper)
  },
  methods: {
    ...mapMutations([]),
    swAllLayers(){

    ...mapMutations(['setSelectedServiceLayer','toggleServiceLayerFilter']),
    swAllLayers(item){
        // eslint-disable-next-line no-debugger
        item.inLegend = !item.inLegend
        for(let i = 0, len = item.layers.length; i < len; ++i){
            item.layers[i].checked = item.inLegend
        }
        this.updateWms()
    },
    swTileLayer(){
        console.log('该TILE方法未实现！')
@@ -52,8 +57,13 @@
    swWmtsLayer(){
        console.log('该WMTS方法未实现！')
    },
    swWmsLayer(){
        
    swWmsLayer(itm){
        itm.checked = !itm.checked
        this.updateWms()
    },
    swFilter(item){
        this.$store.commit('setSelectedServiceLayer', item.code)
        this.$store.commit('toggleServiceLayerFilter')
    },
    updateServiceLayerList(){
        // eslint-disable-next-line no-debugger
@@ -79,6 +89,9 @@
                this.serviceWmsLayerList.push(wmsCfg[i].config)
            }
        }
    },
    updateWms(){

    }
  },
  watch: {
@@ -97,6 +110,9 @@
  justify-content: center;
  align-items: center;

    .btn-filter{
        cursor: pointer;
    }
    .wms-panel{
        display:flex;
        flex-flow: column;
@@ -107,7 +123,9 @@

            .layerbox-item{
                display:flex;
                flex-flow: row;
                flex-flow: row wrap;
                margin-left: 15px;
                margin-top: 5px;
                .basemap-layer-item{
                    width: 50%;
                }