// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
    // 获取系统状态数据并更新页面
    fetchSystemStatus();

    // 可以设置定时器，定期更新数据
    // setInterval(fetchSystemStatus, 5000); // 每5秒更新一次
});

function fetchSystemStatus() {
    // 假设后端有一个 /status 路由返回 JSON 数据
    fetch('/status')
        .then(response => response.json())
        .then(data => {
            // 更新配置信息
            document.getElementById('api-base-url').textContent = data.config.api_base_url;
            document.getElementById('log-level').textContent = data.config.log_level;
            // 更新其他配置项...

            // 更新令牌状态
            document.getElementById('total-tokens').textContent = data.token_status.total_tokens;
            // 更新可用令牌数量表格
            const availableTokensTableBody = document.querySelector('#available-tokens-table tbody');
            availableTokensTableBody.innerHTML = ''; // 清空现有内容

            for (const model in data.token_status.available_tokens) {
                const row = document.createElement('tr');
                const modelCell = document.createElement('td');
                modelCell.textContent = model;
                const countCell = document.createElement('td');
                countCell.textContent = data.token_status.available_tokens[model];

                row.appendChild(modelCell);
                row.appendChild(countCell);
                availableTokensTableBody.appendChild(row);
            }

            document.getElementById('request-count').textContent = data.token_status.request_count;
            // 更新其他令牌状态...

            // 更新日志摘要
            document.getElementById('log-summary').textContent = data.log_summary;
        })
        .catch(error => {
            console.error('获取系统状态失败:', error);
            document.getElementById('config-info').textContent = '加载失败。';
            document.getElementById('token-status').textContent = '加载失败。';
            document.getElementById('log-summary').textContent = '加载失败。';
        });
}