| | |
| | | </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 prop="pipename" 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> |
| | |
| | | } |
| | | // 已绘制线图 进行绘制横断面数据分析 |
| | | const res = await mapApi.getCrossSection(this.hdmParam) |
| | | const dataPoint = res.data.point |
| | | 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) |
| | | } |
| | | // console.log(this.tableData, 'this.tableData') |
| | | console.log(res) |
| | | // let obj = {} |
| | | const dataSpacing = res.data.pointInterval |
| | | console.log(dataSpacing) |
| | | // for (let i = 0; i < dataSpacing.length; i++) { |
| | | // obj.push({ |
| | | // spacing: dataSpacing[i] |
| | | // }) |
| | | // console.log(obj) |
| | | // } |
| | | // const dataPoint = res.data.point |
| | | // const dataPointjj = res.data.pointInterval |
| | | // for (let i = 0; i < dataPoint.length; i++) { |
| | | // obj = { |
| | | // pipename: dataPoint[i].pipelines.extraData.pipename, |
| | | // x: dataPoint[i].crossPoint3D.x, |
| | | // y: dataPoint[i].crossPoint3D.y, |
| | | // z: dataPoint[i].crossPoint3D.z |
| | | // } |
| | | // this.tableData.push(obj) |
| | | // } |
| | | // for (let i = 0; i < dataPointjj.length; i++) { |
| | | // obj = { |
| | | // pointInterval: dataPointjj[i] |
| | | // } |
| | | // this.tableData.push(obj) |
| | | // console.log(obj) |
| | | // } |
| | | // console.log(this.tableData) |
| | | this.dealWithData(res) |
| | | }, |
| | | dealWithData (e) { |