| | |
| | | label="终点编号"></el-table-column> |
| | | <el-table-column class-name="fixed-table" fixed="right" label="操作" width="40"> |
| | | <template slot-scope="scope"> |
| | | <el-button @click="linkResultSelect(scope.row)" type="text" size="small">定位</el-button> |
| | | <el-button @click.once="linkResultSelect(scope.row)" type="text" size="small">定位</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | // 清除功能 |
| | | handleClick () { |
| | | window.mapManager.clearHighlight() |
| | | this.clearLinkPipe() |
| | | this.linkClear() |
| | | this.bgFm = [] |
| | | this.bgPipeLine = [] |
| | | }, |
| | | linkClear () { |
| | | if (this.currentSelectStartLine != null) { |
| | | this.currentSelectStartLine.remove() |
| | | this.currentSelectStartLine = null |
| | |
| | | } |
| | | // 根据参数请求接口数据 |
| | | const res = await mapApi.findPipelineByClickPoint(param) |
| | | console.log(res) |
| | | // console.log(res) |
| | | this.bgPipeLine = res.data |
| | | }, |
| | | // 清楚分析结果 |
| | | // 爆管 ===> 选择管段 |
| | | bgClick () { |
| | | this.selectPipeLine() |
| | | }, |
| | | // 清除结果 |
| | | clearLinkPipe () { |
| | | if (this.linkPipeline.length > 0) { |
| | | this.linkPipeline.forEach((itm, idx) => { |
| | |
| | | this.currentSelectEndLine = null |
| | | } |
| | | }, |
| | | // 爆管 ===> 选择管段 |
| | | bgClick () { |
| | | this.selectPipeLine() |
| | | }, |
| | | // 点击选择事件 |
| | | async bgSelect (e) { |
| | | // console.log('选择爆管管段') |
| | | // console.log(e) |
| | |
| | | } |
| | | res.data.reverse() |
| | | this.bgFm = res.data |
| | | // console.log(res.data) |
| | | |
| | | this.bgPoint = res.data[0].startControlPoint |
| | | |
| | | // const point = JSON.parse(this.bgPoint.geomText) |
| | | // const p = [point.coordinates[1], point.coordinates[0]] |
| | | // this.bgMarker = this.createFlowMarker(p) |
| | | // this.bgMarker = pulseEffect(p) |
| | | // this.bgMarker.bindTooltip(this.bgPoint.pointnumbe) |
| | | // this.bgMarker.addTo(window.map) |
| | | // window.map.flyTo(p) |
| | | |
| | | const linkPipe = [] |
| | | res.data.forEach((itm, idx) => { |
| | |
| | | this.linkPipeline.push(line) |
| | | }) |
| | | }, |
| | | // 点击定位 所在行列表 功能 |
| | | bgFmClick (e) { |
| | | // console.log('点击影响的阀门') |
| | | // console.log(e) |
| | | // const point = [e.data[0][0], e.data[0][1]] |
| | | console.log(e) |
| | | // window.map.flyTo(point, 22) |
| | | const point = [e.startControlPoint.y, e.startControlPoint.x] |
| | | pulseEffect(point) |
| | | // const marker = this.createFlowMarker(point) |
| | | // marker.addTo(window.map) |
| | | // window.map.flyTo(point, 17) |
| | | }, |
| | | // 定位方法事件 |
| | | linkResultSelect (e) { |
| | | // console.log('连通性分析结果列表点击') |
| | | console.log(e) |
| | | // console.log(e) |
| | | const geom = JSON.parse(e.geomText) |
| | | if (this.currentSelectResultLine != null) { |
| | | this.currentSelectResultLine.remove() |