管线分析功能问题修改

陈泽平

2021-05-21 b187fa62b3e02d8417d73139dcf3e2271268788d

 src/components/panel/topicSearch/GasWasteSearch.vue

@@ -65,10 +65,10 @@
    </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>
          <h3>{{ item.Name }}</h3>
          <p>所属部门：<span>{{ item.porltName }}</span></p>
          <p>风险级别：<span>三级</span></p>
        </div>
      </div>
@@ -98,9 +98,12 @@

<script>
import mapApi from '@/api/mapApi'
import publicBounced from '@/components/BaseNav/PublicBounced/PublicBounced'// import WfsHelper from '@components/helpers/WfsHelper'
import WasteWaterIndex from '../../BaseNav/WasteWater/WasteWaterIndex'
import { pulseEffect, setPanTo } from '../../../utils/utils'

export default {
  name: 'GasWasteSearch',
  props: ['title'],
  data () {
    return {
      gdVisible: true,
@@ -117,8 +120,6 @@
      },
      // pageSize: 10,
      // current: 1,
      isWaybillHover: true,
      isRouteHover: false,
      levelOfRisk: [
        { name: '全部', value: '1' },
        { name: '正常', value: '2' },
@@ -128,7 +129,6 @@
      ]
    }
  },
  props: ['title'],
  methods: {
    // 区域筛选
    areaType (val) {
@@ -156,51 +156,29 @@
        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
      console.log(this.list)
    },
    // 弹窗展示
    async handleLocation (val) {
      console.log(val)
      const pos = [val.Latitude, val.Longitude]
      window.map.flyTo(pos, 13)
      const t1 = setTimeout(async () => {
        const dataValue = {
          StoragePlaceId: val.StoragePlaceId
        }
        // 弹框标题
        const title = val.Name
        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')
        // this.setPanTo(pos, 250)
      }, 1000)
      console.log(t1)
      window.map.setView(pos, 15)
      window.$layer.open({
        content: {
          comp: WasteWaterIndex, // 组件
          parent: this, // 父组件
          data: { // 传递的参数
            storagePlaceId: val
          }
        },
        title: '天津石化  ' + val.Name
      })
      pulseEffect([val.Latitude, val.Longitude])
      setPanTo(pos, 250)
    }
  }
}