优化左下角业务看板展示动画

YANGDL

2021-01-11 a23a2c417afcf46da2f2626d4fdecddade205405

 src/components/LayerController/modules/LcServiceLayerFilter.vue

@@ -15,6 +15,8 @@

<script>
import { mapState, mapMutations } from "vuex";
import WmsHelper from "../../helpers/WmsHelper";

export default {
  name: "LcServiceLayerFilter",
  components: {},
@@ -31,10 +33,16 @@
      selectedServiceLayer: (state) => {
        return state.selectedServiceLayer
      },
      serviceLayerFilters: (state) => {
        return state.serviceLayerFilters
      },
      mapConfig: (state) => {
        return state.mapConfig
      }
    }),
  },
  mounted() {
    

  },
  methods: {
    ...mapMutations([]),
@@ -46,6 +54,22 @@
        for(let i = 0, len = item.filters.length; i < len; ++i){
            item.filters[i].checked = item.checked
        }

        console.log('------')
        var mapConfig = this.mapConfig
        var wmsHelper = new WmsHelper()
        wmsHelper.initMapConfig(mapConfig)
        var wmsLayersMap = wmsHelper.getWmsLayersMap()
        //var filterURL = wmsHelper.getFilterURL()
        console.log(wmsLayersMap)
        for (var k in wmsLayersMap) {
            var layers = wmsLayersMap[k]
            var tileLayer = this.serviceLayerHelper.getTileLayer(k)
            if (tileLayer) {
                tileLayer.setParams({layers: layers.join(',')}, true)
                tileLayer.setUrl(tileLayer.config.url,false)
            }
        }
    }
  },
  watch: {