问题修改

QibolinCzp

2021-05-14 73c8d3f55d5a675174a61342f3cea712ed5bc0eb

问题修改

 src/components/LayerController/logic/WasteGas.js

@@ -72,7 +72,7 @@
          storagePlaceId: res
        }
      },
      title: title // 标题
      title: '天津石化' + title // 标题
    })
    this.animalService.setPanTo(e.latlng, 150)
  }

 src/components/LayerController/logic/WasteWater.js

@@ -68,7 +68,7 @@
          storagePlaceId: res
        }
      },
      title: title // 标题
      title: '天津石化' + title // 标题
    })
    this.animalService.setPanTo(e.latlng, 150)
  }

 src/components/panel/topicSearch/GasWasteSearch.vue

@@ -98,16 +98,14 @@

<script>
import mapApi from '@/api/mapApi'
import publicBounced from '@/components/BaseNav/PublicBounced/PublicBounced'// import WfsHelper from '@components/helpers/WfsHelper'
import ImagGreen from '../../../../public/assets/images/map/exhaust/fq_green2.png'
import WasteWaterIndex from '../../BaseNav/WasteWater/WasteWaterIndex'

export default {
  name: 'GasWasteSearch',
  props: ['title'],
  data () {
    return {
      layer: window.map,
      L: window.L,
      gdVisible: true,
      instance: null,
      list: [],
      total: 0,
      inareaTypeOptions: [],
@@ -121,8 +119,6 @@
      },
      // pageSize: 10,
      // current: 1,
      isWaybillHover: true,
      isRouteHover: false,
      levelOfRisk: [
        { name: '全部', value: '1' },
        { name: '正常', value: '2' },
@@ -132,7 +128,6 @@
      ]
    }
  },
  props: ['title'],
  methods: {
    // 区域筛选
    areaType (val) {
@@ -171,73 +166,16 @@
      console.log(val)
      const pos = [val.Latitude, val.Longitude]
      window.map.flyTo(pos, 15)
      const positionX = val.Latitude
      const positionY = val.Longitude

      // 定义类型 用来区分数据的不同 1.接口接口数据来进行数据的判断 2.根据数据类型的不同，进行不同类型的图片显示
      const ContrLevel = val.ContrLevel
      var iconUrl = this.differentTypes(ContrLevel)

      const marker = this.L.marker([positionX, positionY], {
        icon: this.L.icon({
          iconUrl: iconUrl,
          iconSize: [30, 30],
          iconAnchor: [15, 15]
        })
      })
      this.layer.addLayer(marker)
      const t1 = setTimeout(async () => {
        const dataValue = {
          StoragePlaceId: val.StoragePlaceId
      window.$layer.open({
        content: {
          content: WasteWaterIndex, // 组件
          parent: this, // 父组件
          data: { // 传递的参数
            storagePlaceId: val
        }
        // 弹框标题
        const title = val
        console.log(title)
        // 基本信息 tabs
        const result = await mapApi.getWasteGas(dataValue)
        const GasOnlinedata = {
          onLineMonEmissPointId: '23',
          monItemId: '28,31',
          beginTime: '2020-04-06 15:13:20',
          endTime: '2020-04-07 15:13:20',
          dataType: '1'
        }
        const GasManualData = {
          companyId: '3900100145',
          labMonPointId: '219',
          beginTime: '2020-04-06 15:13:20',
          endTime: ' 2020-04-07 15:13:20'
        }
        const ManualData = await mapApi.getWasteGasManualData(GasManualData)
        const Mondata = await mapApi.getWasteGasMonData(GasOnlinedata)
        // 绑定弹框实例
        this.instance && this.instance.closePopup()
        const PublicBounced = window.Vue.extend(publicBounced)
        this.instance = new PublicBounced().$mount()
        document.body.appendChild(this.instance.$el)
        // document.body.removeChild(instance.$el)
        // 通过方法 向绑定弹框传递数据
        this.instance.setGasData(title, result.Result.DataInfo, Mondata.Result.DataInfo, ManualData.Result.DataInfo, 'feiqi')
        // console.log(title, result.Result.DataInfo, Mondata.Result.DataInfo, ManualData.Result.DataInfo)
        // this.setPanTo(pos, 250)
      }, 100)
      console.log(t1)
    },
    // 不同类型图片加载
    differentTypes (ContrLevel) {
      // effectOfChange
      /*
       if (ContrLevel === 1) {
         effectOfChange = ImgBlue
       } else if (ContrLevel === 2) {
      */
      const effectOfChange = ImagGreen
      // } else if (ContrLevel === 3) {
      //   effectOfChange = ImagBright
      // } else {
      //   effectOfChange = ImgGray
      // }
      return effectOfChange
        title: '天津石化  ' + val.Name
      })
    }
  }
}

 src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue

@@ -53,7 +53,6 @@
</template>

<script>
// import { LayerEntEmer } from '../../../../../conf/layers/LayerEntEmer'
import WfsHelper from '@components/helpers/WfsHelper'
import AjaxUtils from '@utils/AjaxUtils'

@@ -79,8 +78,6 @@
      list: [],
      items: [LayerEmergencySource, LayerSurroundings],
      subItems: LayerEmergencySource.layers || LayerSurroundings.layers,
      // subItems: [{ name: '全部资源' }, { name: '应急物资' }, { name: '应急车辆(船)' }, { name: '应急队伍(含消防单位)' }],
      // subItemsT: [{ name: '全部环境' }, { name: '医院', icon: 'sewers/医院.png' }, { name: '学校' }, { name: '水体' }, { name: '自然保护区' }, { name: '敏感目标' }],
      WfsHelper: null
    }
  },
