~xingchuan/SewerAndRainNetwork.git

			@@ -1,152 +1,41 @@
			<template>
			<div class="report-location-box">
			<div class="report-location">
			<el-tabs v-model="activeName">
			<el-tab-pane label="点击定位" name="first">
			<div class="click-location">
			<el-row>
			<el-input type="text" v-model="clickLocation" clearable @focus="focusLocation"></el-input>
			</el-row>
			<el-row>
			<el-button type="primary" @click="confirm">确认</el-button>
			</el-row>
			</div>
			</el-tab-pane>
			<el-tab-pane label="管段定位" name="second">
			<ReportLocationSection></ReportLocationSection>
			</el-tab-pane>
			<el-tab-pane label="经纬度定位" name="third">
			<el-row class="place-box">
			<div class="place-left">
			<el-form :model="LongLatPos" label-width="90px">
			<el-form-item label="经度:">
			<el-input v-model="LongLatPos.longPos"></el-input>
			</el-form-item>
			<el-form-item label="纬度:">
			<el-input v-model="LongLatPos.latPos"></el-input>
			</el-form-item>
			</el-form>
			</div>
			<div class="place-right">
			<el-button type="primary" @click="mapPoints">定位</el-button>
			</div>
			</el-row>
			<div class="place-bottom" style="text-align: center;margin: 10px">
			<el-button type="primary" @click="confirm">确认</el-button>
			</div>
			</el-tab-pane>
			</el-tabs>
			</div>
			<el-tabs v-model="activeName">
			<el-tab-pane label="搜索定位" name="first">
			<ReportLocationSearch></ReportLocationSearch>
			</el-tab-pane>
			<el-tab-pane label="管段定位" name="second">
			<ReportLocationSection></ReportLocationSection>
			</el-tab-pane>
			<el-tab-pane label="经纬度定位" name="third">
			<ReportLocationPoint></ReportLocationPoint>
			</el-tab-pane>
			</el-tabs>
			</div>
			</template>

			<script>
			// import eventBus from '../../../../eventBus'

			// 管段定位组件
			import ReportLocationSection from './ReportLocationSection'
			import ReportLocationSearch from './ReportLocationSearch'
			import ReportLocationPoint from './ReportLocationPoint'

			export default {
			name: 'ReportLocation',
			components: {
			ReportLocationSection
			ReportLocationSearch,
			ReportLocationSection,
			ReportLocationPoint
			},
			data () {
			return {
			// active tab切换
			activeName: 'first',
			// 点击定位绑定数据
			clickLocation: '',
			// 经纬度定位
			LongLatPos: {
			longPos: '',
			latPos: ''
			}
			}
			},
			// mounted () {
			// // 接收规定每次重新选择定位都指定选择第一个开始
			// eventBus.$on('tab-change', (obj) => {
			// this.activeName = obj
			// })
			// },
			methods: {
			// 地图上点击
			selectPipeLine () {
			window.map.on('click', this.selectClick)
			// window.mapManager.clickDialogSwitch = false
			},
			// 地图上点击回调
			selectClick (e) {
			window.map.off('click', this.selectClick)
			// const point = [e.latlng.lng, e.latlng.lat]
			const pointX = e.latlng.lng
			const pointY = e.latlng.lat
			this.clickLocation = '\'' + pointX + '\'' + pointY + ''
			this.mapPointResult(e)
			},
			mapPointResult (e) {
			console.log(e)
			this.LongLatPos.longPos = e.latlng.lng
			this.LongLatPos.latPos = e.latlng.lat
			},
			// 获得焦点进行定位
			focusLocation () {
			this.selectPipeLine()
			},
			// 经纬度定位
			mapPoints () {
			this.selectPipeLine()
			},
			// 点击确认按钮事件
			confirm () {
			// 通过子组件向父组件传递数据
			this.$emit('locationClick', this.LongLatPos)
			this.clickLocation = ''
			this.LongLatPos.longPos = ''
			this.LongLatPos.latPos = ''
			activeName: 'first'
			}
			}
			}
			</script>

			<style lang="less" scoped>
			.place-box {
			display: flex;
			align-items: center;
			justify-content: space-around;
			}
			.click-location {
			margin: 0 auto;
			text-align: center;

			.el-input {
			width: 80%;
			margin: 15px auto;
			}

			.el-button {
			margin: 15px auto;
			}
			}
			.place {
			text-align: center;

			.place-top {
			display: flex;
			align-items: center;
			justify-content: space-around;

			.place-right {
			.el-button {
			margin: 15px;
			}
			}
			}

			.place-bottom {
			.el-button {
			/margin: 15px;/
			}
			}
			}
			</style>