| | |
| | | <!-- <el-scrollbar style="height:450px">--> |
| | | <!-- <el-card shadow="hover">--> |
| | | <span class="fixed-style">起始管段</span> |
| | | <el-table class="tableBox" height="100" max-height="200" :data="tableDataLinkStart" @row-click="linkSelectStart" highlight-current-row style="width: 100%" size="mini"> |
| | | <el-table class="tableBox" height="100" max-height="200" :data="tableDataLinkStart" highlight-current-row style="width: 100%" size="mini"> |
| | | <el-table-column prop="datasource" label="管段类型"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="pipecode" label="管段名称"></el-table-column> |
| | | <el-table-column sortable width="100" prop="material" label="起点编号"></el-table-column> |
| | |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="横断面" name="fourth"> |
| | | <div> |
| | | <el-row> |
| | | <el-button type="primary" @click="drawLine" size="mini" title="地图上绘制要进行分析截断面的线">绘制线段</el-button> |
| | | <el-button type="primary" @click="jdmQuery" size="mini" title="截断面分析">截断面分析</el-button> |
| | | <el-button type="primary" @click="jdmClear" size="mini" title="清除截断面分析结果">清除</el-button> |
| | | </div> |
| | | </el-row> |
| | | <!-- <el-card class="box-card">--> |
| | | <div slot="header" class="fixed-style"> |
| | | <span>管段查询结果</span> |
| | | </div> |
| | | <el-table class="tableBox" :data="tableData" max-height="200" highlight-current-row style="width: 100%" @row-click="selectRow" size="mini"> |
| | | <el-table class="tableBox" :data="tableData" height="150" max-height="200" highlight-current-row style="width: 100%" @row-click="selectRow" size="mini"> |
| | | <el-table-column prop="pipename" label="管段名称"></el-table-column> |
| | | <el-table-column prop="mediumtype" label="管段类型" width="80"></el-table-column> |
| | | <el-table-column class-name="fixed-table" fixed="right" label="图表" width="40"> |
| | |
| | | }, |
| | | // 地图上点击回调 |
| | | selectClick (e) { |
| | | console.log(e) |
| | | // console.log(e) |
| | | window.map.off('click', this.selectClick) |
| | | const point = [e.latlng.lng, e.latlng.lat] |
| | | this.getPipeLine(point) |
| | | // if () { |
| | | // // 关闭弹窗 |
| | | // window.layerFactory.clickSwitch = false |
| | | // } else { |
| | | // window.layerFactory.clickSwitch = true |
| | | // } |
| | | }, |
| | | // 点击获取判断数据 |
| | | async getPipeLine (point) { |
| | | const param = { |
| | | x: point[0], |
| | | y: point[1], |
| | | radius: 5 |
| | | radius: 3 |
| | | } |
| | | // 根据参数请求接口数据 |
| | | const res = await mapApi.findPipelineByClickPoint(param) |
| | | console.log(res) |
| | | console.log(res.pipesegcode) |
| | | if (this.activeName === 'first') { |
| | | if (this.linkType === 1) { |
| | | this.tableDataLinkStart = res.data |
| | |
| | | }, |
| | | // 连通性 起始管段 table列表数据 选择数据事件 的点击事件 |
| | | linkSelectStart (e) { |
| | | // console.log(e) |
| | | // console.log('选择起始管段') |
| | | // this.$refs.singleTable.setCurrentRow(e) |
| | | this.currentSelectStart = e |
| | |
| | | }, |
| | | // 连通性 结束管段 table列表数据 选择数据事件 的点击事件 |
| | | linkSelectEnd (e) { |
| | | console.log('选择结束管段') |
| | | // console.log('选择结束管段') |
| | | this.currentSelectEnd = e |
| | | |
| | | // 做判断remove |
| | |
| | | style: function (feature) { |
| | | return { |
| | | weight: 10, |
| | | color: 'rgba(255, 247, 0, 0.6)' |
| | | color: 'rgba(255, 247, 0, 0.7)' |
| | | } |
| | | } |
| | | }).addTo(window.map) |
| | | window.map.panInsideBounds(this.currentSelectEndLine.getBounds()) |
| | | }, |
| | | // 连通性查询 |
| | | // 连通性查询 结果 |
| | | async linkQuery () { |
| | | // 每次查询分析结果为空 |
| | | // 每次查询分析结果制空 |
| | | this.tableDataLinkResult = [] |
| | | if (this.linkPipeline.length > 1) { |
| | | this.linkPipeline.forEach((itm) => { |
| | |
| | | if (res.data.length === 0) { |
| | | this.$message('没有找到连通的管段') |
| | | // 进行判断 |
| | | // if (this.tableDataLinkStart === [] && this.tableDataLinkEnd === []) { |
| | | this.currentLinkIsTrue = '不连通' |
| | | // } |
| | | return |
| | | } |
| | | this.tableDataLinkResult = res.data |