设置卡片数据占满时以K方式显示数据

static/js/dashboard.js

@@ -119,7 +119,7 @@ function setupReconnect() {
 // 处理实时数据更新
 function processRealTimeData(stats) {
     try {
-        // 更新统计卡片
+        // 更新统计卡片 - 这会更新所有统计卡片，包括CPU使用率卡片
         updateStatsCards(stats);
         
         // 获取查询类型统计数据
@@ -476,40 +476,7 @@ async function loadDashboardData() {
             }
         }
         
-        if (document.getElementById('cpu-usage')) {
-            // 从不同可能的数据结构中获取CPU使用率
-            let cpuUsageValue = 0;
-            if (stats.system && typeof stats.system.cpu === 'number') {
-                cpuUsageValue = stats.system.cpu;
-            } else if (typeof stats.cpuUsage === 'number') {
-                cpuUsageValue = stats.cpuUsage;
-            }
-            
-            // 保留两位小数并添加单位
-            const cpuUsage = cpuUsageValue > 0 ? cpuUsageValue.toFixed(2) + '%' : '---';
-            document.getElementById('cpu-usage').textContent = cpuUsage;
-            
-            // 设置CPU状态颜色
-            const cpuStatusElem = document.getElementById('cpu-status');
-            if (cpuStatusElem) {
-                if (cpuUsageValue > 0) {
-                    if (cpuUsageValue > 80) {
-                        cpuStatusElem.textContent = '警告';
-                        cpuStatusElem.className = 'text-danger text-sm flex items-center';
-                    } else if (cpuUsageValue > 60) {
-                        cpuStatusElem.textContent = '较高';
-                        cpuStatusElem.className = 'text-warning text-sm flex items-center';
-                    } else {
-                        cpuStatusElem.textContent = '正常';
-                        cpuStatusElem.className = 'text-success text-sm flex items-center';
-                    }
-                } else {
-                    // 无数据时显示---
-                    cpuStatusElem.textContent = '---';
-                    cpuStatusElem.className = 'text-gray-400 text-sm flex items-center';
-                }
-            }
-        }
+
         
         // 更新表格
         updateTopBlockedTable(topBlockedDomains);
@@ -554,7 +521,6 @@ function updateStatsCards(stats) {
     let totalQueries = 0, blockedQueries = 0, allowedQueries = 0, errorQueries = 0;
     let topQueryType = 'A', queryTypePercentage = 0;
     let activeIPs = 0, activeIPsPercentage = 0;
-    let cpuUsageValue = 0;
     
     // 检查数据结构，兼容可能的不同格式
     if (stats) {
@@ -567,12 +533,7 @@ function updateStatsCards(stats) {
         queryTypePercentage = stats.queryTypePercentage || 0;
         activeIPs = stats.activeIPs || 0;
         activeIPsPercentage = stats.activeIPsPercentage || 0;
-        // 获取CPU使用率
-        cpuUsageValue = stats.cpuUsage || 0;
-        // 从system对象获取CPU使用率
-        if (stats.system && typeof stats.system.cpu === 'number') {
-            cpuUsageValue = stats.system.cpu;
-        }
+
         
         // 如果dns对象存在，优先使用其中的数据
         if (stats.dns) {
@@ -602,6 +563,7 @@ function updateStatsCards(stats) {
         queryTypePercentage = stats[0].queryTypePercentage || 0;
         activeIPs = stats[0].activeIPs || 0;
         activeIPsPercentage = stats[0].activeIPsPercentage || 0;
+
     }
     
     // 为数字元素添加翻页滚动特效
@@ -778,26 +740,7 @@ function updateStatsCards(stats) {
         updatePercentage('error-percent', '---');
     }
     
-    // 更新CPU使用率
-    updatePercentage('cpu-usage', `${cpuUsageValue.toFixed(2)}%`);
-    
-    // 更新CPU状态
-    const cpuStatusElem = document.getElementById('cpu-status');
-    if (cpuStatusElem) {
-        let statusText = '正常';
-        let statusClass = 'text-success';
-        
-        if (cpuUsageValue > 80) {
-            statusText = '警告';
-            statusClass = 'text-danger';
-        } else if (cpuUsageValue > 60) {
-            statusText = '较高';
-            statusClass = 'text-warning';
-        }
-        
-        updatePercentage('cpu-status', statusText);
-        cpuStatusElem.className = `text-sm flex items-center ${statusClass}`;
-    }
+
 }
 
 // 更新Top屏蔽域名表格