This commit is contained in:
lll 2023-11-22 18:34:13 +08:00
parent 6638ddac2f
commit 3df01033d5
3 changed files with 36 additions and 19 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -162,7 +162,11 @@
<div>垃圾处理站排放物监测</div>
<div>一层</div>
<div>
<el-table :data="tableData" style="width: 100%">
<el-table
:data="tableData"
style="width: 100%"
header-cell-style="background-color: #1969A8; color: white"
>
<el-table-column prop="date1" label="监测点1" align="center">
</el-table-column>
<el-table-column prop="date2" label="监测点2" align="center">
@ -219,6 +223,7 @@
:data="plan"
style="width: 100%"
:row-class-name="tableRowClassName"
header-cell-style="background-color: #1969A8; color: white"
>
<el-table-column prop="date1" label="计划名称" align="center">
</el-table-column>
@ -255,6 +260,7 @@
:data="list"
style="width: 100%"
:row-class-name="tableRowClassName"
header-cell-style="background-color: #1969A8; color: white"
>
<el-table-column prop="date1" label="发生时间" align="center">
</el-table-column>
@ -402,6 +408,9 @@ export default {
},
yAxis: {
type: "value",
min: 0,
max: 0.15,
interval: 0.05, //
axisLabel: {
show: true,
textStyle: {
@ -423,8 +432,32 @@ export default {
type: "bar",
data: [0.08, 0.08, 0.06, 0.12, 0.09],
},
// {
// type: "bar",
// data: data.map((item) => {
// //
// let max = Math.max(item.value1, item.value2, item.value3);
// return {
// name: item.name,
// value: max,
// };
// }),
// // itemStyle: {
// // colorStops: [
// // {
// // offset: 0,
// // color: "#192060", // 0%
// // },
// // {
// // offset: 0.9,
// // color: "#2D6E38", // 90%
// // },
// // ],
// // },
// },
{
name: "预警",
type: "bar",
data: [0.06, 0.07, 0.03, 0.06, 0.04],
},
@ -688,27 +721,11 @@ export default {
.el-table__row--selected {
background-color: transparent !important;
}
//
/deep/.el-table tr {
background: #16253b;
color: #fff;
font-size: 30px;
height: 50px;
.cell {
line-height: 50px;
}
}
// eltablehover
::v-deep .el-table tbody tr:hover > td {
background-color: #102b49 !important;
}
//
::v-deep .has-gutter {
background-color: #102b49;
th {
background-color: #102b49;
}
}
//线
::v-deep .el-table__row > td {
@ -871,7 +888,7 @@ export default {
::v-deep .el-table tbody tr:hover > td {
background-color: #0b679e !important;
}
//
//s
::v-deep .has-gutter {
background-color: #1969a8;
th {