~xingchuan/SewerAndRainNetwork.git

			@@ -1,6 +1,6 @@
			<template>
			<div class="ReportLocationSection">
			<el-form :model="form" label-width="90px">
			<el-form :model="form" label-width="120px">
			<el-row class="pipe-line-search">
			<el-col :span="12">
			<el-form-item label="管线名称:">
			@@ -17,14 +17,21 @@
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="12">
			<el-col :span="24">
			<el-form-item label="管段编码:">
			<el-input v-model="form.sectionName" disabled></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="12">
			<el-form-item label="附属设施:">
			<el-form-item label="附属设施名称:">
			<el-input v-model="form.affiliatedFacilities" disabled></el-input>
			</el-form-item>
			</el-col>
			<el-col :span="12">
			<el-form-item label="附属设施编码:">
			<el-input v-model="form.affiliatedFacilitiesCode" disabled></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			@@ -141,7 +148,7 @@
			</el-card>
			</div>
			<el-row style="text-align: right;margin: 10px">
			<el-button type="primary" @click="confirm">确认</el-button>
			<el-button type="primary" @click="confirm" size="small">确认</el-button>
			</el-row>
			</div>
			</template>
			@@ -160,7 +167,8 @@
			form: {
			pipeName: '',
			sectionName: '',
			affiliatedFacilities: ''
			affiliatedFacilities: '',
			affiliatedFacilitiesCode: ''
			},
			// 管线查询数据列表
			tableList: [],
			@@ -196,57 +204,72 @@
			this.tableList = res.features
			}
			this.wfsHelper = new WfsHelper()
			this.form.pipeName = ''
			// this.form.pipeName = ''
			this.form.sectionName = ''
			this.form.affiliatedFacilities = ''
			this.form.affiliatedFacilitiesCode = ''
			},
			// 点击管线列表展示管段内容和附属设施内容
			async sectionShowClick (val) {
			console.log(val)
			// 如果 SectionAndAffFacTableJudge === true 是搜索数据结果的列表可以进行管段附属设施交互点击定位查询结果不进行点击交互
			sectionShowClick (val) {
			// console.log(val)
			// this.SectionAndAffFacTableJudge = true
			if (this.SectionAndAffFacTableJudge === true) {
			// 管段查询
			const sectionNameSearch = val.properties.pipename
			this.tableListSection = []
			this.wfsHelper.clearFilter()
			this.wfsHelper.setTypeName(['sewer:pipesegment'])
			this.wfsHelper.addLike('pipename', sectionNameSearch)
			this.wfsHelper.addEquals('pipename', '\'' + sectionNameSearch + '\'')
			const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {})
			// console.log(res)
			if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) {
			this.tableListSection = res.features
			}
			this.wfsHelper = new WfsHelper()
			// 附属设施查询
			this.tableDataAffFac = []
			const AffFacSearch = val.properties.pipecode
			console.log(AffFacSearch)
			this.wfsHelper.clearFilter()
			this.wfsHelper.setTypeName(['sewer:view_pipeline'])
			this.wfsHelper.addLike('pipecode', AffFacSearch)
			// this.wfsHelper.addEquals('type', '\'' + AffFacSearch + '\'')
			const resAffFac = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {})
			console.log(resAffFac)
			if (resAffFac instanceof Object && Object.prototype.hasOwnProperty.call(resAffFac, 'features')) {
			// for (let i = 0; i < resAffFac.features.length; i++) {
			// // console.log(resAffFac.features[i])
			// this.tableDataAffFac.push(resAffFac.features[i].properties)
			// }
			this.tableDataAffFac = resAffFac.features
			}
			this.wfsHelper = new WfsHelper()
			this.searchSection(val)
			this.searchAffFacData(val)
			}
			},
			// 管段查询
			async searchSection (val) {
			const sectionNameSearch = val.properties.pipename
			this.tableListSection = []
			this.wfsHelper.clearFilter()
			this.wfsHelper.setTypeName(['sewer:pipesegment'])
			this.wfsHelper.addLike('pipename', sectionNameSearch)
			this.wfsHelper.addEquals('pipename', '\'' + sectionNameSearch + '\'')
			const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {})
			// console.log(res)
			if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) {
			this.tableListSection = res.features
			}
			},
			// 附属设施查询
			async searchAffFacData (val) {
			this.tableDataAffFac = []
			const AffFacSearch = val.properties.pipecode
			this.wfsHelper.clearFilter()
			this.wfsHelper.setTypeName(['sewer:view_pipeline'])
			this.wfsHelper.addLike('pipecode', AffFacSearch)
			// this.wfsHelper.addEquals('type', '\'' + AffFacSearch + '\'')
			const resAffFac = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {})
			console.log(resAffFac)
			if (resAffFac instanceof Object && Object.prototype.hasOwnProperty.call(resAffFac, 'features')) {
			this.tableDataAffFac = resAffFac.features
			}
			},
			// 搜索的公共方法优化
			async publicSearch (searchVal, searchKeyword, searchTypeName, tableListData) {
			tableListData = []
			this.wfsHelper = new WfsHelper()
			this.wfsHelper.clearFilter()
			this.wfsHelper.setTypeName(searchTypeName)
			this.wfsHelper.addLike(searchKeyword, searchVal)
			this.wfsHelper.addEquals(searchKeyword, '\'' + searchVal + '\'')
			const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {})
			// console.log(res)
			if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) {
			tableListData = res.features
			}
			},
			// 点击管段列表管段编码传递
			sectionCode (val) {
			// console.log(val)
			this.form.sectionName = val.properties.pipecode
			this.form.sectionName = val.properties.pipesegcode
			},
			// 点击附属设施列表管段编码传递
			affFacName (val) {
			// console.log(val)
			console.log(val)
			this.form.affiliatedFacilities = val.properties.name
			this.form.affiliatedFacilitiesCode = val.properties.code
			},
			// 定位功能
			localAdr (val) {
			@@ -258,139 +281,72 @@
			pipeClickLocation () {
			// 设施不进行管线表格数据的点击交互
			this.SectionAndAffFacTableJudge = false
			// this.tableList = []
			// 点击获取数据
			window.map.on('click', (e) => {
			window.mapManager.clickDialogSwitch = false
			window.mapManager.loadWfsDatas(e.latlng).then((res) => {
			// for (let i = 0; i < res.features.length; i++) {
			// console.log(res.features[i])
			// const ids = res.features[i].id.split('.')
			// // console.log(ids[0])
			// if (ids[0] === 'pipeline') {
			// this.tableList.push(res.features[i])
			// } else if (ids[0] === 'pipesegment') {
			// this.tableListSection.push(res.features[i])
			// } else {
			// this.tableDataAffFac.push(res.features[i])
			// // const obj = {
			// // properties: {
			// // pipecode: res.features[i].properties.code,
			// // name: res.features[i].properties.companyname,
			// // type: res.features[i].properties.mediumtype
			// // }
			// // }
			// // console.log(obj)
			// // this.tableDataAffFac.push(obj)
			// // console.log(this.tableDataAffFac)
			// }
			// }
			const size = window.map.getSize()
			var point = window.map.latLngToContainerPoint(e.latlng, window.map.getZoom())
			const wmsParams = Object.assign({
			LAYERS: 'sewer:pipeline',
			QUERY_LAYERS: 'sewer:pipeline',
			WIDTH: size.x,
			HEIGHT: size.y,
			X: Math.round(point.x),
			Y: Math.round(point.y),
			BBOX: window.map.getBounds().toBBoxString()
			}, {
			VERSION: '1.1.1',
			SERVICE: 'WMS',
			REQUEST: 'GetFeatureInfo',
			// bbox: bbox,
			FORMAT: 'image/png',
			INFO_FORMAT: 'application/json',
			TRANSPARENT: true,
			FEATURE_COUNT: 50,
			SRS: 'EPSG:4326',
			EXCEPTIONS: 'application/vnd.ogc.se_inimage'
			})
			AjaxUtils.get4JsonDataByUrl(WMS_URL, wmsParams, (res) => {
			// console.log(res)
			for (let i = 0; i < res.data.features.length; i++) {
			// console.log(res.data.features[i])
			this.tableList.push(res.data.features[i])
			}
			})
			// 管段
			if (this.SectionAndAffFacTableJudge === false) {
			// 点击获取数据
			window.map.on('click', (e) => {
			this.SectionAndAffFacTableJudge = false
			// 点击地图关闭弹框
			window.mapManager.clickDialogSwitch = false
			// 管线点击数据
			this.pipeData(e)
			// 管段点击数据
			this.sectionData(e)
			// 附属设施
			// 附属设施数据
			this.affFacData(e)
			// 关闭点击事件
			window.map.off('click')
			})
			window.map.off('click')
			})
			}
			// 数据重新获取进行置空
			this.form.pipeName = ''
			this.form.sectionName = ''
			this.form.affiliatedFacilities = ''
			this.form.affiliatedFacilitiesCode = ''
			this.tableList = []
			this.tableListSection = []
			this.tableDataAffFac = []
			},
			// 点击定位擦寻管段
			// 点击定位区域搜寻管线数据
			pipeData (e) {
			this.publicWay(e, 'sewer:pipeline', 'sewer:pipeline', this.tableList)
			},
			// 点击定位区域搜寻管段数据
			sectionData (e) {
			const size = window.map.getSize()
			var point = window.map.latLngToContainerPoint(e.latlng, window.map.getZoom())
			const wmsParams = Object.assign({
			LAYERS: 'sewer:pipesegment',
			QUERY_LAYERS: 'sewer:pipesegment',
			WIDTH: size.x,
			HEIGHT: size.y,
			X: Math.round(point.x),
			Y: Math.round(point.y),
			BBOX: window.map.getBounds().toBBoxString()
			}, {
			this.publicWay(e, 'sewer:pipesegment', 'sewer:pipesegment', this.tableListSection)
			},
			// 点击定位区域搜寻附属设施数据
			affFacData (e) {
			this.publicWay(e, 'sewer:view_pipeline', 'sewer:view_pipeline', this.tableDataAffFac, 'pipecode <> \'\'')
			},
			// 点击按钮定位的公共事件
			publicWay (e, layer, queryLayer, dataList, cqlfilter) {
			const defaultWmsParams = {
			VERSION: '1.1.1',
			SERVICE: 'WMS',
			REQUEST: 'GetFeatureInfo',
			// bbox: bbox,
			FORMAT: 'image/png',
			INFO_FORMAT: 'application/json',
			TRANSPARENT: true,
			FEATURE_COUNT: 50,
			SRS: 'EPSG:4326',
			cql_filter: cqlfilter,
			EXCEPTIONS: 'application/vnd.ogc.se_inimage'
			})
			}
			const size = window.map.getSize()
			const point = window.map.latLngToContainerPoint(e.latlng, window.map.getZoom())
			const wmsParams = Object.assign({
			LAYERS: layer,
			QUERY_LAYERS: queryLayer,
			WIDTH: size.x,
			HEIGHT: size.y,
			X: Math.round(point.x),
			Y: Math.round(point.y),
			BBOX: window.map.getBounds().toBBoxString()
			}, defaultWmsParams)
			AjaxUtils.get4JsonDataByUrl(WMS_URL, wmsParams, (res) => {
			// console.log(res)
			for (let i = 0; i < res.data.features.length; i++) {
			this.tableListSection.push(res.data.features[i])
			}
			})
			},
			// 点击定位擦寻附属设施
			affFacData (e) {
			const size = window.map.getSize()
			var point = window.map.latLngToContainerPoint(e.latlng, window.map.getZoom())
			const wmsParams = Object.assign({
			LAYERS: 'sewer:view_pipeline',
			QUERY_LAYERS: 'sewer:view_pipeline',
			// LAYERS: 'pipeline_fs',
			// QUERY_LAYERS: 'pipeline_fs',
			cql_filter: 'pipecode <> \'\'',
			WIDTH: size.x,
			HEIGHT: size.y,
			X: Math.round(point.x),
			Y: Math.round(point.y),
			BBOX: window.map.getBounds().toBBoxString()
			}, {
			VERSION: '1.1.1',
			SERVICE: 'WMS',
			REQUEST: 'GetFeatureInfo',
			// bbox: bbox,
			FORMAT: 'image/png',
			INFO_FORMAT: 'application/json',
			TRANSPARENT: true,
			FEATURE_COUNT: 50,
			SRS: 'EPSG:4326',
			EXCEPTIONS: 'application/vnd.ogc.se_inimage'
			})
			AjaxUtils.get4JsonDataByUrl(WMS_URL, wmsParams, (res) => {
			console.log(res)
			for (let i = 0; i < res.data.features.length; i++) {
			this.tableDataAffFac.push(res.data.features[i])
			dataList.push(res.data.features[i])
			}
			})
			},