// 全局变量
let currentPage = 'dashboard';
// 页面加载时初始化
document.addEventListener('DOMContentLoaded', async () => {
await checkAuth();
await loadStats();
await loadApiKeys();
await loadRecentActivity();
});
// 检查认证状态
async function checkAuth() {
try {
const response = await fetch('/admin/auth/check');
if (!response.ok) {
window.location.href = '/admin/login.html';
}
} catch (error) {
console.error('认证检查失败:', error);
window.location.href = '/admin/login.html';
}
}
// 加载统计数据
async function loadStats() {
try {
const response = await fetch('/admin/stats');
const data = await response.json();
document.getElementById('apiKeysCount').textContent = data.apiKeys || 0;
document.getElementById('tokensCount').textContent = data.tokens || 0;
document.getElementById('todayRequests').textContent = data.todayRequests || 0;
document.getElementById('successRate').textContent = (data.successRate || 100) + '%';
} catch (error) {
console.error('加载统计数据失败:', error);
}
}
// 加载最近活动记录
async function loadRecentActivity() {
try {
const response = await fetch('/admin/stats/recent-activity?limit=10');
const activities = await response.json();
const container = document.getElementById('recentActivity');
if (activities.length === 0) {
container.innerHTML = '暂无活动记录
';
return;
}
container.innerHTML = activities.map(activity => {
const timeAgo = getTimeAgo(activity.time);
return `
${escapeHtml(activity.title)}
${escapeHtml(activity.description)}
${timeAgo}
`;
}).join('');
} catch (error) {
console.error('加载最近活动失败:', error);
}
}
// 计算时间差
function getTimeAgo(timestamp) {
if (!timestamp) return '未知';
const now = new Date();
const time = new Date(timestamp);
const diff = Math.floor((now - time) / 1000); // 秒
if (diff < 60) return '刚刚';
if (diff < 3600) return `${Math.floor(diff / 60)} 分钟前`;
if (diff < 86400) return `${Math.floor(diff / 3600)} 小时前`;
if (diff < 604800) return `${Math.floor(diff / 86400)} 天前`;
return time.toLocaleDateString('zh-CN');
}
// 切换页面
function switchPage(event, page) {
event.preventDefault();
currentPage = page;
// 更新导航样式
document.querySelectorAll('.nav-item').forEach(item => {
item.classList.remove('active', 'text-white');
item.classList.add('text-gray-700');
});
event.currentTarget.classList.add('active');
event.currentTarget.classList.remove('text-gray-700');
// 隐藏所有页面
document.getElementById('dashboardPage').classList.add('hidden');
document.getElementById('apikeysPage').classList.add('hidden');
document.getElementById('accountsPage').classList.add('hidden');
document.getElementById('analyticsPage').classList.add('hidden');
document.getElementById('settingsPage').classList.add('hidden');
// 更新页面标题
const titles = {
dashboard: { title: '仪表盘', desc: '系统概览和实时数据' },
apikeys: { title: 'API Keys', desc: 'API 密钥管理' },
accounts: { title: '账号管理', desc: 'Tokens 账户管理' },
analytics: { title: '数据分析', desc: 'API 请求统计和分析' },
settings: { title: '系统设置', desc: '系统配置和偏好设置' }
};
document.getElementById('pageTitle').textContent = titles[page].title;
document.getElementById('pageDesc').textContent = titles[page].desc;
// 显示对应页面
if (page === 'dashboard') {
document.getElementById('dashboardPage').classList.remove('hidden');
} else if (page === 'apikeys') {
document.getElementById('apikeysPage').classList.remove('hidden');
loadApiKeys();
} else if (page === 'accounts') {
document.getElementById('accountsPage').classList.remove('hidden');
loadTokens();
loadLoadBalanceStrategy();
} else if (page === 'analytics') {
document.getElementById('analyticsPage').classList.remove('hidden');
loadAnalytics();
} else if (page === 'settings') {
document.getElementById('settingsPage').classList.remove('hidden');
}
}
// 切换账号管理标签
// 已移除，不再需要
// ==================== API Keys 管理 ====================
async function loadApiKeys() {
try {
const response = await fetch('/admin/api-keys');
const data = await response.json();
const tbody = document.getElementById('apiKeysTable');
if (data.length === 0) {
tbody.innerHTML = '| 暂无 API Key |
';
return;
}
tbody.innerHTML = data.map(key => `
| ${escapeHtml(key.name || '-')} |
${escapeHtml(key.key.substring(0, 20))}...
|
${key.usage_count || 0} |
${key.last_used_at ? new Date(key.last_used_at).toLocaleString('zh-CN') : '-'} |
${key.is_active ? '启用' : '禁用'}
|
|
`).join('');
} catch (error) {
console.error('加载 API Keys 失败:', error);
}
}
function showCreateApiKeyModal() {
document.getElementById('createApiKeyModal').classList.remove('hidden');
}
async function handleCreateApiKey(event) {
event.preventDefault();
const name = document.getElementById('apiKeyName').value;
try {
const response = await fetch('/admin/api-keys', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name })
});
const data = await response.json();
if (response.ok) {
document.getElementById('createApiKeyModal').classList.add('hidden');
document.getElementById('apiKeyName').value = '';
alert('API Key 创建成功！\n\n' + data.key + '\n\n请妥善保存，此 Key 不会再次显示！');
await loadApiKeys();
await loadStats();
} else {
alert('创建失败: ' + (data.error || '未知错误'));
}
} catch (error) {
alert('创建失败: ' + error.message);
}
}
async function toggleApiKey(id, currentStatus) {
try {
const response = await fetch(`/admin/api-keys/${id}`, {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ is_active: !currentStatus })
});
if (response.ok) {
await loadApiKeys();
await loadStats();
}
} catch (error) {
alert('操作失败: ' + error.message);
}
}
async function deleteApiKey(id) {
if (!confirm('确定要删除此 API Key 吗？')) return;
try {
const response = await fetch(`/admin/api-keys/${id}`, { method: 'DELETE' });
if (response.ok) {
await loadApiKeys();
await loadStats();
}
} catch (error) {
alert('删除失败: ' + error.message);
}
}
// ==================== Tokens 管理 ====================
let currentTokenPage = 1;
let tokenPageSize = 20;
let totalTokens = 0;
let selectedTokens = new Set();
async function loadTokens(page = 1) {
try {
currentTokenPage = page;
selectedTokens.clear();
updateBatchDeleteButton();
const response = await fetch(`/admin/tokens?page=${page}&limit=${tokenPageSize}`);
const result = await response.json();
const data = result.data || [];
const pagination = result.pagination || {};
totalTokens = pagination.total || 0;
// 更新账号总数显示
const totalCountEl = document.getElementById('totalTokensCount');
if (totalCountEl) {
totalCountEl.textContent = totalTokens;
}
const tbody = document.getElementById('tokensTable');
if (data.length === 0) {
tbody.innerHTML = '| 暂无 Token |
';
updateTokenPagination(0, 0);
return;
}
tbody.innerHTML = data.map(token => {
// 计算额度百分比
const quotaTotal = token.quota_total || 0;
const quotaUsed = token.quota_used || 0;
const quotaRemaining = token.quota_remaining || 0;
const quotaPercent = quotaTotal > 0 ? Math.round((quotaUsed / quotaTotal) * 100) : 0;
// 额度显示颜色
let quotaColor = 'text-green-600';
if (quotaPercent > 80) quotaColor = 'text-red-600';
else if (quotaPercent > 50) quotaColor = 'text-yellow-600';
// 额度显示文本
let quotaText = '-';
if (quotaTotal > 0) {
quotaText = `
${quotaRemaining.toLocaleString()} / ${quotaTotal.toLocaleString()}
${quotaPercent}% 已用
`;
}
return `
|
|
${escapeHtml(token.name || '-')} |
${quotaText} |
${token.total_requests || 0} |
${token.success_requests || 0} |
${token.failed_requests || 0} |
${token.expired_at ? new Date(token.expired_at).toLocaleString('zh-CN') : '-'} |
${token.is_active ? '启用' : '禁用'}
|
|
`;
}).join('');
updateTokenPagination(pagination.page, pagination.totalPages);
} catch (error) {
console.error('加载 Tokens 失败:', error);
}
}
function updateTokenPagination(currentPage, totalPages) {
const paginationEl = document.getElementById('tokenPagination');
if (!paginationEl) return;
if (totalPages <= 1) {
paginationEl.innerHTML = '';
return;
}
let html = '';
html += `
共 ${totalTokens} 个账号，第 ${currentPage}/${totalPages} 页
`;
html += '
';
// 上一页
if (currentPage > 1) {
html += ``;
} else {
html += ``;
}
// 页码
const maxPages = 5;
let startPage = Math.max(1, currentPage - Math.floor(maxPages / 2));
let endPage = Math.min(totalPages, startPage + maxPages - 1);
if (endPage - startPage < maxPages - 1) {
startPage = Math.max(1, endPage - maxPages + 1);
}
if (startPage > 1) {
html += ``;
if (startPage > 2) {
html += `...`;
}
}
for (let i = startPage; i <= endPage; i++) {
if (i === currentPage) {
html += ``;
} else {
html += ``;
}
}
if (endPage < totalPages) {
if (endPage < totalPages - 1) {
html += `...`;
}
html += ``;
}
// 下一页
if (currentPage < totalPages) {
html += ``;
} else {
html += ``;
}
html += '
| 暂无数据 |
';
return;
}
tbody.innerHTML = data.map(account => `
| ${escapeHtml(account.name)} |
${account.requests} |
${account.successRate}%
|
${account.avgResponseTime}ms |
${account.lastUsed ? new Date(account.lastUsed).toLocaleString('zh-CN') : '-'} |
`).join('');
} catch (error) {
console.error('加载账号统计失败:', error);
}
}
async function loadLogs() {
try {
const response = await fetch(`/admin/stats/logs?limit=50&range=${currentTimeRange}`);
const data = await response.json();
const tbody = document.getElementById('logsTable');
if (data.length === 0) {
tbody.innerHTML = '| 暂无日志 |
';
return;
}
tbody.innerHTML = data.map(log => `
| ${new Date(log.created_at).toLocaleString('zh-CN')} |
${log.api_key_name || log.api_key_id || '-'} |
${escapeHtml(log.model || '-')} |
${log.status_code}
|
${log.response_time || '-'}ms |
`).join('');
} catch (error) {
console.error('加载日志失败:', error);
}
}
// ==================== 工具函数 ====================
async function handleLogout() {
if (!confirm('确定要退出登录吗？')) return;
try {
await fetch('/admin/auth/logout', { method: 'POST' });
window.location.href = '/admin/login.html';
} catch (error) {
window.location.href = '/admin/login.html';
}
}
function copyToClipboard(text) {
navigator.clipboard.writeText(text).then(() => {
alert('已复制到剪贴板！');
}).catch(() => {
alert('复制失败，请手动复制');
});
}
// ==================== 负载均衡策略管理 ====================
async function loadLoadBalanceStrategy() {
try {
const response = await fetch('/admin/settings/load-balance-strategy');
const data = await response.json();
const select = document.getElementById('loadBalanceStrategy');
if (select && data.strategy) {
select.value = data.strategy;
}
} catch (error) {
console.error('加载负载均衡策略失败:', error);
}
}
async function changeLoadBalanceStrategy() {
const select = document.getElementById('loadBalanceStrategy');
const strategy = select.value;
try {
const response = await fetch('/admin/settings/load-balance-strategy', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ strategy })
});
const data = await response.json();
if (response.ok) {
alert('负载均衡策略已更新为：' + (strategy === 'round-robin' ? '轮询' : strategy === 'random' ? '随机' : '最少使用'));
} else {
alert('更新失败: ' + (data.error || '未知错误'));
}
} catch (error) {
alert('更新失败: ' + error.message);
}
}
// ==================== 修改密码 ====================
function showChangePasswordModal() {
document.getElementById('changePasswordModal').classList.remove('hidden');
}
function closeChangePasswordModal() {
document.getElementById('changePasswordModal').classList.add('hidden');
document.getElementById('currentPassword').value = '';
document.getElementById('newPassword').value = '';
document.getElementById('confirmPassword').value = '';
}
async function handleChangePassword(event) {
event.preventDefault();
const currentPassword = document.getElementById('currentPassword').value;
const newPassword = document.getElementById('newPassword').value;
const confirmPassword = document.getElementById('confirmPassword').value;
if (newPassword !== confirmPassword) {
alert('两次输入的新密码不一致');
return;
}
if (newPassword.length < 6) {
alert('密码长度至少 6 位');
return;
}
try {
const response = await fetch('/admin/auth/change-password', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ oldPassword: currentPassword, newPassword })
});
const data = await response.json();
if (response.ok) {
alert('密码修改成功，请重新登录');
closeChangePasswordModal();
window.location.href = '/admin/login.html';
} else {
alert('修改失败: ' + (data.error || '未知错误'));
}
} catch (error) {
alert('修改失败: ' + error.message);
}
}
// ==================== 工具函数 ====================
function escapeHtml(text) {
const div = document.createElement('div');
div.textContent = text;
return div.innerHTML;
}