| | |
| | | <el-tab-pane label="爆管" style="color: #cccccc" name="second"> |
| | | <el-row> |
| | | <span>爆管(相关开关)</span> |
| | | <el-button type="primary" @click="bgClick" size="mini" style="margin-bottom: 5px;" title="地图上点击选择发生爆管的管段">选择管段</el-button> |
| | | <el-button type="primary" @click="handleClick" size="mini" style="margin-bottom: 5px;" title="清除绘制">清除</el-button> |
| | | <el-button type="primary" @click="bgClick" size="mini" title="地图上点击选择发生爆管的管段">选择管段</el-button> |
| | | <el-button type="primary" @click="handleClick" size="mini" title="清除绘制">清除</el-button> |
| | | </el-row> |
| | | <!-- <el-card shadow="hover">--> |
| | | <span class="fixed-style">发生爆裂的管段</span> |
| | |
| | | <!-- </el-card>--> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="流向" name="third"> |
| | | <el-button type="primary" @click="selectPipeLine" size="mini" style="margin-bottom: 5px;" title="地图上点击要显示流向的管段">选择管段</el-button> |
| | | <el-table max-height="200" class="tableBox" :data="tableDataLiuxiang" size="mini"> |
| | | <el-button type="primary" @click="selectPipeLine" size="mini" highlight-current-row title="地图上点击要显示流向的管段">选择管段</el-button> |
| | | <el-table max-height="200" class="tableBox" highlight-current-row :data="tableDataLiuxiang" size="mini"> |
| | | <el-table-column :show-overflow-tooltip="true" prop="pipecode" label="管段类型"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="pipecode" label="管段名称"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="pipecode" label="起点编号"></el-table-column> |
| | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="横断面" name="fourth"> |
| | | <div> |
| | | <el-button type="primary" @click="drawLine" size="mini" style="margin-bottom: 5px;" title="地图上绘制要进行分析截断面的线">绘制线段</el-button> |
| | | <el-button type="primary" @click="jdmQuery" size="mini" style="margin-bottom: 5px;" title="截断面分析">截断面分析</el-button> |
| | | <el-button type="primary" @click="jdmClear" size="mini" style="margin-bottom: 5px;" title="清除截断面分析结果">清除</el-button> |
| | | <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-card class="box-card">--> |
| | | <!-- <el-card class="box-card">--> |
| | | <div slot="header" class="fixed-style"> |
| | | <span>管段查询结果</span> |
| | | </div> |
| | | <el-table class="tableBox" :data="tableData" max-height="200" style="width: 100%" @row-click="selectRow" size="mini"> |
| | | <el-table class="tableBox" :data="tableData" 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> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- </el-card>--> |
| | | <!-- </el-card>--> |
| | | <!-- <el-card class="box-card"> |
| | | <div slot="header" class="fixed-style"> |
| | | <span>断面图</span> |
| | |
| | | |
| | | myChart: null, |
| | | options: [], |
| | | echartsList: [], |
| | | myChartShow: false, |
| | | |
| | | flowPipeLine: null, |
| | | |
| | | // 用于判断 |
| | |
| | | lxTableDataResult: [], |
| | | |
| | | // 横断面 管段查询结果 的table表格数据 |
| | | tableData: [], |
| | | |
| | | echartsList: [] |
| | | tableData: [] |
| | | |
| | | } |
| | | }, |
| | |
| | | methods: { |
| | | // tab切换 |
| | | handleClick (tab, event) { |
| | | // console.log(tab, event) |
| | | console.log(event) |
| | | // console.log(tab) |
| | | this.clearLinkPipe() |
| | | this.clearLX() |
| | | this.linkClear() |
| | |
| | | |
| | | // 连通性 ===> 地图点击起始管段e |
| | | linkClickStart (e) { |
| | | // console.log(e) |
| | | // console.log('地图点击起始管段') |
| | | this.linkType = 1 |
| | | this.selectPipeLine() |
| | |
| | | // 判断数据结果 === 0 则没有请求到数据 |
| | | if (res.data.length === 0) { |
| | | this.$message('没有找到连通的管段') |
| | | // 进行判断 |
| | | // if (this.tableDataLinkStart === [] && this.tableDataLinkEnd === []) { |
| | | this.currentLinkIsTrue = '不连通' |
| | | // } |
| | |
| | | }, |
| | | // 横断面数据请求 |
| | | async jdmQuery () { |
| | | this.tableData = [] |
| | | if (this.hdmParam == null) { |
| | | this.$message('请先在地图上绘制截断线') |
| | | return false |
| | |
| | | } |
| | | this.tableData.push(obj) |
| | | } |
| | | // console.log(this.tableData, 'this.tableData') |
| | | this.dealWithData(res) |
| | | }, |
| | | dealWithData (e) { |
| | |
| | | |
| | | /deep/ .el-table__body .el-table__row.hover-row td { |
| | | background: none !important; |
| | | color:yellow; |
| | | } |
| | | |
| | | /deep/ .el-table__body tr.current-row > td { |