修改问题,污染源

ChenZeping02609

2021-05-12 e97a404960da3964475aebbef4ff069be2e4ccfc

修改问题,污染源

 public/static/SourcesPoll.json

New file
@@ -0,0 +1,125 @@
{
  "Result": {
    "IsSuccess": 1,
    "ErrorMsg": "",
    "DataInfo": [
      {
        "StoragePlaceId": 0,
        "Name": "巴陵石化 取水单元干泥暂存库",
        "StorageQtyMax": 0,
        "Longitude": 113.38361,
        "Latitude": 29.9008,
        "SortNum": 0,
        "DesignFloorArea": 0,
        "VideoCoding": null,
        "VideoURL": null,
        "DaysAlarm": 0,
        "MarginAlarm": 0
      },
      {
        "StoragePlaceId": 1,
        "Name": "巴陵石化 吉家湖灰塘",
        "StorageQtyMax": 0,
        "Longitude": 113.14089,
        "Latitude": 29.4181,
        "SortNum": 0,
        "DesignFloorArea": 0,
        "VideoCoding": null,
        "VideoURL": null,
        "DaysAlarm": 0,
        "MarginAlarm": 0
      },
      {
        "StoragePlaceId": 2,
        "Name": "长岭炼化 八字门垃圾填埋场",
        "StorageQtyMax": 0,
        "Longitude": 113.3916666667,
        "Latitude": 29.6394444444,
        "SortNum": 0,
        "DesignFloorArea": 0,
        "VideoCoding": null,
        "VideoURL": null,
        "DaysAlarm": 0,
        "MarginAlarm": 0
      },
      {
        "StoragePlaceId": 3,
        "Name": "中韩石化 灰渣场",
        "StorageQtyMax": 0,
        "Longitude": 114.5192083333,
        "Latitude": 30.6201666667,
        "SortNum": 0,
        "DesignFloorArea": 0,
        "VideoCoding": null,
        "VideoURL": null,
        "DaysAlarm": 0,
        "MarginAlarm": 0
      },
      {
        "StoragePlaceId": 4,
        "Name": "安庆石化 山口废渣填埋场",
        "StorageQtyMax": 0,
        "Longitude": 116.960599,
        "Latitude": 30.541509,
        "SortNum": 0,
        "DesignFloorArea": 0,
        "VideoCoding": null,
        "VideoURL": null,
        "DaysAlarm": 0,
        "MarginAlarm": 0
      },
      {
        "StoragePlaceId": 5,
        "Name": "安庆石化 热电陈家冲灰场",
        "StorageQtyMax": 0,
        "Longitude": 116.986949,
        "Latitude": 30.534486,
        "SortNum": 0,
        "DesignFloorArea": 0,
        "VideoCoding": null,
        "VideoURL": null,
        "DaysAlarm": 0,
        "MarginAlarm": 0
      },
      {
        "StoragePlaceId": 6,
        "Name": "高桥石化 海滨码头附近滩涂",
        "StorageQtyMax": 0,
        "Longitude": 121.55,
        "Latitude": 31.63,
        "SortNum": 0,
        "DesignFloorArea": 0,
        "VideoCoding": null,
        "VideoURL": null,
        "DaysAlarm": 0,
        "MarginAlarm": 0
      },
      {
        "StoragePlaceId": 7,
        "Name": "川维化工 生化污泥料仓",
        "StorageQtyMax": 0,
        "Longitude": 107.02342004,
        "Latitude": 29.79235333,
        "SortNum": 0,
        "DesignFloorArea": 0,
        "VideoCoding": null,
        "VideoURL": null,
        "DaysAlarm": 0,
        "MarginAlarm": 0
      },
      {
        "StoragePlaceId": 8,
        "Name": "川维化工 排泥水泥饼料仓",
        "StorageQtyMax": 0,
        "Longitude": 107.02315181,
        "Latitude": 29.78832166,
        "SortNum": 0,
        "DesignFloorArea": 0,
        "VideoCoding": null,
        "VideoURL": null,
        "DaysAlarm": 0,
        "MarginAlarm": 0
      }
    ]
  }
}

 src/api/mapApi.js

@@ -85,5 +85,8 @@
  },
  getCrossSection (data) {
    return axios.get(mapUrl.getCrossSection, data)
  },
  getSourcesPoll (data) {
    return axios.get(mapUrl.getSourcesPoll, data)
  }
}

 src/api/mapUrl.js

