| | |
| | | <Flow></Flow> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="横断面" name="fourth"> |
| | | <!-- <CrossSectional></CrossSectional>--> |
| | | <el-row> |
| | | <el-button type="primary" @click="drawLine" size="mini" title="地图上绘制要进行分析截断面的线">绘制线段</el-button> |
| | | <el-button type="primary" @click="jdmQuery" size="mini" title="截断面分析">截断面分析</el-button> |
| | |
| | | </div> |
| | | <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"> |
| | | <template slot-scope="scope"> |
| | | <el-button @click="selectRow(scope.row)" type="text" size="small">查看</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="mediumtype" label="介质类型" :show-overflow-tooltip="true"></el-table-column> |
| | | <el-table-column prop="x" label="断面(经度)" :show-overflow-tooltip="true" width="80"></el-table-column> |
| | | <el-table-column prop="y" label="断面(纬度)" :show-overflow-tooltip="true" width="80"></el-table-column> |
| | | <el-table-column prop="z" label="断面(高程)" :show-overflow-tooltip="true" width="80"></el-table-column> |
| | | <el-table-column prop="spacing" label="间距(m)" width="80"></el-table-column> |
| | | <!-- <el-table-column class-name="fixed-table" fixed="right" label="图表" width="40">--> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <el-button @click="selectRow(scope.row)" type="text" size="small">查看</el-button>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | </el-table> |
| | | <!-- </el-card>--> |
| | | <!-- <el-card class="box-card"> |
| | |
| | | import Connectivity from './AnalysisChoose/Connectivity' |
| | | import Tube from './AnalysisChoose/Tube' |
| | | import Flow from './AnalysisChoose/Flow' |
| | | // import CrossSectional from './AnalysisChoose/CrossSectional' |
| | | |
| | | export default { |
| | | name: 'SewersAnalysis', |
| | |
| | | Connectivity, |
| | | Tube, |
| | | Flow |
| | | // CrossSectional |
| | | }, |
| | | data () { |
| | | return { |
| | |
| | | lxTableDataResult: [], |
| | | |
| | | // 横断面 管段查询结果 的table表格数据 |
| | | tableData: [] |
| | | tableData: [], |
| | | obj: {} |
| | | |
| | | } |
| | | }, |
| | |
| | | selectPipeLine () { |
| | | window.map.on('click', this.selectClick) |
| | | // 关闭弹窗 |
| | | window.layerFactory.clickSwitch = false |
| | | // window.mapManager.clickDialogSwitch = false |
| | | }, |
| | | // 地图上点击回调 |
| | | selectClick (e) { |
| | |
| | | // 连通性 起始管段 table列表数据 选择数据事件 的点击事件 |
| | | linkSelectStart (e) { |
| | | // console.log(e) |
| | | // console.log('选择起始管段') |
| | | // this.$refs.singleTable.setCurrentRow(e) |
| | | this.currentSelectStart = e |
| | | if (this.currentSelectStartLine != null) { |
| | | this.currentSelectStartLine.remove() |
| | |
| | | } |
| | | // 已绘制线图 进行绘制横断面数据分析 |
| | | const res = await mapApi.getCrossSection(this.hdmParam) |
| | | console.log(res) |
| | | const dataPoint = res.data.point |
| | | // 存储间距list |
| | | const spacingList = res.data.pointInterval.reverse() |
| | | // console.log(spacingList) |
| | | for (let i = 0; i < dataPoint.length; i++) { |
| | | const obj = { |
| | | pipename: dataPoint[i].pipelines.extraData.pipename, |
| | | mediumtype: dataPoint[i].pipelines.extraData.mediumtype |
| | | mediumtype: dataPoint[i].pipelines.extraData.mediumtype, |
| | | x: parseFloat(dataPoint[i].crossPoint3D.x).toFixed(4), |
| | | y: parseFloat(dataPoint[i].crossPoint3D.y).toFixed(4), |
| | | z: parseFloat(dataPoint[i].crossPoint3D.z).toFixed(4), |
| | | spacing: spacingList[i - 1] |
| | | } |
| | | this.tableData.push(obj) |
| | | } |
| | | // console.log(this.tableData, 'this.tableData') |
| | | // spacingList.reverse() |
| | | // console.log(spacingList) |
| | | // console.log(this.tableData) |
| | | this.dealWithData(res) |
| | | }, |
| | | dealWithData (e) { |