From 292d91b71968b66bfdfd48dbfcf72c7a8290f62c Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期四, 15 四月 2021 09:41:14 +0800 Subject: [PATCH] 废气图标 --- src/components/panel/topicSearch/GasWasteSearch.vue | 59 ++++++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 42 insertions(+), 17 deletions(-) diff --git a/src/components/panel/topicSearch/GasWasteSearch.vue b/src/components/panel/topicSearch/GasWasteSearch.vue index 102b5e5..d25e810 100644 --- a/src/components/panel/topicSearch/GasWasteSearch.vue +++ b/src/components/panel/topicSearch/GasWasteSearch.vue @@ -64,7 +64,7 @@ </el-form> </div> <el-scrollbar style="height:264px"> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> + <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" @click="handleLocation(item)"><!-- --> <i class="state"></i> <div> <h3>###鐐煎寲閮�</h3> @@ -98,15 +98,13 @@ <script> import mapApi from '@/api/mapApi' - -// import WfsHelper from '@components/helpers/WfsHelper' +import publicBounced from '@/components/BaseNav/PublicBounced/PublicBounced'// import WfsHelper from '@components/helpers/WfsHelper' export default { name: 'GasWasteSearch', data () { return { gdVisible: true, list: [], - // labelList: PipelineTypeOptions[0].labelList, total: 0, inareaTypeOptions: [], enterpriseTypeOptions: [], @@ -159,23 +157,50 @@ dataType: this.form.dataType } console.log(param) - // var wfsHelper = new WfsHelper() - // wfsHelper.addTypeName(this.form.query.layerName) - // wfsHelper.addLike(this.form.query.key, this.form.keyword) - // const _this = this - // const res = await AjaxUtils.GetDataAsynByUrl(wfsHelper.getUrl(), {}) const res = await mapApi.getWasteGas() console.log(res) - if (res.data instanceof Object && Object.prototype.hasOwnProperty.call(res.data, 'features')) { - this.list = res.data.features - } + this.list = res.Result.DataInfo }, - handleLocation (val) { + // 寮圭獥灞曠ず + async handleLocation (val) { console.log(val) - const bound = this.L.geoJSON([val], {}).getBounds() - var layer = window.serviceLayerHelper.getByLayerId(val.id) - layer && layer.openPopup() - this.$store.state.map.map.flyToBounds(bound) + 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) } } } -- Gitblit v1.8.0