From 855bd876e2ee53ee9694938aa4b40219dc01fb4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=B1=BC=E9=AA=A8=E5=89=AA?= <1580622474@qq.com>
Date: Thu, 8 Aug 2024 22:59:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BA=86=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index e63498d..e64df39 100644
--- a/index.html
+++ b/index.html
@@ -47,6 +47,10 @@
             let serverDataContainer = document.getElementById('server-data');
             serverDataContainer.innerHTML = ''; // 清空容器
 
+            let greenDot = '<span style="color: green;"> 空闲</span>';
+            let yellowDot = '<span style="color: orange;"> 占用</span>';
+            let redDot = '<span style="color: red;"> 占用</span>';
+
             for (let key in serverData){
                 let serverCard = document.createElement('div');
                 serverCard.classList.add('card');
@@ -61,7 +65,16 @@
                     serverData[key].info_list.forEach(function(gpu){
                         let gpuInfo = document.createElement('div');
                         gpuInfo.classList.add('gpu-info');
-                        gpuInfo.innerHTML = '<strong>' + gpu.idx + ' - ' + gpu.gpu_name + '</strong><br>'
+                        let colorDot = greenDot;
+                        if (gpu.used_mem < 1000 && gpu.util_gpu < 20){
+                            colorDot = greenDot;
+                        }
+                        else if (gpu.util_mem < 50){
+                            colorDot = yellowDot;
+                        }else{
+                            colorDot = redDot;
+                        }
+                        gpuInfo.innerHTML = '<strong>' + gpu.idx + ' - ' + gpu.gpu_name + colorDot + '</strong><br>'
                                             + 'Temperature: ' + gpu.temperature + '°C<br>'
                                             + 'Memory: ' + gpu.used_mem + ' / ' + gpu.total_mem + " MB" + '<br>'
                                             + 'Utilization: ' + gpu.util_gpu + '%';