From 13ac96cc81d84fe26f733c96eec4305e8d71b389 Mon Sep 17 00:00:00 2001
From: ChenZeping <chenzeping>
Date: 星期四, 29 四月 2021 18:54:28 +0800
Subject: [PATCH] 管线分析功能
---
src/components/panel/topicSearch/SewersSelect/SewersAnalysis.vue | 43 +++++++++++++++++++++++++++++++++++++++++--
1 files changed, 41 insertions(+), 2 deletions(-)
diff --git a/src/components/panel/topicSearch/SewersSelect/SewersAnalysis.vue b/src/components/panel/topicSearch/SewersSelect/SewersAnalysis.vue
index 74a5ea2..9a8d1f0 100644
--- a/src/components/panel/topicSearch/SewersSelect/SewersAnalysis.vue
+++ b/src/components/panel/topicSearch/SewersSelect/SewersAnalysis.vue
@@ -354,15 +354,17 @@
<span>绠＄嚎鏌ヨ缁撴灉</span>
</div>
<el-table
+ class="dddddd"
:data="tableData"
+ max-height="200"
style="width: 100%" @row-click="selectRow" size="mini">
<el-table-column
- prop="name"
+ prop="pipename"
label="绠＄嚎鍚嶇О"
width="180">
</el-table-column>
<el-table-column
- prop="type"
+ prop="mediumtype"
label="绠＄嚎绫诲瀷"
width="180">
</el-table-column>
@@ -903,10 +905,21 @@
// 宸茬粯鍒剁嚎鍥� 杩涜缁樺埗妯柇闈㈡暟鎹垎鏋�
const res = await mapApi.getCrossSection(this.hdmParam)
console.log(res)
+ const dataPoint = res.data.point
+ console.log(dataPoint)
+ // this.tableData = dataPoint.pipelines.extraData
+ 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)
+ }
},
// 妯柇闈㈢粯鍒跺畬鎴愬悗 杩涜妯柇闈㈡暟鎹垎鏋� 杩涜鍥捐〃灞曠ず
async selectRow (e) {
console.log(e)
+ // const dataSeries = e.data.pointInterval
// 3. 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁锛屾樉绀哄浘琛�
const option = {
xAxis: {
@@ -918,6 +931,7 @@
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
+ // data: dataSeries,
type: 'line'
}]
}
@@ -936,6 +950,31 @@
</script>
<style lang="less" scoped>
+/*****婊氬姩鏉�***/
+.dddddd{
+ .el-table__fixed-right-patch{
+ display: none;
+ }
+}
+.dddddd::-webkit-scrollbar {
+ /*婊氬姩鏉℃暣浣撴牱寮�*/
+ width: 10px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+ height: 10px;
+}
+
+.dddddd::-webkit-scrollbar-thumb {
+ /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
+ border-radius: 10px;
+ background: #000;
+}
+
+.dddddd::-webkit-scrollbar-track {
+ /*婊氬姩鏉￠噷闈㈣建閬�*/
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+ background: @background-color;
+ border-radius: 10px;
+}
+
///deep/ .el-table__row:hover > td {
// background: none !important;
//}
--
Gitblit v1.8.0