增加更多采集指标

backend/static/js/app.js

@@ -64,10 +64,10 @@ function setupAutoRefresh() {
     // 如果启用了自动刷新，设置新的定时器
     if (state.autoRefreshEnabled) {
         // 立即执行一次，然后开始定时执行
-        loadMetrics();
+        loadStatusCards();
         // 设置定时器
         state.autoRefreshTimer = setInterval(() => {
-            loadMetrics();
+            loadStatusCards();
             state.lastAutoRefreshTime = Date.now();
             // 动态调整刷新间隔
             updateAutoRefreshInterval();
@@ -1300,20 +1300,9 @@ function formatTime(timeStr) {
 
 
 
-// 加载监控指标
-async function loadMetrics() {
+// 加载状态卡片数据，专门负责更新指标卡片
+async function loadStatusCards() {
     try {
-        // 并行加载所有指标
-        const [cpuData, memoryData, diskData, networkSumData] = await Promise.all([
-            fetchMetric('cpu'),
-            fetchMetric('memory'),
-            fetchMetric('disk'),
-            fetchMetric('network')
-        ]);
-        
-        // 更新图表
-        updateCharts(cpuData, memoryData, diskData, networkSumData);
-        
         // 从设备状态API获取数据，用于状态卡片显示
         let deviceStatusData = null;
         if (state.currentDeviceID) {
@@ -1328,16 +1317,15 @@ async function loadMetrics() {
         }
         
         // 准备状态卡片数据
-        let formattedMetricsForCards;
+        let formattedMetricsForCards = {};
         
         if (deviceStatusData && deviceStatusData.id) {
             // 使用设备状态API返回的数据
             formattedMetricsForCards = {
-                cpu: deviceStatusData.status.cpu || cpuData,
+                cpu: deviceStatusData.status.cpu || 0,
                 cpu_hz: deviceStatusData.status.cpu_hz || 0,
-                memory: deviceStatusData.status.memory || memoryData,
+                memory: deviceStatusData.status.memory || 0,
                 disk: {
-                    // 格式化磁盘数据，与现有代码兼容
                     '/': {
                         used_percent: deviceStatusData.status.disk || 0,
                         total: state.historyMetrics.disk && state.historyMetrics.disk['/'] && state.historyMetrics.disk['/'].total || 0
@@ -1350,18 +1338,28 @@ async function loadMetrics() {
                     rx_bytes: deviceStatusData.status.network_rx_bytes || 0
                 }
             };
-        } else {
-            // 回退到原有逻辑
-            formattedMetricsForCards = {
-                cpu: cpuData,
-                memory: memoryData,
-                disk: formatDiskDataForCards(diskData),
-                network: formatNetworkDataForCards(networkSumData)
-            };
         }
         
         // 更新状态卡片
         updateStatusCards(formattedMetricsForCards);
+    } catch (error) {
+        console.error('Failed to load status cards:', error);
+    }
+}
+
+// 加载监控指标，只负责更新图表
+async function loadMetrics() {
+    try {
+        // 并行加载所有指标
+        const [cpuData, memoryData, diskData, networkSumData] = await Promise.all([
+            fetchMetric('cpu'),
+            fetchMetric('memory'),
+            fetchMetric('disk'),
+            fetchMetric('network')
+        ]);
+        
+        // 更新图表
+        updateCharts(cpuData, memoryData, diskData, networkSumData);
         
         // 更新刷新状态指示器
         updateRefreshStatus();
@@ -1592,6 +1590,9 @@ async function loadServerInfo(deviceId) {
         if (serverInfoDisplay) {
             serverInfoDisplay.innerHTML = `<p>服务器名称: <strong>${deviceData.name || deviceId}</strong> | IP地址: <strong>${deviceData.ip || '未知'}</strong></p>`;
         }
+        
+        // 初始化状态卡片
+        loadStatusCards();
     } catch (error) {
         console.error('Failed to load server info:', error);
         // 即使请求失败，也要将设备ID存储到全局状态
@@ -1602,6 +1603,9 @@ async function loadServerInfo(deviceId) {
         if (serverInfoDisplay) {
             serverInfoDisplay.innerHTML = `<p class="text-red-500">加载服务器信息失败</p>`;
         }
+        
+        // 初始化状态卡片，即使服务器信息加载失败
+        loadStatusCards();
     }
 }