From ee629193f59c538ce816c25d673f7c4320a74f17 Mon Sep 17 00:00:00 2001
From: 陈泽平 <chenzeping>
Date: 星期四, 20 五月 2021 16:29:03 +0800
Subject: [PATCH] 管线 应急修改
---
src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue | 34 +++++++++++++++++++++++-----------
1 files changed, 23 insertions(+), 11 deletions(-)
diff --git a/src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue b/src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue
index 0d18d91..8db99ba 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,33 +53,41 @@
</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,
dataType: '',
keyword: '',
eventNameList: [
- { name: '閲戦櫟鐭冲寲' },
- { name: '鍗椾含鍖栧' }
+ { name: '鎵瓙鐭冲寲' },
+ { 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,22 +120,23 @@
this.changeAmount = '鐜'
}
},
+ // 浜岀骇from琛ㄥ崟閫夋嫨鏁版嵁娓呯┖ 宸叉湁灞曠ず鏁版嵁
handleDataType (val) {
// console.log(val)
this.list = []
},
+ // 鐐瑰嚮鎼滅储浜嬩欢
async handleSearch () {
this.list = []
this.wfsHelper.clearFilter()
- // todo 鐜板湪浼佷笟搴旀�ヨ繕娌″尯鍒嗗紑绫诲瀷锛屽悗闈㈡敼
- // console.log(this.form.dataType)
- // this.wfsHelper.setTypeName([this.form.dataType.typeName])
this.wfsHelper.setTypeName(['sewer:emergency'])
this.wfsHelper.setMaxFeatures(100)
if (this.form.dataType) {
+ this.wfsHelper.addEquals('orgname', '\'' + this.form.eventName + '\'')
this.wfsHelper.addEquals('type', '\'' + this.form.dataType.name + '\'')
}
if (this.form.keyword) {
+ this.wfsHelper.setFilter(this.form.keyword)
this.wfsHelper.addLike('name', this.form.keyword)
}
const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {})
@@ -140,10 +151,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