弹框点击信息修改

chenzeping

2021-04-01 bd59f31b6d5d1de02edc3a454931303753cf9f43

弹框点击信息修改

 src/api/mapApi.js

@@ -12,15 +12,17 @@
  getUser (data) {
    return axios.get(mapUrl.GetUser, data)
  },
  // 固废点
  getSolidWaste (data) {
    return axios.get(mapUrl.getSolidWaste, data)
  },
  getWasteWater (data) {
    return axios.get(mapUrl.getWasteWater, data)
  },
  // 固废点基本信息
  getSolidWasteBaseInfo (data) {
    return axios.get(mapUrl.getSolidWasteBaseInfo, data)
  },
  getWasteWater (data) {
    return axios.get(mapUrl.getWasteWater, data)
  },
  GetWasteGas (data) {
    return axios.get(mapUrl.GetWasteGas, data)
  },

 src/api/mapUrl.js

@@ -5,12 +5,11 @@

export const GetUser = $HOST + '/user/getUser'

export const getSolidWaste = $HOST + '/wasteSolid/getSolidWaste'
export const getSolidWasteBaseInfo = $HOST + '/wasteSolid/getSolidWasteBaseInfo'

export const GetWasteGas = $HOST + '/wasteGas/getWasteGas'

export const getSolidWaste = $HOST + '/wasteSolid/getSolidWaste'

export const getWasteWater = $HOST + '/wasteWater/getWasteWater'

export const getSolidWasteBaseInfo = $HOST + '/wasteSolid/getSolidWasteBaseInfo'

export const getCompany = $HOST + '/company/getCompany'

 src/components/BaseNav/PublicBounced/GasComponents/GasTab.vue

@@ -9,14 +9,14 @@
    <div class="main">
      <div class="main-matter">
        <el-row type="flex" class="row-bg row-item-one" justify="space-around">
          <el-col :span="12">监测点名称:{{ displayContentTab.Name }}</el-col>
          <el-col :span="12">生产单位:{{ displayContentTab.DeptSname }}</el-col>
          <el-col :span="12">排放类型加载:{{ displayContentTab.EmissTypeName }}</el-col>
          <el-col :span="12">监测点名称:{{ displayContentTab2.StoragePlaceName }}</el-col>
          <el-col :span="12">生产单位:{{ displayContentTab2.StoragePlaceName }}</el-col>
          <el-col :span="12">排放类型加载:{{ displayContentTab2.DesignFloorArea }}</el-col>
        </el-row>
        <el-row type="flex" class="row-bg" justify="space-around">
          <el-col :span="12">排放去向:{{ displayContentTab.EmissTypeDirectName }}</el-col>
          <el-col :span="12">控制级别名称:{{ displayContentTab.ContrLevelShowName }}</el-col>
          <el-col :span="12">内/外排口:{{ displayContentTab.OrOutPortName }}</el-col>
          <el-col :span="12">排放去向:{{ displayContentTab2.StorageQty }}</el-col>
          <el-col :span="12">控制级别名称:{{ displayContentTab2.SurplusFloorArea }}</el-col>
          <el-col :span="12">内/外排口:{{ displayContentTab2.StorageDate }}</el-col>
        </el-row>
      </div>
    </div>
@@ -28,7 +28,16 @@
  name: 'GasTable',
  props: ['displayContentTab'],
  data () {
    return {}
    return {
      displayContentTab2: []
    }
  },
  mounted () {
    this.$nextTick(() => {
      this.displayContentTab.forEach(item => {
        this.displayContentTab2 = item
      })
    })
  }
}
</script>

 src/components/BaseNav/PublicBounced/PublicBounced.vue

@@ -46,7 +46,7 @@
  methods: {
    setData (data, value) {
      data.forEach((item, index) => {
        console.log(item.StoragePlaceName)
        // console.log(item.StoragePlaceName)
        this.displayContentTitle = item.StoragePlaceName
      })
      this.displayContentTab = data

 src/components/BaseNav/SolidWaste/SolidWaste.js

@@ -63,7 +63,7 @@
        // 点击 事件
        marker.on('click', (e) => {
          try {
            // console.log(e)
            console.log(e.target.getLatLng())
            this.setPanTo(e.target.getLatLng(), 200)
            this.EffectOfPulse(e.target.getLatLng())
            this.SolidWastePopup.setData(data[i], 'gufei')

 src/components/LayerController/logic/SolidWaste.js

@@ -1,6 +1,7 @@
/**
 * 固废
 */

// 区分不同类型 使用不同img
const defaultImg = '/assets/images/map/solidwaste/voc.png'
const setting = '/assets/images/map/solidwaste/gf_green.png'
@@ -50,10 +51,17 @@
    return layer.options.test.Name
  }

  this.clickListener = async (e) => {
  this.clickListener = (e) => {
    // 点击marker的pulse()光波
    this.animalService.pulseEffect(e.latlng)
    /* flyTo()弹出框平移事件 */
    // this.setPanTo(e.latlng, 200)
    console.log(e)
    /* 点击数据的接口请求 */
    this.requestSolidWasteData(e).then(e)
  }

  // 根据点击不同数据 进行接口的数据请求
  this.requestSolidWasteData = async (e) => {
    const dataValue = {
      StoragePlaceId: e.layer.options.test.StoragePlaceId
    }
@@ -66,14 +74,14 @@
    instance.setData(result.Result.DataInfo, 'gufei')
  }

  // panTo
  this.setPanTo = (pos, value) => {
    var position = pos
    position = this.layer.latLngToLayerPoint(position)
    position.y += value
    position = this.layer.layerPointToLatLng(position)
    this.layer.flyTo(position)
  }
  // flayTo()
  // this.setPanTo = (pos, value) => {
  //   var position = pos
  //   position = this.map.latLngToLayerPoint(position)
  //   position.y += value
  //   position = this.map.layerPointToLatLng(position)
  //   this.map.flyTo(position)
  // }

  // 不同类型图片封装
  this.differentTypes = (judgeValue) => {

 src/components/LayerController/logic/WasteGas.js

@@ -24,7 +24,7 @@
    })
    const res = await mapApi.GetWasteGas()
    const data = res.Result.DataInfo || {}
    console.log(data)
    // console.log(data)
    for (let i = 0; i < data.length; i++) {
      // 经纬度 位置
      const positionX = data[i].Latitude

 src/components/LayerController/logic/WasteWater.js

@@ -18,9 +18,9 @@
      layer: layer
    })
    const res = await mapApi.getWasteWater()
    console.log(res)
    // console.log(res)
    const data = res.Result.DataInfo
    console.log(data)
    // console.log(data)
    for (let i = 0; i < data.length; i++) {
      // 经纬度 位置
      const positionX = data[i].Latitude

 src/views/MapTemplate.vue

@@ -133,6 +133,7 @@
    init () {
      const mapcontainer = this.$refs.rootmap
      this.map = Sgis.initMap(mapcontainer)
      this.$refs.toolBox.map = this.map

      window.popupComp = this.$refs.popup
      var layerFactory = new LayerFactory({
@@ -154,7 +155,7 @@

      // this.AddGasHelper()
      // this.ChangeWaterState()
      this.$refs.toolBox.init(this.map)

      this.saveMapStatus()
      // this.setMapObj(this.mapObj)
      // this.setBasemapHelper(this.basemapHelper)