From c12c836c00e84c69c89b12e74675308d4da56c64 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期三, 14 四月 2021 16:41:52 +0800 Subject: [PATCH] 右侧固废管理查询定位弹框 --- src/components/panel/topicSearch/SolidWasteSearch.vue | 41 ++++++++++++++++++++++++++++++++++++++++- 1 files changed, 40 insertions(+), 1 deletions(-) diff --git a/src/components/panel/topicSearch/SolidWasteSearch.vue b/src/components/panel/topicSearch/SolidWasteSearch.vue index 76793a7..a974f81 100644 --- a/src/components/panel/topicSearch/SolidWasteSearch.vue +++ b/src/components/panel/topicSearch/SolidWasteSearch.vue @@ -43,6 +43,7 @@ <script> import mapApi from '@/api/mapApi' +import publicBounced from '@/components/BaseNav/PublicBounced/PublicBounced' export default { name: 'SolidWasteSearch', @@ -135,7 +136,9 @@ } ], // 鏁版嵁鎼滅储涔嬪悗锛屽瓨鍌ㄦ暟鎹殑 - searchDataDisplay: [] + searchDataDisplay: [], + searchDataDisplayName: '', + searchDataDisplayId: '' } }, methods: { @@ -145,11 +148,47 @@ const result = await mapApi.getSolidWaste(data) console.log(result) this.searchDataDisplay = result.Result.DataInfo + this.searchDataDisplayName = result.Result.DataInfo[0].Name + this.searchDataDisplayId = result.Result.DataInfo[0].StoragePlaceId + console.log(this.searchDataDisplayName) }, // 鏁版嵁灞曠ず,鐐瑰嚮杩涜寮规鍙婄偣鐨勫睍绀� setBounced (val) { const pos = [val.Latitude, val.Longitude] window.map.flyTo(pos, 11) + const t1 = setTimeout(async () => { + const dataValue = { + StoragePlaceId: this.searchDataDisplayId + } + // console.log(e.layer.options.totransferData.Name) + // 寮规鏍囬 + const title = this.searchDataDisplayName + console.log(title) + // 鍩烘湰淇℃伅 tabs + const resultBasic = await mapApi.getSolidWasteBaseInfo(dataValue) + // 璇︾粏淇℃伅灞曠ず table + const resultDetailed = await mapApi.getSolidWasteDetail(dataValue) + + // 缁戝畾寮规瀹炰緥 + const PublicBounced = window.Vue.extend(publicBounced) + const instance = new PublicBounced().$mount() + document.body.appendChild(instance.$el) + // document.body.removeChild(instance.$el) + // 閫氳繃鏂规硶 鍚戠粦瀹氬脊妗嗕紶閫掓暟鎹� + instance.setData(title, resultBasic.Result.DataInfo, resultDetailed.Result.DataInfo, 'gufei') + // this.setPanTo(e.latlng, 300) + }, 3000) + console.log(t1) + // clearTimeout(t1) + }, + + // flayTo() 寮规鐨勫彲婊戝姩浜嬩欢 + setPanTo (pos, value) { + var position = pos + position = window.map.latLngToLayerPoint(position) + position.y += value + position = window.map.layerPointToLatLng(position) + window.map.flyTo(position) }, // select鐨刼ption鐨勬暟鎹�夋嫨 handlePipelineType (val) { -- Gitblit v1.8.0