From d7c50f6207f0f27f4c20aa96f75b7c0b610b2b23 Mon Sep 17 00:00:00 2001 From: 陈泽平 <chenzeping> Date: 星期四, 20 五月 2021 11:06:54 +0800 Subject: [PATCH] 管线弹框分析修改 --- src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue | 27 ++++++++++++++++++++------- 1 files changed, 20 insertions(+), 7 deletions(-) diff --git a/src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue b/src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue index 0d18d91..ccff3b1 100644 --- a/src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue +++ b/src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue @@ -44,7 +44,7 @@ :class="activeNum===index?'hover':''" @click="handleLocation(item,index)"> <img class="state" :src="getImgSrc(item.properties.type)" style="background: none"/> <h3>{{changeAmount}}绫诲瀷:{{item.properties.type}}</h3> - <h5>{{changeAmount}}鍚嶇О:{{item.properties.name}}</h5> + <h5>{{changeAmount}}鍚嶇О:{{item.properties.companyname}}</h5> <p>璐熻矗浜�:<span>{{item.properties.resperson}}</span></p> <p>鐢佃瘽:<span>{{item.properties.telephone}}</span></p> </div> @@ -53,18 +53,21 @@ </template> <script> +// wfs ajax import WfsHelper from '@components/helpers/WfsHelper' import AjaxUtils from '@utils/AjaxUtils' +// 鍥惧眰鎺у埗閫夋嫨鐨勬暟鎹� import { LayerEmergencySource } from '../../../../conf/layers/LayerEmergencySource' import { LayerSurroundings } from '../../../../conf/layers/LayerSurroundings' +// 寮曞叆鐨勬柟娉� import { pulseEffect } from '../../../../utils/utils' -import { openPopup } from '../../../helpers/LocateHelper' -// import { fitBounds, highlight } from '../../../helpers/LocateHelper' +import { loadPointWfs, pointZoom } from '../../../helpers/LocateHelper' export default { name: 'ResourcesQuery', data () { return { + // form 琛ㄥ崟缁戝畾鏁版嵁 form: { eventName: '', pipelineType: LayerEmergencySource.name, @@ -75,11 +78,16 @@ { name: '鍗椾含鍖栧' } ] }, + // 鎼滅储鍒扮殑鏁版嵁缁戝畾鐨刟ctive鐨勬牱寮� activeNum: -1, + // 鎼滅储鍒扮殑鏁版嵁杩涜瀛樺偍鐨刲ist list: [], + // form琛ㄥ崟缁戝畾鐨勫浘灞傛暟鎹� items: [LayerEmergencySource, LayerSurroundings], subItems: LayerEmergencySource.layers || LayerSurroundings.layers, + // wfs WfsHelper: null, + // 搴旀�� || 鍛ㄨ竟 鐨勫尯鍒嗙粦瀹氭暟鎹� changeAmount: '璧勬簮' } }, @@ -87,11 +95,13 @@ this.wfsHelper = new WfsHelper() }, methods: { + // 鎼滅储灞曠ず鍥剧墖鏍规嵁杩斿洖鍊煎睍绀� getImgSrc (type) { // console.log(type) // const icon = this.form.dataType.icon return 'assets/images/map/sewers/' + type + '.png' }, + // form 琛ㄥ崟閫夋嫨鏁版嵁鏁版嵁閫夋嫨鍒嗛厤 handlePipelineType (val) { // console.log(val) this.list = [] @@ -110,10 +120,12 @@ this.changeAmount = '鐜' } }, + // 浜岀骇from琛ㄥ崟閫夋嫨鏁版嵁娓呯┖ 宸叉湁灞曠ず鏁版嵁 handleDataType (val) { // console.log(val) this.list = [] }, + // 鐐瑰嚮鎼滅储浜嬩欢 async handleSearch () { this.list = [] this.wfsHelper.clearFilter() @@ -129,7 +141,7 @@ this.wfsHelper.addLike('name', this.form.keyword) } const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {}) - // console.log(res) + console.log(res) if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) { this.list = res.features } @@ -140,10 +152,11 @@ this.activeNum = index const positionArea = [val.properties.y, val.properties.x] window.map.setView(positionArea, 17) + pointZoom(positionArea, this.form.dataType.icon) + // 鍥剧墖 + loadPointWfs(positionArea) + // 寮圭獥 pulseEffect(positionArea) - openPopup(positionArea, val.id) - // fitBounds(val, this.form.dataType.code) - // highlight(val, this.form.dataType) } } } -- Gitblit v1.8.0