配置图层线、面顺序

徐旺旺

2021-05-21 022e02466285107b4d7c47a22d672dbce7a2de29

配置图层线、面顺序

 src/components/panel/topicSearch/SewersSearch.vue

@@ -38,10 +38,9 @@
                         :class="activeNum===index?'hover':''">
                        <img class="state" :src="getImgSrc()" style="background: none"/>
                        <div>
                            <h3 @click="handleLocation(item,index)">{{ item.properties.pipename }}
                                {{item.properties.companyname }}</h3>
                            <h3 @click="handleLocation(item,index)">{{ item.properties.name || item.properties.code }}</h3>
                            <p>所属企业：<span>{{ item.properties.orgname }}</span>
                            <p>设施类型：<span>{{form.pipelineType}}</span>
                            <p>设施类型：<span>{{ item.properties.type }}</span>
                                <el-button v-if="fuShuSheShiShow" class="rt btn00fff6" size="mini"
                                           style="margin-right: 0.04rem;"
                                           @click="btnAffiliatedFacilities(item,index)">
@@ -174,11 +173,11 @@
      this.list = []
      this.wfsHelper.clearFilter()
      // todo çŽ°åœ¨ç®¡ç½‘还没区分开类型，后面改
      this.wfsHelper.setTypeName([this.form.dataType.typeName])
      this.wfsHelper.setTypeName(['sewer:view_pipeline'])
      if (this.form.keyword) {
        this.wfsHelper.addLike('name', this.form.keyword)
        this.wfsHelper.setFilter(this.form.keyword)
      }
      this.wfsHelper.addEquals('type', '\'' + this.form.dataType.sname + '\'')
      // const filter = this.form.dataType.filter
      // if (filter) {
      //   this.wfsHelper.setFilter(filter)
@@ -189,6 +188,7 @@
        this.total = res.totalFeatures
        this.list = res.features
      }
      this.wfsHelper = new WfsHelper()
    },
    // ç‚¹å‡»æœç´¢åˆ°çš„数据 å®žçŽ°åŠŸèƒ½ = å®šä½ é«˜äº® å¼¹æ¡†
    handleLocation (val, index) {

 src/conf/layers/LayerArea.js

@@ -32,6 +32,7 @@
      type: SERVICE_TYPE.WMS,
      checked: false, // é»˜è®¤é€‰ä¸­çŠ¶æ€
      icon: 'sewers/.png',
      index: 1,
      typeName: 'sewer:unitareaboundary'
    }
  ]

 src/conf/layers/LayerFsss.js

@@ -43,7 +43,7 @@
    {
      code: 'piperack',
      name: '管架(墩)',
      sname: 'PipeRack',
      sname: '管架(墩)',
      minZoom: 16,
      type: SERVICE_TYPE.WMS,
      typeName: 'sewer:piperack',
@@ -53,7 +53,7 @@
    {
      code: 'pipegallery',
      name: '管廊(带)',
      sname: 'PipeGallery',
      sname: '管廊(带)',
      minZoom: 16,
      type: SERVICE_TYPE.WMS,
      typeName: 'sewer:pipegallery',
@@ -70,7 +70,7 @@
      name: '流向',
      sname: 'ywslx',
      type: SERVICE_TYPE.WMS,
      icon: 'sewers/流向.png',
      typeName: 'sewer:pipesegment_flow',
      checked: false
    },
    {

 src/conf/layers/LayerHbss.js

@@ -41,7 +41,7 @@
    {
      code: 'jsc',
      name: '集水池',
      sname: '集水池',
      sname: '集水池(罐)',
      minZoom: 16,
      typeName: 'sewer:collectingbasin',
      checked: false,

 src/conf/layers/LayerPipeLines.js

@@ -16,7 +16,7 @@
    {
      code: 'rainline',
      name: '雨水线',
      sname: '管网',
      sname: '雨水',
      checked: true,
      type: SERVICE_TYPE.WMS,
      layerGroup: 'sewer:pipeline_group',
@@ -30,7 +30,7 @@
        FILL_COLOR: '#0070ff'
      },
      filter: 'mediumtype = \'雨水\'',
      index: 1
      index: 20
    },
    {
      code: 'accidentline',
@@ -49,7 +49,7 @@
        FILL_COLOR: '#E64C00'
      },
      filter: 'mediumtype = \'事故水\'',
      index: 1
      index: 20
    },
    {
      code: 'oilline',
@@ -67,7 +67,7 @@
        COLOR: '#ffaa00',
        FILL_COLOR: '#ffaa00'
      },
      index: 1
      index: 20
    },
    {
      code: 'saltline',
@@ -85,7 +85,7 @@
        COLOR: '#FF7F7F',
        FILL_COLOR: '#FF7F7F'
      },
      index: 1
      index: 20
    },
    {
      code: 'alkaliline',
@@ -103,7 +103,7 @@
        COLOR: '#E8BEFF',
        FILL_COLOR: '#E8BEFF'
      },
      index: 1
      index: 20
    },
    {
      code: 'sulfurline',
@@ -121,7 +121,7 @@
        COLOR: '',
        FILL_COLOR: ''
      },
      index: 1
      index: 20
    },
    {
      code: 'lifeline',
@@ -139,7 +139,7 @@
        COLOR: '#A8A800',
        FILL_COLOR: '#A8A800'
      },
      index: 1
      index: 20
    },
    {
      code: 'purifyline',
@@ -157,7 +157,7 @@
        COLOR: '#55FF00',
        FILL_COLOR: '#55FF00'
      },
      index: 1
      index: 20
    },
    {
      code: 'loopline',
@@ -175,7 +175,7 @@
        COLOR: '#73FFDF',
        FILL_COLOR: '#73FFDF'
      },
      index: 1
      index: 20
    },
    {
      code: 'buildline',
@@ -193,7 +193,7 @@
        COLOR: '#a8a800',
        FILL_COLOR: '#a8a800'
      },
      index: 1
      index: 20
    }
  ]
}

 src/conf/layers/LayerPk.js

@@ -13,7 +13,7 @@
    {
      code: 'sewersNpk',
      name: '内排口',
      sname: '内排口',
      sname: '内排',
      checked: false,
      type: SERVICE_TYPE.WMS,
      icon: 'sewers/雨水排口.png',
@@ -24,7 +24,7 @@
    {
      code: 'sewersWpk',
      name: '外排口',
      sname: '外排口',
      sname: '外排',
      icon: 'sewers/雨水排口.png',
      checked: false, // é»˜è®¤é€‰ä¸­çŠ¶æ€
      type: SERVICE_TYPE.WMS,

 src/conf/ͼ²ãÅäÖÃ˵Ã÷.md

New file
@@ -0,0 +1,8 @@
##配置wms

      type: SERVICE_TYPE.WMS,   //表明这是一个wms服务配置
      layerGroup: 'sewer:pipeline_group',   //图层组，如果没有就不要此项，不要配置空！！！
      typeName: 'sewer:pipeline',   //geoserver配置的图层名称
      filter: 'mediumtype = \'净化水\'',   //等同于wms的cql_filter
      index: 5      //配置显示在地图上的层级，如果是面则配置1>=且<20,如果是线理论上可以配置>=20，相同layerGroup的可以重复，不同的不能重复！！！