~xingchuan/SewerAndRainNetwork.git

			@@ -38,31 +38,24 @@
			</el-form>
			</el-form>
			<el-scrollbar style="height:286.22px">
			<div class="environmental-risk-list">
			<i class="state"></i>
			<div class="environmental-risk-list" v-for="(item,index) in list" :key="index"
			:class="activeNum===index?'hover':''">
			<!-- <i class="state"></i>-->
			<img class="state" :src="getImgSrc()" style="background: none"/>
			<div>
			<h3>事件名称:XXX事件</h3>
			<h5>事件事件:2021年3月21日</h5>
			<p>事件状态：<span>审批阶段</span></p>
			<p>事件类型：<span>真实事件</span></p>
			</div>
			</div>
			<div class="environmental-risk-list">
			<i class="state"></i>
			<div>
			<h3>事件名称:XXX事件</h3>
			<h5>事件事件:2021年3月21日</h5>
			<p>事件状态：<span>审批阶段</span></p>
			<p>事件类型：<span>真实事件</span></p>
			</div>
			</div>
			<div class="environmental-risk-list">
			<i class="state"></i>
			<div>
			<h3>事件名称:XXX事件</h3>
			<h5>事件事件:2021年3月21日</h5>
			<p>事件状态：<span>审批阶段</span></p>
			<p>事件类型：<span>真实事件</span></p>
			<h3 @click="handleLocation()">事件名称: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;"
			@click="btnAffiliatedFacilities()">事件管理
			</el-button>
			</p>
			</div>
			</div>
			</el-scrollbar>
			@@ -71,16 +64,96 @@

			<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 { SERVICE_TYPE } from '../../../../../conf/Constants'

			export default {
			name: 'EventQuery',
			data () {
			return {
			list: [],
			items: [
			{ name: '金陵石化' },
			{ name: '南京化学' }
			],
			activeNum: -1,
			LayerEvent: {
			code: 'njhx',
			name: '南京化学',
			checked: false, // 默认选中状态
			layers: [
			{
			code: 'sqjd',
			name: '南京化学事前阶段',
			sname: '事前阶段',
			checked: false,
			minZoom: 16,
			type: SERVICE_TYPE.WMS,
			wmsLayers: 'sewer:Aemergency',
			icon: 'sewers/窨井.png'
			},
			{
			code: 'spjd',
			name: '南京化学审批阶段',
			sname: '审批阶段',
			checked: false,
			minZoom: 16,
			type: '医院',
			typeName: 'sewer:Aemergency',
			// wfs: WFS_URL + '?TYPENAME=雨篦子',
			icon: 'sewers/雨篦子.png'
			},
			{
			code: 'sjwj',
			name: '南京化学事件完结',
			sname: '事件完结',
			minZoom: 16,
			type: SERVICE_TYPE.WMS,
			typeName: 'sewer:firedike',
			checked: false
			}
			]
			},
			LayerResources: {
			code: 'jlsh',
			name: '金陵石化',
			checked: false, // 默认选中状态
			layers: [
			{
			code: 'yj',
			name: '事前阶段',
			sname: '事前阶段',
			checked: false,
			minZoom: 16,
			type: SERVICE_TYPE.WMS,
			wmsLayers: 'sewer:Aemergency',
			icon: 'sewers/窨井.png'
			},
			{
			code: 'ybz',
			name: '审批阶段',
			sname: '审批阶段',
			checked: false,
			minZoom: 16,
			type: SERVICE_TYPE.WMS,
			typeName: 'sewer:Aemergency',
			// wfs: WFS_URL + '?TYPENAME=雨篦子',
			icon: 'sewers/雨篦子.png'
			},
			{
			code: 'fht',
			name: '事件完结',
			sname: '事件完结',
			minZoom: 16,
			type: SERVICE_TYPE.WMS,
			typeName: 'sewer:firedike',
			checked: false
			}
			]
			},
			items: [this.LayerEvent, this.LayerResources],
			subItems: LayerEntEmer.layers,
			form: {
			pipelineType: '',
			@@ -97,23 +170,69 @@
			value: 2
			}
			]
			}
			},
			WfsHelper: null
			}
			},
			mounted () {
			this.wfsHelper = new WfsHelper()
			},
			methods: {
			getImgSrc () {
			const icon = this.form.dataType.icon
			return icon ? 'assets/images/map/' + icon : ''
			},
			handleDataType () {
			console.log('ite')
			this.list = []
			},
			handlePipelineType () {
			handlePipelineType (val) {
			console.log('数据查询')
			this.list = []
			for (let i = 0; i < this.items.length; i++) {
			const item = this.items[i]
			if (val === item.name) {
			this.subItems = item.layers
			return
			}
			}
			},
			handleSearch () {
			async handleSearch () {
			this.list = []
			this.wfsHelper.clearFilter()
			// todo 现在企业应急还没区分开类型，后面改
			// this.wfsHelper.setTypeName([this.form.dataType.typeName])
			// this.wfsHelper.setTypeName([this.form.dataType])
			if (this.form.keyword) {
			this.wfsHelper.addLike('name', this.form.keyword)
			}
			const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {})
			this.list = res.features
			if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) {
			this.list = res.features
			}
			},
			handleLocation (val, index) {
			this.activeNum = index
			// layer && layer.openPopup()
			window.layerFactory.flyByFeature(val, this.form.dataType.code)
			},
			btnAffiliatedFacilities () {
			console.log('item')
			window.$layer.open({
			content: {
			content: ReportPopup, // 组件
			parent: this, // 父组件
			data: { // 传递的参数
			// storagePlaceId: e.layer.options.totransferData.StoragePlaceId
			}
			}
			// title: 'title' // 标题
			})
			}
			}
			}
			</script>

			<style scoped>
			<style lang="less" scoped>

			</style>