From 1e114a012e2abab1162ab8004f86694834f07449 Mon Sep 17 00:00:00 2001 From: ChenZeping02609 <chenzeping02609@163.com> Date: 星期四, 13 五月 2021 18:12:56 +0800 Subject: [PATCH] 企业应急 --- src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue | 54 ++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 36 insertions(+), 18 deletions(-) diff --git a/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue b/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue index fd06274..0c379e1 100644 --- a/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue +++ b/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue @@ -42,12 +42,11 @@ <el-scrollbar style="height:286.22px"> <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum===index?'hover':''" @click="handleLocation(item,index)"> - <!-- <i class="state"></i>--> <img class="state" :src="getImgSrc()" style="background: none"/> - <h3>浜嬩欢鍚嶇О:XXX浜嬩欢</h3> - <h5>浜嬩欢浜嬩欢:2021骞�3鏈�21鏃�</h5> - <p>浜嬩欢鐘舵�侊細<span>瀹℃壒闃舵</span></p> - <p>浜嬩欢绫诲瀷锛�<span>鐪熷疄浜嬩欢</span></p> + <h3>璧勬簮绫诲瀷:{{item.properties.adminzonename}}</h3> + <h5>璧勬簮鍚嶇О:{{item.properties.type}}</h5> + <p>璐熻矗浜�:<span>{{item.properties.resperson}}</span></p> + <p>鐢佃瘽:<span>{{item.properties.telephone}}</span></p> </div> </el-scrollbar> </div> @@ -58,13 +57,17 @@ import WfsHelper from '@components/helpers/WfsHelper' import AjaxUtils from '@utils/AjaxUtils' +// import { LayerEmergency } from '../../../../../conf/LayerEmergency' +import { LayerEmergencySource } from '../../../../../conf/layers/LayerEmergencySource' +import { LayerSurroundings } from '../../../../../conf/layers/LayerSurroundings' + export default { name: 'ResourcesQuery', data () { return { form: { eventName: '', - pipelineType: '璧勬簮绫诲瀷', + pipelineType: '搴旀�ヨ祫婧�', dataType: '', keyword: '', eventNameList: [ @@ -74,10 +77,10 @@ }, activeNum: -1, list: [], - // items: [LayerEntEmer], - items: [], - // subItems: LayerEntEmer.layers, - subItems: [], + items: [LayerEmergencySource, LayerSurroundings], + subItems: LayerEmergencySource.layers || LayerSurroundings.layers, + // subItems: [{ name: '鍏ㄩ儴璧勬簮' }, { name: '搴旀�ョ墿璧�' }, { name: '搴旀�ヨ溅杈�(鑸�)' }, { name: '搴旀�ラ槦浼�(鍚秷闃插崟浣�)' }], + // subItemsT: [{ name: '鍏ㄩ儴鐜' }, { name: '鍖婚櫌', icon: 'sewers/鍖婚櫌.png' }, { name: '瀛︽牎' }, { name: '姘翠綋' }, { name: '鑷劧淇濇姢鍖�' }, { name: '鏁忔劅鐩爣' }], WfsHelper: null } }, @@ -87,13 +90,28 @@ methods: { getImgSrc () { const icon = this.form.dataType.icon + // console.log(this.form.dataType) return icon ? 'assets/images/map/' + icon : '' }, - handlePipelineType () { - console.log('item') + handlePipelineType (val) { + // console.log(val) + this.list = [] + for (let i = 0; i < this.items.length; i++) { + const item = this.items[i].name + if (val === item.name) { + this.subItems = item.layers + return + } + } + if (this.form.pipelineType === '搴旀�ヨ祫婧�') { + this.subItems = LayerEmergencySource.layers + } else { + this.subItems = LayerSurroundings.layers // (this.form.pipelineType === '鍛ㄨ竟鐜') + } }, - handleDataType () { - console.log('item') + handleDataType (val) { + console.log(val) + this.list = [] }, async handleSearch () { this.list = [] @@ -101,6 +119,9 @@ // todo 鐜板湪浼佷笟搴旀�ヨ繕娌″尯鍒嗗紑绫诲瀷锛屽悗闈㈡敼 // this.wfsHelper.setTypeName([this.form.dataType.typeName]) this.wfsHelper.setTypeName(['sewer:emergency']) + if (this.form.dataType) { + this.wfsHelper.addEquals('type', '\'' + this.form.dataType.name + '\'') + } if (this.form.keyword) { this.wfsHelper.addLike('name', this.form.keyword) } @@ -110,16 +131,13 @@ } }, handleLocation (val, index) { - console.log(val) this.activeNum = index - // layer && layer.openPopup() - // window.layerFactory.flyByFeature(val, this.form.dataType.code) window.map.flyTo([val.properties.y, val.properties.x], 15) } } } </script> -<style scoped> +<style lang="less" scoped> </style> -- Gitblit v1.8.0