mt-fe-group/dezhou-screen
8
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
Show Stats 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%">
<table class="table-1 flex-1">
<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>
@ -13,11 +14,12 @@
</tr>
</thead>
<tbody>
<tr
<!-- <tr
v-for="(row, index) in tableData1"
:key="index"
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>
</tr>
</tbody>
@ -26,7 +28,7 @@
<div class="vertical-line"></div>
<table class="table-2 flex-1">
<thead>
<tr style="font-size: 8px; background: #044a84; opacity: 19%">
<tr>
<th>序号</th>
<th>设备名称</th>
<th>运行频率</th>
@ -34,11 +36,7 @@
</tr>
</thead>
<tbody>
<tr
v-for="(row, index) in tableData1"
:key="index"
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>
</tr>
</tbody>
@ -104,4 +102,46 @@ export default {
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>