@@ -89,7 +86,7 @@
  },
  methods: {
    getImgSrc (type) {
      console.log(type)
      // console.log(type)
      // const icon = this.form.dataType.icon
      return 'assets/images/map/sewers/' + type + '.png'
    },
@@ -105,8 +102,8 @@
      }
      if (this.form.pipelineType === '应急资源') {
        this.subItems = LayerEmergencySource.layers
      } else {
        this.subItems = LayerSurroundings.layers // (this.form.pipelineType === '周边环境')
      } else if (this.form.pipelineType === '周边环境') {
        this.subItems = LayerSurroundings.layers
      }
    },
    handleDataType (val) {

 src/components/panel/topicSearch/SolidWasteSearch.vue

@@ -8,7 +8,7 @@
          <el-select style="width: 100%" v-model="form.pipelineType" @change="handlePipelineType"
                     :popper-class="'select-down'">
            <el-option
                v-for="item in solidWasteTypeOptions"
                v-for="item in solidWasteTypeOptions.labelList"
                :key="item.value"
                :label="item.label"
                :value="item.value">

 src/components/panel/topicSearch/WaterWasteSearch.vue

@@ -98,18 +98,14 @@
<script>

import mapApi from '@/api/mapApi'
import publicBounced from '@/components/BaseNav/PublicBounced/PublicBounced'// import WfsHelper from '@components/helpers/WfsHelper'
import ImagGreen from '../../../../public/assets/images/map/wastewater/fs_bright_green.png'
import WasteWaterIndex from '../../BaseNav/WasteWater/WasteWaterIndex'

export default {
  name: 'WaterWasteSearch',
  props: ['title'],
  data () {
    return {
      layer: window.map,
      L: window.L,
      gdVisible: true,
      instance: null,
      list: [],
      total: 0,
      inareaTypeOptions: [],
@@ -172,88 +168,16 @@
      console.log(val)
      const pos = [val.Latitude, val.Longitude]
      window.map.flyTo(pos, 15)
      const positionX = val.Latitude
      const positionY = val.Longitude

      // 定义类型 用来区分数据的不同 1.接口接口数据来进行数据的判断 2.根据数据类型的不同，进行不同类型的图片显示
      const testValue = val.testValue
      var iconUrl = this.differentTypes(testValue)

      const marker = this.L.marker([positionX, positionY], {
        icon: this.L.icon({
          iconUrl: iconUrl,
          iconSize: [30, 30],
          iconAnchor: [15, 15]
        })
      })
      this.layer.addLayer(marker)
      const t1 = setTimeout(async () => {
        const dataValue = {
          StoragePlaceId: val.StoragePlaceId
      window.$layer.open({
        content: {
          content: WasteWaterIndex, // 组件
          parent: this, // 父组件
          data: { // 传递的参数
            storagePlaceId: val
        }
        // 弹框标题
        const title = val
        console.log(title)
        // 基本信息 tabs
        const detailData = await mapApi.getWasteWater(dataValue)
        const WaterOnlinedata = {
          onLineMonEmissPointId: '23',
          monItemId: '28,31',
          beginTime: '2020-04-06 15:13:20',
          endTime: '2020-04-07 15:13:20',
          dataType: '1'
        }
        const WaterManualData = {
          companyId: '3900100145',
          labMonPointId: '219',
          beginTime: '2020-04-06 15:13:20',
          endTime: ' 2020-04-07 15:13:20'
        }
        const dateData = await mapApi.getQueryLabMonData(WaterManualData)
        const hourData = await mapApi.getQueryOnlineMonData(WaterOnlinedata)
        // 绑定弹框实例
        this.instance && this.instance.closePopup()
        const PublicBounced = window.Vue.extend(publicBounced)
        this.instance = new PublicBounced().$mount()
        document.body.appendChild(this.instance.$el)
        // document.body.removeChild(instance.$el)
        // 通过方法 向绑定弹框传递数据
        this.instance.setWaterData(title, detailData.Result.DataInfo, hourData.Result.DataInfo, dateData.Result.DataInfo, 'feishui')
        console.log(title, detailData.Result.DataInfo, hourData.Result.DataInfo, dateData.Result.DataInfo)
        // this.setPanTo(pos, 250)
      }, 100)
      console.log(t1)
    },
    // 不同类型图片加载
    differentTypes (testValue) {
      const testChange = ImagGreen
      // switch (testValue) {
      //   case 1:
      //     testChange = NormalImg
      //     break
      //   case 2:
      //     testChange = OffImg
      //     break
      //   case 3:
      //     testChange = AbnormalImg
      //     break
      //   case 4:
      //     testChange = MissImg
      //     break
      //   case 5:
      //     testChange = NormalImg
      //     break
      //   case 6:
      //     testChange = AlarmImg
      //     break
      //   case 7:
      //     testChange = AbnormalImg
      //     break
      //   case 8:
      //     testChange = WarnImg
      //     break
      // }
      return testChange
        title: '天津石化  ' + val.Name
      })
    }
  }
}