@@ -35,3 +35,6 @@
export const findFlowDirection = $HOSTANALYSE + '/findFlowDirection'
export const findLeakages = $HOSTANALYSE + '/findLeakages'
export const getCrossSection = $HOSTANALYSE + '/getCrossSection'

// 污染源
export const getSourcesPoll = 'http://localhost:8081/static/SourcesPoll.json'

 src/components/LayerController/event/EventHandler.js

@@ -5,6 +5,7 @@
    this.mapClickForLayers = {}

    window.map.on('click', (e) => {
      console.log(e)
      for (var k in this.mapClickForLayers) {
        const func = this.mapClickForLayers[k]
        console.log(func)

 src/components/LayerController/logic/SourcesPollution.js

New file
@@ -0,0 +1,24 @@
/**
 * 污染源
 *  */

// 使用封装方法
// 请求接口数据
// import { getSourcesPoll } from '../../../api/request'

const mapApi = require('../../../api/mapApi').default
const AnimalService = require('../service/AnimalService').default

module.exports = function () {
  this.init = async (layer, L) => {
    this.animalService = new AnimalService({
      L: L,
      layer: layer
    })
    // getSourcesPoll().then(res => {
    //   console.log(res)
    // })
    const result = await mapApi.getSourcesPoll()
    console.log(result)
  }
}

 src/components/LayerController/logic/WasteGas.js

@@ -21,7 +21,10 @@
   */
  this.init = async (layer, L) => {
    // console.log(WasteGasChats)
    this.animalService = new AnimalService({ L: L, layer: layer })
    this.animalService = new AnimalService({
      L: L,
      layer: layer
    })
    const res = await mapApi.getWasteGas()
    // console.log(res)
    const data = res.Result.DataInfo || {}
@@ -53,7 +56,7 @@
  }

  this.bindTooltip = (layer) => {
    return layer.options.test.Name
    return '<div class="company-bindTooltip-hover"><h3>天津石化</h3></div>' + layer.options.test.Name
  }

  this.clickListener = async (e) => {

 src/components/LayerController/logic/WasteSolid.js

@@ -46,6 +46,7 @@
  }

  this.bindTooltip = (layer) => {
    // '<div class="company-bindTooltip-hover"><h3>天津石化</h3></div>' +
    return layer.options.totransferData.Name
  }


 src/components/LayerController/logic/WasteWater.js

@@ -50,7 +50,7 @@

  // 分割线-------------------------------------------------------------------------------
  this.bindTooltip = (layer) => {
    return layer.options.totransferData.Name
    return '<div class="company-bindTooltip-hover"><h3>天津石化</h3></div>' + layer.options.totransferData.Name
  }

  this.clickListener = (e) => {

 src/components/LayerController/service/WmsLayerService.js

@@ -85,7 +85,7 @@

  clickListener () {
    window.map.on('click', (e) => {
      console.log(e)
      // console.log(e)
      this.featureGroup.clearLayers()
      var point = this.map.latLngToContainerPoint(e.latlng, this.map.getZoom())
      var size = this.map.getSize()

 src/components/panel/topicSearch/SewersSelect/SewersAnalysis.vue

@@ -261,7 +261,7 @@
      }
      // 根据参数请求接口数据
      const res = await mapApi.findPipelineByClickPoint(param)
      console.log(res.pipesegcode)
      console.log(res)
      if (this.activeName === 'first') {
        if (this.linkType === 1) {
          this.tableDataLinkStart = res.data
@@ -367,7 +367,7 @@
        startLineID: this.currentSelectStart.pipesegcode,
        endLineID: this.currentSelectEnd.pipesegcode
      }
      // console.log(param)
      console.log(param)
      // 请求接口和数据
      const res = await mapApi.findConnectedPipelines(param)
      // console.log(res)

 src/conf/Constants.js

@@ -18,7 +18,8 @@
  wasteWaterPfk: 'WasteWater.js',
  wasteSolidCcd: 'WasteSolid.js',
  sewersAreaGs: 'Company.js',
  pipesegment: 'PipeLineAnimal.js'
  pipesegment: 'PipeLineAnimal.js',
  pollutionSources: 'SourcesPollution.js'
}

export const STYLES = {