~xingchuan/SewerAndRainNetwork.git

			@@ -354,15 +354,17 @@
			<span>管线查询结果</span>
			</div>
			<el-table
			class="dddddd"
			:data="tableData"
			max-height="200"
			style="width: 100%" @row-click="selectRow" size="mini">
			<el-table-column
			prop="name"
			prop="pipename"
			label="管线名称"
			width="180">
			</el-table-column>
			<el-table-column
			prop="type"
			prop="mediumtype"
			label="管线类型"
			width="180">
			</el-table-column>
			@@ -465,6 +467,7 @@
			this.clearLX()
			this.linkClear()
			this.jdmClear()
			this.currentLinkIsTrue = ''
			this.bgFm = []
			this.bgPipeLine = []
			this.tableData = []
			@@ -503,7 +506,9 @@
			this.bgPipeLine = res.data
			} else if (this.activeName === 'third') {
			this.tableDataLiuxiang = res.data
			} else if (this.activeName === 'fourth') {}
			} else if (this.activeName === 'fourth') {
			}
			// debugger
			console.log(res.data)
			},
			// 流向显示的方法参数封
			@@ -511,6 +516,22 @@
			const flowLine = window.L.polyline(param.points, param.option)
			flowLine.addTo(window.map)
			return flowLine
			},
			createFlowMarker (point) {
			return window.L.marker(point, {
			icon: window.L.divIcon({
			className: 'dIcon',
			html: '<div class="plane live">' +
			// '<img src="'+require("../../assets/images/map/ship.png")+
			'<div style="position: absolute;' +
			' width: 20px;' +
			' height: 20px;' +
			' border-radius: 50%;' +
			' content: \'\'; background-color: #FF664A;"/>' +
			'<span></span><span></span></div></>',
			iconSize: [90, 36]
			})
			})
			},

			// 连通性 ===> 地图点击起始管段e
			@@ -577,11 +598,13 @@
			this.$message('请选择起始管段和结束管段')
			return false
			}

			// 请求数据时的参数
			const param = {
			startLineID: this.currentSelectStart.id,
			endLineID: this.currentSelectEnd.id
			startLineID: this.currentSelectStart.pipesegcode,
			endLineID: this.currentSelectEnd.pipesegcode
			}
			console.log(param)
			// 请求接口和数据
			const res = await mapApi.findConnectedPipelines(param)
			console.log(res)
			@@ -619,23 +642,23 @@
			},
			// 连通性分析结果table列表数据选择点击事件
			linkResultSelect (e) {
			// console.log('连通性分析结果列表点击')
			// console.log(e)
			console.log('连通性分析结果列表点击')
			console.log(e)

			// const geom = JSON.parse(e.geomText)
			// if (this.currentSelectResultLine != null) {
			// this.currentSelectResultLine.remove()
			// this.currentSelectResultLine = null
			// }
			// this.currentSelectResultLine = L.geoJSON(geom, {
			// style: function (feature) {
			// return {
			// color: 'rgba(255,0,0,.6)',
			// weight: 6
			// }
			// }
			// }).addTo(this.map)
			// this.map.panInsideBounds(this.currentSelectResultLine.getBounds())
			const geom = JSON.parse(e.geomText)
			if (this.currentSelectResultLine != null) {
			this.currentSelectResultLine.remove()
			this.currentSelectResultLine = null
			}
			this.currentSelectResultLine = window.L.geoJSON(geom, {
			style: function (feature) {
			return {
			color: 'rgba(255,0,0,.6)',
			weight: 6
			}
			}
			}).addTo(this.map)
			this.map.panInsideBounds(this.currentSelectResultLine.getBounds())
			},
			// 连通性的清除功能
			linkClear () {
			@@ -686,7 +709,7 @@

			// 数据请求参数
			const param = {
			lineID: e.id
			lineID: e.pipesegcode
			}
			const res = await mapApi.findLeakages(param)
			console.log(res)
			@@ -698,6 +721,7 @@
			}
			res.data.reverse()
			this.bgFm = res.data
			console.log(res.data)

			this.bgPoint = res.data[0].startControlPoint

			@@ -705,10 +729,10 @@

			const p = [point.coordinates[1], point.coordinates[0]]

			// this.bgMarker = main.createFlowMarker(p)
			this.bgMarker = this.createFlowMarker(p)
			this.bgMarker.bindTooltip(this.bgPoint.pointnumbe)
			this.bgMarker.addTo(this.map)
			this.map.flyTo(p)
			this.bgMarker.addTo(window.map)
			window.map.flyTo(p)

			const linkPipe = []
			res.data.forEach((itm, idx) => {
			@@ -717,7 +741,6 @@
			geom.coordinates.forEach((it, id) => {
			points.push(it.reverse())
			})

			linkPipe.push(points)
			})

			@@ -762,17 +785,13 @@
			},
			// 点击显示流向 table列表中的数据 => 进行官网流向的显示
			async lxQuery (e) {
			// console.log(e)
			console.log(e)
			this.clearLinkPipe()
			const param = {
			// lineNodeID: e.startpoint
			lineNodeID: e.gid
			lineNodeID: e.startpointnumber
			}
			const res = await mapApi.findFlowDirection(param)
			this.getres(res)
			},
			// 点击显示流向 table列表中的数据 => 进行官网流向的显示的数据处理方法
			getres (res) {
			this.lxTableDataResult = res.data
			const linkPipe = []
			res.data.forEach((itm, idx) => {
			@@ -797,6 +816,10 @@
			this.linkPipeline.push(line)
			})
			},
			// 点击显示流向 table列表中的数据 => 进行官网流向的显示的数据处理方法
			// getres (res) {
			//
			// },
			// 清除流向
			clearLX () {
			if (this.flowPipeLine != null) {
			@@ -882,10 +905,21 @@
			// 已绘制线图进行绘制横断面数据分析
			const res = await mapApi.getCrossSection(this.hdmParam)
			console.log(res)
			const dataPoint = res.data.point
			console.log(dataPoint)
			// this.tableData = dataPoint.pipelines.extraData
			for (let i = 0; i < dataPoint.length; i++) {
			const obj = {
			pipename: dataPoint[i].pipelines.extraData.pipename,
			mediumtype: dataPoint[i].pipelines.extraData.mediumtype
			}
			this.tableData.push(obj)
			}
			},
			// 横断面绘制完成后进行横断面数据分析进行图表展示
			async selectRow (e) {
			console.log(e)
			// const dataSeries = e.data.pointInterval
			// 3. 使用刚指定的配置项和数据，显示图表
			const option = {
			xAxis: {
			@@ -897,10 +931,11 @@
			},
			series: [{
			data: [820, 932, 901, 934, 1290, 1330, 1320],
			// data: dataSeries,
			type: 'line'
			}]
			}
			// this.myChartShow = true
			this.myChartShow = true
			this.myChart.setOption(option)
			},
			// 横断面清除
			@@ -915,6 +950,31 @@
			</script>

			<style lang="less" scoped>
			/***滚动条*/
			.dddddd{
			.el-table__fixed-right-patch{
			display: none;
			}
			}
			.dddddd::-webkit-scrollbar {
			/滚动条整体样式/
			width: 10px; /高宽分别对应横竖滚动条的尺寸/
			height: 10px;
			}

			.dddddd::-webkit-scrollbar-thumb {
			/滚动条里面小方块/
			border-radius: 10px;
			background: #000;
			}

			.dddddd::-webkit-scrollbar-track {
			/滚动条里面轨道/
			box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			background: @background-color;
			border-radius: 10px;
			}

			///deep/ .el-table__row:hover > td {
			// background: none !important;
			//}