更新Swaggers API

static/js/dashboard.js

@@ -12,6 +12,12 @@ let dashboardWsReconnectTimer = null;
 let statCardCharts = {};
 // 存储统计卡片历史数据
 let statCardHistoryData = {};
+// 存储仪表盘历史数据，用于计算趋势
+window.dashboardHistoryData = window.dashboardHistoryData || {
+    prevResponseTime: null,
+    prevActiveIPs: null,
+    prevTopQueryTypeCount: null
+};
 
 // 引入颜色配置文件
 const COLOR_CONFIG = window.COLOR_CONFIG || {};
@@ -192,14 +198,42 @@ function processRealTimeData(stats) {
         
         if (document.getElementById('top-query-type')) {
             const queryType = stats.topQueryType || '---';
+            document.getElementById('top-query-type').textContent = queryType;
             
             const queryPercentElem = document.getElementById('query-type-percentage');
             if (queryPercentElem) {
-                queryPercentElem.textContent = '• ---';
-                queryPercentElem.className = 'text-sm flex items-center text-gray-500';
+                // 计算查询类型趋势
+                let queryPercent = '---';
+                let trendClass = 'text-gray-400';
+                let trendIcon = '---';
+                
+                if (stats.topQueryTypeCount !== undefined && stats.topQueryTypeCount !== null) {
+                    // 存储当前值用于下次计算趋势
+                    const prevTopQueryTypeCount = window.dashboardHistoryData.prevTopQueryTypeCount || stats.topQueryTypeCount;
+                    window.dashboardHistoryData.prevTopQueryTypeCount = stats.topQueryTypeCount;
+                    
+                    // 计算变化百分比
+                    if (prevTopQueryTypeCount > 0) {
+                        const changePercent = ((stats.topQueryTypeCount - prevTopQueryTypeCount) / prevTopQueryTypeCount) * 100;
+                        queryPercent = Math.abs(changePercent).toFixed(1) + '%';
+                        
+                        // 设置趋势图标和颜色
+                        if (changePercent > 0) {
+                            trendIcon = '↑';
+                            trendClass = 'text-primary';
+                        } else if (changePercent < 0) {
+                            trendIcon = '↓';
+                            trendClass = 'text-secondary';
+                        } else {
+                            trendIcon = '•';
+                            trendClass = 'text-gray-500';
+                        }
+                    }
+                }
+                
+                queryPercentElem.textContent = trendIcon + ' ' + queryPercent;
+                queryPercentElem.className = `text-sm flex items-center ${trendClass}`;
             }
-            
-            document.getElementById('top-query-type').textContent = queryType;
         }
         
         if (document.getElementById('active-ips')) {
@@ -984,6 +1018,60 @@ function updateStatsCards(stats) {
     animateValue('error-queries', errorQueries);
     animateValue('active-ips', activeIPs);
     
+    // DNSSEC相关数据
+    let dnssecEnabled = false, dnssecQueries = 0, dnssecSuccess = 0, dnssecFailed = 0, dnssecUsage = 0;
+    
+    // 检查DNSSEC数据
+    if (stats) {
+        // 优先使用顶层字段
+        dnssecEnabled = stats.dnssecEnabled || false;
+        dnssecQueries = stats.dnssecQueries || 0;
+        dnssecSuccess = stats.dnssecSuccess || 0;
+        dnssecFailed = stats.dnssecFailed || 0;
+        dnssecUsage = stats.dnssecUsage || 0;
+        
+        // 如果dns对象存在，优先使用其中的数据
+        if (stats.dns) {
+            dnssecEnabled = stats.dns.DNSSECEnabled || dnssecEnabled;
+            dnssecQueries = stats.dns.DNSSECQueries || dnssecQueries;
+            dnssecSuccess = stats.dns.DNSSECSuccess || dnssecSuccess;
+            dnssecFailed = stats.dns.DNSSECFailed || dnssecFailed;
+        }
+        
+        // 如果没有直接提供使用率，计算使用率
+        if (dnssecUsage === 0 && totalQueries > 0) {
+            dnssecUsage = (dnssecQueries / totalQueries) * 100;
+        }
+    }
+    
+    // 更新DNSSEC统计卡片
+    const dnssecUsageElement = document.getElementById('dnssec-usage');
+    const dnssecStatusElement = document.getElementById('dnssec-status');
+    const dnssecSuccessElement = document.getElementById('dnssec-success');
+    const dnssecFailedElement = document.getElementById('dnssec-failed');
+    const dnssecQueriesElement = document.getElementById('dnssec-queries');
+    
+    if (dnssecUsageElement) {
+        dnssecUsageElement.textContent = `${Math.round(dnssecUsage)}%`;
+    }
+    
+    if (dnssecStatusElement) {
+        dnssecStatusElement.textContent = dnssecEnabled ? '已启用' : '已禁用';
+        dnssecStatusElement.className = `text-sm flex items-center ${dnssecEnabled ? 'text-success' : 'text-danger'}`;
+    }
+    
+    if (dnssecSuccessElement) {
+        dnssecSuccessElement.textContent = formatNumber(dnssecSuccess);
+    }
+    
+    if (dnssecFailedElement) {
+        dnssecFailedElement.textContent = formatNumber(dnssecFailed);
+    }
+    
+    if (dnssecQueriesElement) {
+        dnssecQueriesElement.textContent = formatNumber(dnssecQueries);
+    }
+    
     // 直接更新文本和百分比，移除动画效果
     const topQueryTypeElement = document.getElementById('top-query-type');
     const queryTypePercentageElement = document.getElementById('query-type-percentage');
@@ -1223,7 +1311,7 @@ function updateTopDomainsTable(domains) {
                 <div class="flex-1 min-w-0">
                     <div class="flex items-center">
                         <span class="w-6 h-6 flex items-center justify-center rounded-full bg-success/10 text-success text-xs font-medium mr-3">${i + 1}</span>
-                        <span class="font-medium truncate">${domain.name}</span>
+                        <span class="font-medium truncate">${domain.name}${domain.dnssec ? ' <i class="fa fa-lock text-green-500"></i>' : ''}</span>
                     </div>
                 </div>
                 <span class="ml-4 flex-shrink-0 font-semibold text-success">${formatNumber(domain.count)}</span>