mt-fe-group/dezhou-screen
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update 风机运行情况

Browse Source
This commit is contained in:
lb
2023-05-09 17:18:11 +08:00
parent 3224e34f79
commit b6b317363c
1 changed files with 49 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/components/boxes/FanRuntime.vue
View File

@@ -5,7 +5,8 @@
<div class="tables flex" style="height: 100%"> <div class="tables flex" style="height: 100%">
<table class="table-1 flex-1"> <table class="table-1 flex-1">
<thead> <thead>
<tr style="font-size: 8px; background: #044a84; opacity: 19%"> <!-- <tr style="font-size: 8px; background: #044a84; opacity: 19%"> -->
<tr>
<th>序号</th> <th>序号</th>
<th>设备名称</th> <th>设备名称</th>
<th>运行频率</th> <th>运行频率</th>
@@ -13,11 +14,12 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr <!-- <tr
v-for="(row, index) in tableData1" v-for="(row, index) in tableData1"
:key="index" :key="index"
style="font-size: 7px; background: #0b5499; opacity: 35%" style="font-size: 7px; background: #0b5499; opacity: 35%"
> > -->
<tr v-for="(row, index) in tableData1" :key="index">
<td v-for="(d, idx) in row" :key="idx">{{ d }}</td> <td v-for="(d, idx) in row" :key="idx">{{ d }}</td>
</tr> </tr>
</tbody> </tbody>
@@ -26,7 +28,7 @@
<div class="vertical-line"></div> <div class="vertical-line"></div>
<table class="table-2 flex-1"> <table class="table-2 flex-1">
<thead> <thead>
<tr style="font-size: 8px; background: #044a84; opacity: 19%"> <tr>
<th>序号</th> <th>序号</th>
<th>设备名称</th> <th>设备名称</th>
<th>运行频率</th> <th>运行频率</th>
@@ -34,11 +36,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr <tr v-for="(row, index) in tableData1" :key="index">
v-for="(row, index) in tableData1"
:key="index"
style="font-size: 7px; background: #0b5499; opacity: 35%"
>
<td v-for="(d, idx) in row" :key="idx">{{ d }}</td> <td v-for="(d, idx) in row" :key="idx">{{ d }}</td>
</tr> </tr>
</tbody> </tbody>
@@ -104,4 +102,46 @@ export default {
transparent transparent
); );
} }
table {
border-spacing: 1px;
}
thead > tr th {
font-size: 8px;
padding: 1px 3px;
font-weight: 400;
background: #044a8446;
}
tbody > tr:nth-child(odd) {
background: #0b549960;
}
tbody > tr td {
font-size: 7px;
padding: 1px 6px;
font-weight: 400;
background: inherit;
}
tbody > tr td:first-child {
text-align: center;
}
tbody > tr td:last-child {
color: blue;
}
tbody > tr td:last-child.danger {
color: red;
}
tbody > tr td:last-child.safe {
color: green;
}
tbody > tr td:last-child.warn {
color: orange;
}
tbody > tr td:last-child.info {
color: gray;
}
</style> </style>