废气图标

wangqi

2021-04-15 e5f105b1acb3c63df8aac97ce1c67ad070c0de2d

 src/components/panel/topicSearch/GasWasteSearch.vue

@@ -65,7 +65,7 @@
    </div>
    <el-scrollbar style="height:264px">
      <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" @click="handleLocation(item)"><!--  -->
        <i class="state"></i>
        <img src="../../../../public/assets/images/map/exhaust/fq_green2.png" alt="" class="state"/>
        <div>
          <h3>###炼化部</h3>
          <p>所属部门：<span>炼化部</span></p>
@@ -99,6 +99,7 @@
<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'
export default {
  name: 'GasWasteSearch',
  data () {
@@ -156,9 +157,9 @@
        pipelineType: this.form.pipelineType,
        dataType: this.form.dataType
      }
      console.log(param)
      const res = await mapApi.getWasteGas()
      console.log(res)
      // console.log(param)
      const res = await mapApi.getWasteGas(param)
      // console.log(res)
      this.list = res.Result.DataInfo
    },
    // 弹窗展示
@@ -166,6 +167,22 @@
      console.log(val)
      const pos = [val.Latitude, val.Longitude]
      window.map.flyTo(pos, 13)
      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], {
        // totransferData: this.searchDataDisplay[i],
        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
@@ -201,6 +218,22 @@
        // this.setPanTo(pos, 250)
      }, 1000)
      console.log(t1)
    },
    // 不同类型图片加载
    differentTypes (ContrLevel) {
      var effectOfChange
      /*
       if (ContrLevel === 1) {
         effectOfChange = ImgBlue
       } else if (ContrLevel === 2) {
      */
      effectOfChange = ImagGreen
      // } else if (ContrLevel === 3) {
      //   effectOfChange = ImagBright
      // } else {
      //   effectOfChange = ImgGray
      // }
      return effectOfChange
    }
  }
}