| | |
| | | <el-radio v-for="(item,index) in levelOfRisk" :label="item.value" :key="index"><span class="levelOfRisk-type">{{item.name}}</span></el-radio> |
| | | </el-radio-group> |
| | | <!-- <el-form-item >--> |
| | | <div class="page_total"> |
| | | <p>共计 |
| | | <span>{{total}}</span> |
| | | 条记录 |
| | | </p> |
| | | </div> |
| | | <div class="rightButtonSearch"> |
| | | <el-input v-model="form.keyword" size="mini" placeholder="在此输入关键字搜索"> |
| | | <!-- <el-button slot="append" icon="el-icon-search" size="mini"></el-button>--> |
| | |
| | | </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> |
| | |
| | | |
| | | <script> |
| | | import mapApi from '@/api/mapApi' |
| | | import publicBounced from '@/components/BaseNav/PublicBounced/PublicBounced'// import WfsHelper from '@components/helpers/WfsHelper' |
| | | import WasteWaterIndex from '../../base-page/WasteWater/WasteWaterIndex' |
| | | import { pulseEffect, setPanTo } from '../../../utils/utils' |
| | | |
| | | export default { |
| | | name: 'GasWasteSearch', |
| | | props: ['title'], |
| | | data () { |
| | | return { |
| | | gdVisible: true, |
| | | list: [], |
| | | total: 0, |
| | | // 分页 |
| | | pageSize: 10, |
| | | inareaTypeOptions: [], |
| | | enterpriseTypeOptions: [], |
| | | enterpriseSubunitsTypeOptions: [], |
| | |
| | | }, |
| | | // pageSize: 10, |
| | | // current: 1, |
| | | isWaybillHover: true, |
| | | isRouteHover: false, |
| | | levelOfRisk: [ |
| | | { name: '全部', value: '1' }, |
| | | { name: '正常', value: '2' }, |
| | |
| | | ] |
| | | } |
| | | }, |
| | | props: ['title'], |
| | | methods: { |
| | | // 页面切换 分页功能 |
| | | handlePage (page) { |
| | | // this.wfsHelper.setPage(page) |
| | | this.handleSearch() |
| | | }, |
| | | // 区域筛选 |
| | | areaType (val) { |
| | | this.pipelineTypeOptions.forEach((itm) => { |
| | |
| | | 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) { |
| | | debugger |
| | | console.log(val) |
| | | const pos = [val.Latitude, val.Longitude] |
| | | window.map.flyTo(pos, 11) |
| | | 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) |
| | | } |
| | | } |
| | | } |