From a0792f6d3b636590feed7b1cac99c06a02ecf37a Mon Sep 17 00:00:00 2001 From: ChenZeping02609 <chenzeping02609@163.com> Date: 星期四, 13 五月 2021 18:39:05 +0800 Subject: [PATCH] 企业应急 资源查询修改 --- src/components/panel/topicSearch/SolidWasteSearch.vue | 121 +++++++++++++++------------------------ 1 files changed, 47 insertions(+), 74 deletions(-) diff --git a/src/components/panel/topicSearch/SolidWasteSearch.vue b/src/components/panel/topicSearch/SolidWasteSearch.vue index a974f81..5814b50 100644 --- a/src/components/panel/topicSearch/SolidWasteSearch.vue +++ b/src/components/panel/topicSearch/SolidWasteSearch.vue @@ -29,7 +29,8 @@ <el-scrollbar style="height:286.22px"> <div class="environmental-risk-list" v-for="(item,index) in searchDataDisplay" :key="index" @click="setBounced(item)"> - <i class="state"></i> + <!-- <i class="state"></i>--> + <img src="../../../../public/assets/images/map/solidwaste/gf_green2.png" alt="" class="state"> <div> <h3>###鐐煎寲閮�</h3> <p>鎵�灞為儴闂細<span>{{ item.Name }}</span></p> @@ -43,7 +44,7 @@ <script> import mapApi from '@/api/mapApi' -import publicBounced from '@/components/BaseNav/PublicBounced/PublicBounced' +import WasteSolidIndex from '@/components/BaseNav/WasteSolid/WasteSolidIndex' export default { name: 'SolidWasteSearch', @@ -51,6 +52,27 @@ data () { return { judgeVisible: true, + form: { + keyword: '鍥哄簾闈㈡澘鏁版嵁鏌ヨ', + // 鏁版嵁鐨勪紶閫� + transferData: 1 + }, + levelOfRisk: [ + { + name: '鍏ㄩ儴', + value: 1 + }, + { + name: '姝e父', + value: 2 + }, + { + name: '棰勮', + value: 3 + } + ], + // 鏁版嵁鎼滅储涔嬪悗锛屽瓨鍌ㄦ暟鎹殑 + searchDataDisplay: [], solidWasteTypeOptions: [{ value: '1', label: '鍖哄煙', @@ -115,81 +137,10 @@ label: '闀垮害(m)', key: 'length' }] - }], - form: { - keyword: '鍥哄簾闈㈡澘鏁版嵁鏌ヨ', - // 鏁版嵁鐨勪紶閫� - transferData: 1 - }, - levelOfRisk: [ - { - name: '鍏ㄩ儴', - value: 1 - }, - { - name: '姝e父', - value: 2 - }, - { - name: '棰勮', - value: 3 - } - ], - // 鏁版嵁鎼滅储涔嬪悗锛屽瓨鍌ㄦ暟鎹殑 - searchDataDisplay: [], - searchDataDisplayName: '', - searchDataDisplayId: '' + }] } }, methods: { - // 鐐瑰嚮鎼滅储瀹炵幇鏁版嵁鐨勬悳绱㈠睍绀� - async handleSearch (data) { - // console.log(this.form.keyword) - 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) { this.solidWasteTypeOptions.forEach(item => { @@ -197,6 +148,28 @@ this.handleSearch(item.value) } }) + }, + // 鐐瑰嚮鎼滅储瀹炵幇鏁版嵁鐨勬悳绱㈠睍绀� + async handleSearch (data) { + // console.log(this.form.keyword) + const result = await mapApi.getSolidWaste(data) + this.searchDataDisplay = result.Result.DataInfo + }, + // 鏁版嵁灞曠ず,鐐瑰嚮杩涜寮规鍙婄偣鐨勫睍绀� + setBounced (val) { + // console.log(val) + const pos = [val.Latitude, val.Longitude] + window.map.flyTo(pos, 15) + window.$layer.open({ + content: { + content: WasteSolidIndex, // 缁勪欢 + parent: this, // 鐖剁粍浠� + data: { // 浼犻�掔殑鍙傛暟 + storagePlaceId: val.StoragePlaceId + } + }, + title: val.Name + }) } } } -- Gitblit v1.8.0