65 lines
2.1 KiB
JavaScript
65 lines
2.1 KiB
JavaScript
|
/**
|
|||
|
|
* OpenClaw Mission Control - Dashboard JavaScript
|
|||
|
|
* 作者：小白 🐶
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
// 页面切换
|
|||
|
|
document.querySelectorAll('.nav-item').forEach(item => {
|
|||
|
|
item.addEventListener('click', (e) => {
|
|||
|
|
e.preventDefault();
|
|||
|
|
|
|||
|
|
// 移除所有活动状态
|
|||
|
|
document.querySelectorAll('.nav-item').forEach(i => i.classList.remove('active'));
|
|||
|
|
document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
|
|||
|
|
|
|||
|
|
// 添加当前活动状态
|
|||
|
|
item.classList.add('active');
|
|||
|
|
const pageId = 'page-' + item.dataset.page;
|
|||
|
|
document.getElementById(pageId).classList.add('active');
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 获取系统状态
|
|||
|
|
async function fetchStatus() {
|
|||
|
|
try {
|
|||
|
|
const response = await fetch('/api/status');
|
|||
|
|
const result = await response.json();
|
|||
|
|
|
|||
|
|
if (result.success) {
|
|||
|
|
const data = result.data;
|
|||
|
|
|
|||
|
|
// 更新 CPU
|
|||
|
|
document.getElementById('cpu-percent').textContent = data.cpu.percent + '%';
|
|||
|
|
document.getElementById('cpu-progress').style.width = data.cpu.percent + '%';
|
|||
|
|
|
|||
|
|
// 更新内存
|
|||
|
|
document.getElementById('memory-value').textContent =
|
|||
|
|
`${data.memory.used} / ${data.memory.total} GB`;
|
|||
|
|
document.getElementById('memory-progress').style.width = data.memory.percent + '%';
|
|||
|
|
|
|||
|
|
// 更新磁盘
|
|||
|
|
document.getElementById('disk-value').textContent =
|
|||
|
|
`${data.disk.used} / ${data.disk.total} GB`;
|
|||
|
|
document.getElementById('disk-progress').style.width = data.disk.percent + '%';
|
|||
|
|
|
|||
|
|
// 更新进程数
|
|||
|
|
document.getElementById('process-count').textContent = data.process_count;
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('获取状态失败:', error);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 刷新状态
|
|||
|
|
function refreshStatus() {
|
|||
|
|
fetchStatus();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 初始化
|
|||
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|||
|
|
fetchStatus();
|
|||
|
|
|
|||
|
|
// 每 30 秒自动刷新
|
|||
|
|
setInterval(fetchStatus, 30000);
|
|||
|
|
});
|