From b6b317363c792c3f714f6112746aa001c751ea1f Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@qq.com>
Date: Tue, 9 May 2023 17:18:11 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E9=A3=8E=E6=9C=BA=E8=BF=90=E8=A1=8C?=
 =?UTF-8?q?=E6=83=85=E5=86=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/boxes/FanRuntime.vue | 58 ++++++++++++++++++++++++-----
 1 file changed, 49 insertions(+), 9 deletions(-)

diff --git a/src/components/boxes/FanRuntime.vue b/src/components/boxes/FanRuntime.vue
index e0f5d5a..54695de 100644
--- a/src/components/boxes/FanRuntime.vue
+++ b/src/components/boxes/FanRuntime.vue
@@ -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>