From 4d265afb3419bd5cedc6f31ab78d570f6917b520 Mon Sep 17 00:00:00 2001 From: seatonwan9 <seatonwan9@163.com> Date: 星期五, 21 五月 2021 14:30:44 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/panel/topicSearch/EnterpriseEmergency/EventQuery.vue | 106 ++++++++++++++++++++++++++++++----------------------- 1 files changed, 60 insertions(+), 46 deletions(-) diff --git a/src/components/panel/topicSearch/EnterpriseEmergency/EventQuery.vue b/src/components/panel/topicSearch/EnterpriseEmergency/EventQuery.vue index 873db6e..70f0ca1 100644 --- a/src/components/panel/topicSearch/EnterpriseEmergency/EventQuery.vue +++ b/src/components/panel/topicSearch/EnterpriseEmergency/EventQuery.vue @@ -26,7 +26,8 @@ </el-form-item> <el-form-item label="浜嬩欢绫诲瀷锛�"> <el-radio-group v-model="form.transferData" class="levelOfRisk"> - <el-radio v-for="(item,index) in form.levelOfRisk" :label="item.value" :key="index"> + <el-radio v-for="(item,index) in form.levelOfRisk" :label="item.value" :key="index" + @change="redioChange(item.name)"> <span class="levelOfRisk-type">{{ item.name }}</span> </el-radio> </el-radio-group> @@ -38,12 +39,28 @@ </el-form> </el-form> <el-scrollbar style="height:286.22px"> - <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" - :class="activeNum===index?'hover':''"> + <!-- <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum===index?'hover':''" @click="accordPopup(item)">--> + <!-- <!– <i class="state"></i>–>--> + <!-- <img class="state" :src="getImgSrc(item.properties.type)" style="background: none"/>--> + <!-- <div>--> + <!-- <h3 @click="handleLocation(item,index)">浜嬩欢鍚嶇О:XXX浜嬩欢</h3>--> + <!-- <h5>--> + <!-- 浜嬩欢浜嬩欢:2021骞�3鏈�21鏃�--> + <!-- <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;">鍒犻櫎</el-button>--> + <!-- </h5>--> + <!-- <p>--> + <!-- 浜嬩欢鐘舵�侊細<span>瀹℃壒闃舵</span>--> + <!-- </p>--> + <!-- <p>浜嬩欢绫诲瀷锛�<span>{{ item.properties.pipecode }}</span>--> + <!-- <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;">浜嬩欢绠$悊--> + <!-- </el-button>--> + <!-- </p>--> + <!-- </div>--> + <!-- </div>--> + <div class="environmental-risk-list"> <!-- <i class="state"></i>--> - <img class="state" :src="getImgSrc()" style="background: none"/> <div> - <h3 @click="handleLocation(item,index)">浜嬩欢鍚嶇О:XXX浜嬩欢</h3> + <h3>浜嬩欢鍚嶇О:XXX浜嬩欢</h3> <h5> 浜嬩欢浜嬩欢:2021骞�3鏈�21鏃� <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;">鍒犻櫎</el-button> @@ -51,30 +68,33 @@ <p> 浜嬩欢鐘舵�侊細<span>瀹℃壒闃舵</span> </p> - <p>浜嬩欢绫诲瀷锛�<span>{{ item.properties.pipecode }}</span> - <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;">浜嬩欢绠$悊 + <p>浜嬩欢绫诲瀷锛�<span>妯℃嫙绠$嚎浜嬩欢</span> + <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;" + @click="accordPopup()"> + <span>浜嬩欢绠$悊</span> </el-button> </p> </div> </div> </el-scrollbar> +<!-- <reportPopup></reportPopup>--> </div> </template> <script> -// import { LayerEntEmer } from '../../../../../conf/layers/LayerEntEmer' -// import { LayerEvent } from '../../../../../conf/layers/LayerEvent' -// import { LayerResources } from '../../../../../conf/layers/LayerResources' -import ReportPopup from './ReportPopup' - -import WfsHelper from '@components/helpers/WfsHelper' -import AjaxUtils from '@utils/AjaxUtils' +// import WfsHelper from '@components/helpers/WfsHelper' +// import AjaxUtils from '@utils/AjaxUtils' +import reportPopup from './ReportPopup' export default { name: 'EventQuery', + components: { + // reportPopup + }, data () { return { + reportIncident: false, list: [], activeNum: -1, LayerEvent: {}, @@ -103,16 +123,36 @@ } }, mounted () { - this.wfsHelper = new WfsHelper() + // this.wfsHelper = new WfsHelper() }, methods: { + // 鐐瑰嚮浜嬩欢绠$悊 + accordPopup () { + window.$layer.open({ + content: { + comp: reportPopup, // 缁勪欢 + parent: this, // 鐖剁粍浠� + data: { // 浼犻�掔殑鍙傛暟 + // info: this.info + } + }, + title: '浜嬩欢鍒嗘瀽' + }) + }, + // radio鏁版嵁閫夋嫨 + redioChange (item) { + console.log(item) + }, + // 鏍规嵁鏁版嵁杩斿洖灞曠ず涓嶅悓鐨勫浘鐗� getImgSrc () { const icon = this.form.dataType.icon return icon ? 'assets/images/map/' + icon : '' }, + // form 2 琛ㄥ崟鏁版嵁閫夋嫨浜嬩欢 handleDataType () { this.list = [] }, + // form 琛ㄥ崟鏁版嵁閫夋嫨 handlePipelineType (val) { this.list = [] for (let i = 0; i < this.items.length; i++) { @@ -123,39 +163,13 @@ } } }, + // 鏁版嵁鎼滅储浜嬩欢 async handleSearch () { - this.list = [] - this.wfsHelper.clearFilter() - // todo 鐜板湪浼佷笟搴旀�ヨ繕娌″尯鍒嗗紑绫诲瀷锛屽悗闈㈡敼 - // this.wfsHelper.setTypeName([this.form.dataType.typeName]) - this.wfsHelper.setTypeName(['sewer:emergency']) - if (this.form.keyword) { - this.wfsHelper.addLike('name', this.form.keyword) - } - const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {}) - if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) { - this.list = res.features - } - }, - 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) - }, - btnAffiliatedFacilities () { console.log('item') - window.$layer.open({ - content: { - content: ReportPopup, // 缁勪欢 - parent: this, // 鐖剁粍浠� - data: { // 浼犻�掔殑鍙傛暟 - // storagePlaceId: e.layer.options.totransferData.StoragePlaceId - } - } - // title: 'title' // 鏍囬 - }) + }, + // 鎼滅储鐨勬暟鎹� de 鐐瑰嚮浜嬩欢 + handleLocation () { + console.log('val') } } } -- Gitblit v1.8.0