AMAZEHOME/dns-server
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新Web文件

Browse Source
This commit is contained in:
Alex Yang
2025-11-23 18:37:24 +08:00
parent 0072e8a5c2
commit 15c87a9d94
6 changed files with 331 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
static/index.html
View File

@@ -1567,40 +1567,37 @@ function loadRules() {
document.getElementById('top-blocked-domains').innerHTML = '<div class="empty-state"><i class="fas fa-exclamation-circle"></i><p>加载失败</p></div>';
});
// 加载TOP解析域名（由于没有直接的API，这里使用模拟数据）
// 实际使用时，应该调用后端提供的相关API
setTimeout(() => {
const mockResolvedDomains = [
{ domain: 'baidu.com', count: 1532 },
{ domain: 'sina.com.cn', count: 987 },
{ domain: 'qq.com', count: 845 },
{ domain: 'aliyun.com', count: 732 },
{ domain: 'github.com', count: 654 },
{ domain: 'gitee.com', count: 521 },
{ domain: 'bing.com', count: 489 },
{ domain: 'sohu.com', count: 398 },
{ domain: 'jd.com', count: 345 },
{ domain: 'taobao.com', count: 298 }
];
const container = document.getElementById('top-resolved-domains');
container.innerHTML = '';
mockResolvedDomains.forEach((item, index) => {
const listItem = document.createElement('div');
listItem.className = 'list-item';
listItem.innerHTML = `
<div class="list-content">
<div class="list-title">${index + 1}. ${item.domain}</div>
<div class="list-description">解析次数: ${item.count}</div>
</div>
<div class="list-actions">
<span class="badge badge-success">解析</span>
</div>
`;
container.appendChild(listItem);
// 加载TOP解析域名
fetch('/api/top-resolved')
.then(response => response.json())
.then(data => {
const container = document.getElementById('top-resolved-domains');
container.innerHTML = '';
if (!data || data.length === 0) {
container.innerHTML = '<div class="empty-state"><i class="fas fa-info-circle"></i><p>暂无解析域名统计</p></div>';
return;
}
data.forEach((item, index) => {
const listItem = document.createElement('div');
listItem.className = 'list-item';
listItem.innerHTML = `
<div class="list-content">
<div class="list-title">${index + 1}. ${item.domain}</div>
<div class="list-description">解析次数: ${item.count}</div>
</div>
<div class="list-actions">
<span class="badge badge-success">解析</span>
</div>
`;
container.appendChild(listItem);
});
})
.catch(error => {
console.error('加载TOP解析域名失败:', error);
document.getElementById('top-resolved-domains').innerHTML = '<div class="empty-state"><i class="fas fa-exclamation-circle"></i><p>加载失败</p></div>';
});
}, 500);
}
// 初始化页面