派生自 wuyushui/SewerAndRainNetwork
src/components/panel/topicSearch/SewersSelect/SewersAnalysis.vue
@@ -1,7 +1,7 @@ <template> <div class="sewers-analysis-tab"> <!-- <transition name="el-fade-in-linear">--> <!-- <el-card>--> <!--<transition name="el-fade-in-linear">--> <!--<el-card>--> <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick"> <el-tab-pane label="连通性" name="first"> <el-button type="primary" @click="linkClickStart" size="mini" style="margin-bottom: 5px;" @@ -20,8 +20,9 @@ <!-- <el-card shadow="hover">--> <span class="fixed-style">起始管段</span> <el-table class="tableBox" :data="tableDataLinkStart" max-height="200" max-height="100" @row-click="linkSelectStart" style="width: 100%" size="mini"> <el-table-column @@ -53,7 +54,6 @@ </el-table-column> <el-table-column class-name="fixed-table" fixed="right" label="操作" > <template slot-scope="scope"> @@ -63,6 +63,7 @@ </el-table> <span class="fixed-style">结束管段</span> <el-table class="tableBox" height="100" max-height="200" highlight-current-row @@ -98,7 +99,7 @@ </el-table-column> <el-table-column class-name="fixed-table" fixed="right" label="操作" > <template slot-scope="scope"> @@ -106,8 +107,9 @@ </template> </el-table-column> </el-table> <span class="fixed-style">分析结果:<span style="color: red;">{{ currentLinkIsTrue }}</span></span> <span class="fixed-style">分析结果:<span style="color: red;margin-left: 15px">{{ currentLinkIsTrue }}</span></span> <el-table class="tableBox" highlight-current-row max-height="200" :data="tableDataLinkResult" @@ -115,11 +117,12 @@ style="width: 100%" size="mini"> <el-table-column prop="lineloopna" prop="material" label="管线类型" > </el-table-column> <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="pipecode" @@ -129,20 +132,20 @@ <el-table-column sortable width="100" prop="startpoint" prop="material" label="起点编号" > </el-table-column> <el-table-column sortable width="100" prop="endpointnu" prop="material" label="终点编号" > </el-table-column> <el-table-column class-name="fixed-table" fixed="right" label="操作" > <template slot-scope="scope"> @@ -151,8 +154,8 @@ </el-table-column> </el-table> <!-- </el-card>--> <!-- </el-scrollbar>--> <!--</el-card>--> <!--</el-scrollbar>--> </el-tab-pane> <el-tab-pane label="爆管" style=";color: #cccccc" name="second"> <el-row> @@ -166,16 +169,20 @@ <!-- <el-card shadow="hover">--> <span class="fixed-style">发生爆裂的管段</span> <el-table max-height="200" class="tableBox" ref="singleTable" highlight-current-row :data="bgPipeLine" style="width: 100%" 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" @@ -183,6 +190,7 @@ > </el-table-column> <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="pipecode" @@ -190,6 +198,7 @@ > </el-table-column> <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="pipecode" @@ -198,7 +207,7 @@ </el-table-column> <el-table-column class-name="fixed-table" fixed="right" label="操作" > <template slot-scope="scope"> @@ -208,17 +217,21 @@ </el-table> <span class="fixed-style">需要关闭的阀门</span> <el-table class="tableBox" highlight-current-row max-height="200" :data="bgFm" @row-click="bgFmClick" style="width: 100%" size="mini"> <el-table-column :show-overflow-tooltip="true" prop="lineloopna" label="管线类型" > </el-table-column> <el-table-column sortable :show-overflow-tooltip="true" width="100" prop="pipecode" label="管线名称" @@ -226,12 +239,14 @@ </el-table-column> <el-table-column sortable :show-overflow-tooltip="true" width="100" prop="startpoint" label="起点编号" > </el-table-column> <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="endpointnu" @@ -241,7 +256,7 @@ <el-table-column class-name="fixed-table" fixed="right" label="操作" > <template slot-scope="scope"> @@ -257,13 +272,17 @@ 选择管段 </el-button> <el-table max-height="200" class="tableBox" :data="tableDataLiuxiang" size="mini"> <el-table-column prop="lineloopna" :show-overflow-tooltip="true" prop="pipecode" label="管线类型" > </el-table-column> <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="pipecode" @@ -271,22 +290,23 @@ > </el-table-column> <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="startpoint" prop="pipecode" label="起点编号" > </el-table-column> <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="endpointnu" prop="pipecode" label="终点编号" > </el-table-column> <el-table-column class-name="fixed-table" fixed="right" label="操作" width="100" > @@ -297,6 +317,7 @@ </el-table> <span class="fixed-style">分析结果</span> <el-table class="tableBox" highlight-current-row max-height="200" :data="lxTableDataResult" @@ -304,11 +325,13 @@ style="width: 100%" size="mini"> <el-table-column prop="lineloopna" :show-overflow-tooltip="true" prop="pipecode" label="管线类型" > </el-table-column> <el-table-column :show-overflow-tooltip="true" width="100" sortable prop="pipecode" @@ -316,22 +339,23 @@ > </el-table-column> <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="startpoint" prop="pipecode" label="起点编号" > </el-table-column> <el-table-column :show-overflow-tooltip="true" sortable width="100" prop="endpointnu" prop="pipecode" label="终点编号" > </el-table-column> <el-table-column class-name="fixed-table" fixed="right" label="操作" > <template slot-scope="scope"> @@ -354,7 +378,9 @@ <span>管线查询结果</span> </div> <el-table class="tableBox" :data="tableData" max-height="200" style="width: 100%" @row-click="selectRow" size="mini"> <el-table-column prop="pipename" @@ -368,7 +394,7 @@ </el-table-column> <el-table-column class-name="fixed-table" fixed="right" label="图表查看" > <template slot-scope="scope"> @@ -386,8 +412,8 @@ </el-card> </el-tab-pane> </el-tabs> <!-- </el-card>--> <!-- </transition>--> <!--</el-card>--> <!--</transition>--> </div> </template> @@ -473,6 +499,7 @@ this.tableDataLinkStart = [] this.tableDataLinkEnd = [] this.tableDataLinkResult = [] this.lxTableDataResult = [] }, // 流向地图上点击 @@ -655,8 +682,8 @@ weight: 6 } } }).addTo(this.map) this.map.panInsideBounds(this.currentSelectResultLine.getBounds()) }).addTo(window.map) window.map.panInsideBounds(this.currentSelectResultLine.getBounds()) }, // 连通性的清除功能 linkClear () { @@ -766,8 +793,8 @@ // 流向分析结果table列表数据点击 lxResultSelect (e) { console.log('连通性分析结果列表点击') console.log(e) // console.log('连通性分析结果列表点击') // console.log(e) const geom = JSON.parse(e.geomText) if (this.currentSelectResultLine != null) { @@ -917,11 +944,12 @@ // 横断面绘制完成后 进行横断面数据分析 进行图表展示 async selectRow (e) { console.log(e) // const dataSeries = e.data.pointInterval // option 数据处理 const dataSeries = e.data.pointInterval // 3. 使用刚指定的配置项和数据，显示图表 const option = { xAxis: { type: 'category', // data: ['井1', '井2', '井3', '井4', '井5', '井6', '井7'] data: ['井1', '井2', '井3', '井4', '井5', '井6', '井7'] }, yAxis: { @@ -948,17 +976,31 @@ </script> <style lang="less" scoped> ///deep/ .el-table__row:hover > td { // background: none !important; //} // ///deep/ .el-table__row--striped:hover > td { // background: none !important; //} /*****滚动条***/ /deep/ .tableBox { .el-table__fixed-right-patch { display: none; } } ///deep/ .el-table__row.hover-row { // background: rgba(0, 16, 30, 0.9) !important //} /deep/ .tableBox::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 10px; } /deep/ .tableBox::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; background: #000; } /deep/ .tableBox::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: @background-color; border-radius: 10px; } /deep/ .el-table .has-gutter tr th { border: none !important;
