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/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue | 60 +++++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 37 insertions(+), 23 deletions(-) diff --git a/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue b/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue index f8df59b..856850d 100644 --- a/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue +++ b/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue @@ -30,7 +30,7 @@ v-for="item in subItems" :key="item.code" :label="item.name" - :value="item.name"> + :value="item"> </el-option> </el-select> </el-form-item> @@ -42,7 +42,7 @@ <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)"> - <img class="state" :src="getImgSrc()" style="background: none"/> + <img class="state" :src="getImgSrc(item.properties.type)" style="background: none"/> <h3>璧勬簮绫诲瀷:{{item.properties.adminzonename}}</h3> <h5>璧勬簮鍚嶇О:{{item.properties.type}}</h5> <p>璐熻矗浜�:<span>{{item.properties.resperson}}</span></p> @@ -57,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: [ @@ -73,11 +77,10 @@ }, activeNum: -1, list: [], - // items: [LayerEntEmer], - items: [{ name: '搴旀�ヨ祫婧�' }, { name: '鍛ㄨ竟鐜' }], - // subItems: LayerEntEmer.layers, - subItems: [{ name: '鍏ㄩ儴璧勬簮' }, { name: '搴旀�ョ墿璧�' }, { name: '搴旀�ヨ溅杈�(鑸�)' }, { name: '搴旀�ラ槦浼�(鍚秷闃插崟浣�)' }], - subItemsT: [{ name: '鍏ㄩ儴鐜' }, { name: '鍖婚櫌' }, { name: '瀛︽牎' }, { name: '姘翠綋' }, { name: '鑷劧淇濇姢鍖�' }, { name: '鏁忔劅鐩爣' }], + 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 } }, @@ -85,28 +88,42 @@ this.wfsHelper = new WfsHelper() }, methods: { - getImgSrc () { - const icon = this.form.dataType.icon - return icon ? 'assets/images/map/' + icon : '' + getImgSrc (type) { + console.log(type) + // const icon = this.form.dataType.icon + return 'assets/images/map/sewers/' + type + '.png' }, - 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.form.pipelineType = '璧勬簮绫诲瀷' - } - if (this.form.pipelineType === '鍛ㄨ竟鐜') { - this.subItems = this.subItemsT + 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 = [] 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('type', '\'' + this.form.dataType.name + '\'') + } if (this.form.keyword) { this.wfsHelper.addLike('name', this.form.keyword) } @@ -116,16 +133,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