From d0391dba3708d3f32bcd94e1881d1b598a0d9ef0 Mon Sep 17 00:00:00 2001
From: zhangshuaibao <15731629597@163.com>
Date: 星期四, 15 四月 2021 17:21:10 +0800
Subject: [PATCH] 修改图表问题
---
src/components/BaseNav/PublicBounced/common/echarts/EChartsWasteWaterTable.vue | 333 ++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 252 insertions(+), 81 deletions(-)
diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsWasteWaterTable.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsWasteWaterTable.vue
index 3fa7022..0423201 100644
--- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsWasteWaterTable.vue
+++ b/src/components/BaseNav/PublicBounced/common/echarts/EChartsWasteWaterTable.vue
@@ -6,58 +6,117 @@
<!-- </el-table-column>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
+ <div style="width: 5.9rem">
<el-table
:data="tableData"
+ max-height="255px"
style="width: 100%;height: 100%">
<el-table-column
- prop="tableData.LabMonTime"
+ prop="date"
+ width="130"
label="妫�娴嬫椂闂�">
+ </el-table-column>
+ <el-table-column
+ label="BOD5">
+ <el-table-column
+ prop="codWatch"
+ label="鐩戞祴鍊�">
+ </el-table-column>
+ <el-table-column
+ prop="codTime"
+ label="鏍囧噯鍊�">
+ </el-table-column>
</el-table-column>
<el-table-column
label="COD">
<el-table-column
- prop="tableData.MonItemId"
+ prop="phWatch"
label="鐩戞祴鍊�">
</el-table-column>
<el-table-column
- prop="tableData.LabMonTime"
+ prop="codTime"
label="鏍囧噯鍊�">
</el-table-column>
</el-table-column>
<el-table-column
label="PH">
<el-table-column
- prop="tableData.MonItemId"
+ prop="bod5Watch"
label="鐩戞祴鍊�">
</el-table-column>
<el-table-column
- prop="tableData.LabMonTime"
- label="鏍囧噯鍊�">
- </el-table-column>
- </el-table-column>
- <el-table-column
- label="BOD5">
- <el-table-column
- prop="tableData.MonItemId"
- label="鐩戞祴鍊�">
- </el-table-column>
- <el-table-column
- prop="tableData.LabMonTime"
+ prop="bod5Time"
label="鏍囧噯鍊�">
</el-table-column>
</el-table-column>
<el-table-column
label="姘ㄦ爱">
<el-table-column
- prop="tableData.MonItemId"
+ prop="adWatch"
label="鐩戞祴鍊�">
</el-table-column>
<el-table-column
- prop="tableData.LabMonTime"
+ prop="adTime"
label="鏍囧噯鍊�">
</el-table-column>
</el-table-column>
+ <el-table-column
+ label="鎸ュ彂閰�">
+ <el-table-column
+ prop="adWatch"
+ label="鐩戞祴鍊�">
+ </el-table-column>
+ <el-table-column
+ prop="adTime"
+ label="鏍囧噯鍊�">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="姘熺瀛�">
+ <el-table-column
+ prop="adWatch"
+ label="鐩戞祴鍊�">
+ </el-table-column>
+ <el-table-column
+ prop="adTime"
+ label="鏍囧噯鍊�">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="纭寲鐗�">
+ <el-table-column
+ prop="adWatch"
+ label="鐩戞祴鍊�">
+ </el-table-column>
+ <el-table-column
+ prop="adTime"
+ label="鏍囧噯鍊�">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="鐭虫补绫�">
+ <el-table-column
+ prop="adWatch"
+ label="鐩戞祴鍊�">
+ </el-table-column>
+ <el-table-column
+ prop="adTime"
+ label="鏍囧噯鍊�">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="鎮诞鐗�">
+ <el-table-column
+ prop="adWatch"
+ label="鐩戞祴鍊�">
+ </el-table-column>
+ <el-table-column
+ prop="adTime"
+ label="鏍囧噯鍊�">
+ </el-table-column>
+ </el-table-column>
</el-table>
+ </div>
</template>
<script>
@@ -65,76 +124,188 @@
name: 'EChartsTable',
data () {
return {
- // tableLabel: [
- // {
- // label: '妫�娴嬫椂闂�',
- // prop: 'StoragePlaceId'
- // },
- // {
- // label: '浜屾哀鍖栫～',
- // prop: [
- // {
- // label: '鐩戞祴鍊�',
- // NOMonitor: ''
- // },
- // {
- // label: '鏍囧噯鍊�',
- // NOtandard: ''
- // }]
- // },
- // {
- // label: '姘哀鍖栫墿',
- // prop: [
- // {
- // label: '鐩戞祴鍊�',
- // NOMonitor: ''
- // },
- // {
- // label: '鏍囧噯鍊�',
- // NOtandard: ''
- // }]
- // },
- // {
- // label: '鐑熷皹',
- // prop: [
- // {
- // label: '鐩戞祴鍊�',
- // NOMonitor: ''
- // },
- // {
- // label: '鏍囧噯鍊�',
- // NOtandard: ''
- // }]
- // },
- // {
- // label: '榛戝害',
- // prop: [
- // {
- // label: '鐩戞祴鍊�',
- // NOMonitor: ''
- // },
- // {
- // label: '鏍囧噯鍊�',
- // NOtandard: ''
- // }]
- // }
- // ],
- tableData: []
+ tableData: [{
+ date: '2016-05-03 12:00:00',
+ codWatch: '7.23',
+ codTime: '-',
+ phWatch: '0.43',
+ phTime: '9.21',
+ bod5Watch: '7.12',
+ bod5Time: '-',
+ adWatch: '0.23',
+ adTime: '-'
+ },
+ {
+ date: '2016-05-03 12:00:15',
+ codWatch: '-',
+ codTime: '5.32',
+ phWatch: '-',
+ phTime: '0.23',
+ bod5Watch: '1',
+ bod5Time: '9.88',
+ adWatch: '1.76',
+ adTime: '-'
+ },
+ {
+ date: '2016-05-03 12:00:30',
+ codWatch: '-',
+ codTime: '0.92',
+ phWatch: '-',
+ phTime: '8.71',
+ bod5Watch: '0.72',
+ bod5Time: '-',
+ adWatch: '6.23',
+ adTime: '0.86'
+ },
+ {
+ date: '2016-05-03 12:01:15',
+ codWatch: '10.22',
+ codTime: '-',
+ phWatch: '-',
+ phTime: '0.92',
+ bod5Watch: '0.82',
+ bod5Time: '-',
+ adWatch: '23.82',
+ adTime: '-'
+ },
+ {
+ date: '2016-05-03 12:01:30',
+ codWatch: '0.31',
+ codTime: '-',
+ phWatch: '-',
+ phTime: '6.12',
+ bod5Watch: '0.31',
+ bod5Time: '-',
+ adWatch: '0.21',
+ adTime: '-'
+ },
+ {
+ date: '2016-05-03 12:02:15',
+ codWatch: '9.22',
+ codTime: '-',
+ phWatch: '-',
+ phTime: '-',
+ bod5Watch: '-',
+ bod5Time: '0.72',
+ adWatch: '-',
+ adTime: '17.23'
+ },
+ {
+ date: '2016-05-03 12:02:30',
+ codWatch: '-',
+ codTime: '-',
+ phWatch: '0.83',
+ phTime: '-',
+ bod5Watch: '23.22',
+ bod5Time: '-',
+ adWatch: '-',
+ adTime: '-'
+ },
+ {
+ date: '2016-05-03 12:03:15',
+ codWatch: '8.74',
+ codTime: '-',
+ phWatch: '-',
+ phTime: '13.22',
+ bod5Watch: '-',
+ bod5Time: '0.23',
+ adWatch: '-',
+ adTime: '-'
+ },
+ {
+ date: '2016-05-03 12:03:30',
+ codWatch: '0.82',
+ codTime: '-',
+ phWatch: '-',
+ phTime: '-',
+ bod5Watch: '-',
+ bod5Time: '32.42',
+ adWatch: '-',
+ adTime: '0.88'
+ },
+ {
+ date: '2016-05-03 12:04:15',
+ codWatch: '-',
+ codTime: '-',
+ phWatch: '0.71',
+ phTime: '-',
+ bod5Watch: '-',
+ bod5Time: '15.83',
+ adWatch: '-',
+ adTime: '24.82'
+ },
+ {
+ date: '2016-05-03 12:04:30',
+ codWatch: '-',
+ codTime: '19.65',
+ phWatch: '29.22',
+ phTime: '-',
+ bod5Watch: '0.98',
+ bod5Time: '-',
+ adWatch: '-',
+ adTime: '-'
+ },
+ {
+ date: '2016-05-03 12:05:15',
+ codWatch: '19.32',
+ codTime: '-',
+ phWatch: '-',
+ phTime: '-',
+ bod5Watch: '-',
+ bod5Time: '12.21',
+ adWatch: '-',
+ adTime: '-'
+ },
+ {
+ date: '2016-05-03 12:05:30',
+ codWatch: '10.53',
+ codTime: '-',
+ phWatch: '-',
+ phTime: '-',
+ bod5Watch: '-',
+ bod5Time: '23.71',
+ adWatch: '-',
+ adTime: '10.55'
+ },
+ {
+ date: '2016-05-03 12:06:15',
+ codWatch: '31.63',
+ codTime: '-',
+ phWatch: '-',
+ phTime: '-',
+ bod5Watch: '-',
+ bod5Time: '0.56',
+ adWatch: '-',
+ adTime: '-'
+ },
+ {
+ date: '2016-05-03 12:06:30',
+ codWatch: '19.53',
+ codTime: '-',
+ phWatch: '-',
+ phTime: '-',
+ bod5Watch: '-',
+ bod5Time: '0.28',
+ adWatch: '-',
+ adTime: '0.75'
+ }]
}
},
created () {
- this.$nextTick(() => {
- this.$attrs.ManualData.forEach(item => {
- this.tableData = [...item]
- })
- this.tableData.LabMonTime = 100
- console.log(this.tableData)
- })
+ // this.$nextTick(() => {
+ // this.$attrs.ManualData.forEach(item => {
+ // this.tableData = [...item]
+ // })
+ // this.tableData.LabMonTime = 100
+ // console.log(this.tableData)
+ // })
}
}
</script>
<style scoped>
-
+.el-table--border::after, .el-table--group::after, .el-table::before{
+ background: none;
+}
</style>
--
Gitblit v1.8.0