企业应急-事件上报-管段定位

陈泽平

2021-05-28 0347d81ad6cc8dd93244d64aef13fa69a727d5d6

企业应急-事件上报-管段定位

 src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue

@@ -24,9 +24,9 @@
  methods: {
    // 获得焦点 进行定位
    focusLocation () {
      console.log(this.clickLocation)
      console.log(window.map.getZoom())
      console.log(window.map.getBounds())
      // console.log(this.clickLocation)
      // console.log(window.map.getZoom())
      // console.log(window.map.getBounds())
      const getBoundsData = '' + window.map.getBounds()._southWest.lng + ',' + window.map.getBounds()._southWest.lat + ',' + window.map.getBounds()._northEast.lng + ',' + window.map.getBounds()._northEast.lat
      const data = {
        postStr: {
@@ -40,17 +40,19 @@
        },
        type: 'query'
      }
      console.log(data)
      // console.log(data)
      reportLocationSearch(data).then(res => {
        // console.log(res)
        const as = res.pois[0].lonlat.trim().split(' ')
        window.map.setView([as[1], as[0]], 17)
        pulseEffect([as[1], as[0]])
        // for (let i = 0; i < res.pois.length; i++) {
        //   const as = res.pois[i].lonlat.trim().split(' ')
        //   window.map.flyTo([as[0], as[1]], 16)
        // }
        // window.map.setView(as, 17)
        console.log(res)
        // const as = res.pois[0].lonlat.trim().split(' ')
        // window.map.setView([as[1], as[0]], 17)
        // pulseEffect([as[1], as[0]])
        for (let i = 0; i < res.pois.length; i++) {
          const as = res.pois[i].lonlat.trim().split(' ')
          if (res.pois[i].name.indexOf(this.clickLocation) >= 0) {
            window.map.setView([as[1], as[0]], 17)
            pulseEffect([as[1], as[0]])
          }
        }
      })
    },
    // 点击确认按钮事件

 src/components/base-page/enterprise-emergency/events-reported/ReportLocationSection.vue

@@ -116,22 +116,22 @@
                        style="width: 100%">
                    <el-table-column
                            show-overflow-tooltip
                            prop="properties.pipecode"
                            prop="properties.code"
                            label="附属设施编号">
                    </el-table-column>
                    <el-table-column
                            show-overflow-tooltip
                            prop="properties.measattribute"
                            prop="properties.name"
                            label="附属设施名称">
                    </el-table-column>
                    <!--                    <el-table-column-->
                    <!--                            show-overflow-tooltip-->
                    <!--                            prop="properties.measattribute"-->
                    <!--                            label="附属设施名称">-->
                    <!--                    </el-table-column>-->
                    <el-table-column
                            show-overflow-tooltip
                            prop="properties.code"
                            label="附属设施名称">
                    </el-table-column>
                    <el-table-column
                            show-overflow-tooltip
                            prop="properties.datasource"
                            prop="properties.type"
                            label="附属设施类型">
                    </el-table-column>
                    <el-table-column width="40" fixed="right" label="操作">
@@ -206,7 +206,7 @@
        console.log(AffFacSearch)
        this.wfsHelper.clearFilter()
        this.wfsHelper.setTypeName(['sewer:view_pipeline'])
        this.wfsHelper.addLike('code', AffFacSearch)
        this.wfsHelper.addLike('pipecode', AffFacSearch)
        // this.wfsHelper.addEquals('type', '\'' + AffFacSearch + '\'')
        const resAffFac = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {})
        console.log(resAffFac)
@@ -256,8 +256,8 @@
        const size = window.map.getSize()
        var point = window.map.latLngToContainerPoint(e.latlng, window.map.getZoom())
        const wmsParams = Object.assign({
          LAYERS: 'pipeline_group',
          QUERY_LAYERS: 'pipeline_group',
          LAYERS: 'sewer:pipeline',
          QUERY_LAYERS: 'sewer:pipeline',
          WIDTH: size.x,
          HEIGHT: size.y,
          X: Math.round(point.x),
@@ -332,8 +332,8 @@
      const size = window.map.getSize()
      var point = window.map.latLngToContainerPoint(e.latlng, window.map.getZoom())
      const wmsParams = Object.assign({
        LAYERS: 'pipeline_fs',
        QUERY_LAYERS: 'pipeline_fs',
        LAYERS: 'sewer:view_pipeline',
        QUERY_LAYERS: 'sewer:view_pipeline',
        WIDTH: size.x,
        HEIGHT: size.y,
        X: Math.round(point.x),
@@ -352,11 +352,10 @@
        EXCEPTIONS: 'application/vnd.ogc.se_inimage'
      })
      AjaxUtils.get4JsonDataByUrl(WMS_URL, wmsParams, (res) => {
        console.log(res)
        // console.log(res)
        for (let i = 0; i < res.data.features.length; i++) {
          this.tableDataAffFac.push(res.data.features[i])
        }
        console.log(this.tableDataAffFac)
      })
    },
    // 管线搜索