看起来 Docker 服务当前没有运行，或者应用程序无法连接到它。请检查以下常见原因：
- 服务未启动： 确保 Docker Desktop (Windows/Mac) 或 Docker daemon (Linux) 正在运行。
- 权限问题： 运行此程序的用户可能需要添加到 'docker' 用户组 (Linux)。
- Docker Socket： 确认 Docker Socket 文件的路径和权限是否正确配置 (通常是
/var/run/docker.sock on Linux)。
- 防火墙： 检查是否有防火墙规则阻止了与 Docker 的通信。
常用诊断命令 (Linux):
sudo systemctl status docker
sudo systemctl start docker
sudo systemctl enable docker
docker ps
groups ${USER} # 检查是否在 docker 组
sudo usermod -aG docker ${USER} # 添加用户到 docker 组 (需要重新登录生效)
如果问题仍然存在，请查阅 Docker 官方文档或检查应用程序的日志。
`,
icon: null,
confirmButtonText: '我知道了',
customClass: {
popup: 'docker-help-popup',
content: 'docker-help-swal-content'
},
width: '650px'
});
}
// 初始化仪表板
function initDashboard() {
// 检查仪表板容器是否存在
const dashboardGrid = document.querySelector('.dashboard-grid');
if (!dashboardGrid) return;
// 清空现有内容
dashboardGrid.innerHTML = '';
// 添加四个统计卡片
const cardsData = [
{
id: 'containers',
title: '容器数量',
icon: 'fa-cubes',
value: '--',
description: '运行中的容器总数',
trend: '',
action: '查看详情'
},
{
id: 'memory',
title: '内存使用',
icon: 'fa-memory',
value: '--',
description: '内存占用百分比',
trend: '',
action: '查看详情'
},
{
id: 'cpu',
title: 'CPU负载',
icon: 'fa-microchip',
value: '--',
description: 'CPU平均负载',
trend: '',
action: '查看详情'
},
{
id: 'disk',
title: '磁盘空间',
icon: 'fa-hdd',
value: '--',
description: '磁盘占用百分比',
trend: '',
action: '查看详情'
}
];
// 为每个卡片创建HTML并添加到仪表板网格
cardsData.forEach(card => {
const cardElement = createDashboardCard(card);
dashboardGrid.appendChild(cardElement);
});
// 初始化刷新按钮
const refreshBtn = document.getElementById('refreshSystemBtn');
if (refreshBtn) {
refreshBtn.addEventListener('click', refreshSystemStatus);
}
// 初始加载系统状态
refreshSystemStatus(); // <-- 调用确保加载数据
// console.log('仪表板初始化完成');
}
// 创建仪表板卡片
function createDashboardCard(cardInfo) {
const card = document.createElement('div');
card.className = 'dashboard-card';
card.id = `${cardInfo.id}-card`;
// Icon: Use cardInfo.icon directly as it should contain the full class string (e.g., "fas fa-microchip")
const iconHtml = cardInfo.icon ? `
${cardInfo.title || '未命名卡片'}
${cardInfo.value !== undefined ? cardInfo.value : '--'} ${cardInfo.unit || ''}
${cardInfo.description ? `
${cardInfo.description}
` : ''}
${actionHtml ? `` : ''}
`;
return card;
}
// 更新仪表板卡片
function updateDashboardCards(data) {
logger.debug('Updating dashboard cards with data:', data);
const dashboardGrid = document.querySelector('.dashboard-grid');
if (!dashboardGrid) {
logger.warn('Dashboard grid not found. Cannot update cards.');
return;
}
// 清空旧的回调
window.systemStatus.cardActionCallbacks = {};
// 确保有 dockerContainers 数据
const containers = Array.isArray(data.dockerContainers) ? data.dockerContainers : [];
// 过滤掉错误指示对象和没有有效ID的容器
const validContainers = containers.filter(c => c && c.id && c.id !== 'n/a' && !c.error);
const runningContainersCount = validContainers.filter(c => c.state && typeof c.state === 'string' && c.state.toLowerCase().includes('running')).length;
const totalValidContainersCount = validContainers.length;
logger.debug('Valid containers for dashboard:', validContainers);
logger.debug(`Running: ${runningContainersCount}, Total Valid: ${totalValidContainersCount}`);
const cardsData = [
{
id: 'dockerStatus',
title: 'Docker 服务',
value: data.dockerStatus === 'running' ? '运行中' : '已停止',
description: data.dockerStatus === 'running' ? '服务连接正常' : '服务未连接或不可用',
icon: 'fab fa-docker',
color: data.dockerStatus === 'running' ? 'var(--success-color)' : 'var(--danger-color)',
actionText: data.dockerStatus === 'running' ? '查看容器' : null,
actionLink: data.dockerStatus === 'running' ? '#docker-status' : null,
valueClass: data.dockerStatus === 'running' ? 'text-success' : 'text-danger'
},
{
id: 'containersCount',
title: '运行中容器',
value: runningContainersCount,
description: `总容器数: ${totalValidContainersCount}`,
icon: 'fas fa-box-open',
color: 'var(--primary-color)',
actionText: '管理容器',
actionCallback: () => {
if (typeof dockerManager !== 'undefined' && typeof dockerManager.showContainersPage === 'function') {
core.navigateToSection('docker-status');
} else if (typeof dockerManager !== 'undefined' && typeof dockerManager.showManagementModal === 'function') {
dockerManager.showManagementModal();
} else {
window.location.hash = 'docker-status';
if (window.app && typeof window.app.handleNavigation === 'function') {
window.app.handleNavigation('docker-status');
} else if (core && typeof core.navigateToSection === 'function') {
core.navigateToSection('docker-status');
} else {
console.warn('No function found to display Docker management (modal or section).');
const sidebarItem = document.querySelector('li[data-section="docker-status"]');
if (sidebarItem) sidebarItem.click();
else alert('容器管理功能导航失败');
}
}
},
unit: '个'
},
{
id: 'cpuUsage',
title: 'CPU 使用率',
value: (() => {
if (data.cpu) {
if (typeof data.cpu.usage === 'number' && !isNaN(data.cpu.usage)) return data.cpu.usage.toFixed(1) + '%';
if (typeof data.cpu.currentLoad === 'number' && !isNaN(data.cpu.currentLoad)) return data.cpu.currentLoad.toFixed(1) + '%';
if (typeof data.cpu.load === 'number' && !isNaN(data.cpu.load)) return data.cpu.load.toFixed(1) + '%';
if (data.cpu.currentLoad && typeof data.cpu.currentLoad.avgload === 'number' && !isNaN(data.cpu.currentLoad.avgload)) return data.cpu.currentLoad.avgload.toFixed(1) + '%';
// Add logic to calculate from loadAvg, similar to generateCpuDetailsHtml
if (Array.isArray(data.cpu.loadAvg) && data.cpu.loadAvg.length > 0 && typeof data.cpu.loadAvg[0] === 'number' && !isNaN(data.cpu.loadAvg[0])) {
const cores = data.cpu.cores || 1;
const cpuUsageFromLoadAvg = (data.cpu.loadAvg[0] / cores) * 100;
return Math.min(cpuUsageFromLoadAvg, 100).toFixed(1) + '%';
}
}
return 'N/A';
})(),
description: `核心数: ${data.cpu ? (data.cpu.cores || 'N/A') : 'N/A'}`,
icon: 'fas fa-microchip',
color: 'var(--warning-color)',
actionText: '详细信息',
actionCallback: () => showDetailsDialog('cpu'),
unit: ''
},
{
id: 'memoryUsage',
title: '内存使用率',
value: (() => {
if (data.memory) {
// 优先基于 active 内存计算百分比 (更接近真实程序占用)
if (typeof data.memory.active === 'number' && typeof data.memory.total === 'number' && data.memory.total > 0 && !isNaN(data.memory.active)) {
return ((data.memory.active / data.memory.total) * 100).toFixed(1) + '%';
}
// 如果后端直接提供了基于某种标准计算的 usedPercentage，且 active 不可用，则使用它
if (typeof data.memory.usedPercentage === 'number' && !isNaN(data.memory.usedPercentage)) {
return data.memory.usedPercentage.toFixed(1) + '%';
}
// 最后，如果 active 和 usedPercentage 都没有，才基于 used 计算 (这可能包含缓存)
if (typeof data.memory.used === 'number' && typeof data.memory.total === 'number' && data.memory.total > 0 && !isNaN(data.memory.used)) {
return ((data.memory.used / data.memory.total) * 100).toFixed(1) + '%';
}
}
return 'N/A';
})(),
description: `已用: ${data.memory && typeof data.memory.used === 'number' && !isNaN(data.memory.used) ? formatByteSize(data.memory.used) : 'N/A'} / 总量: ${data.memory && data.memory.total ? formatByteSize(data.memory.total) : 'N/A'}`,
icon: 'fas fa-memory',
color: 'var(--info-color)',
actionText: '详细信息',
actionCallback: () => showDetailsDialog('memory'),
unit: ''
},
{
id: 'diskUsage',
title: '磁盘使用率',
value: data.disk && data.disk.percent ? data.disk.percent : 'N/A',
description: `可用: ${data.disk && data.disk.available ? data.disk.available : 'N/A'} / 总量: ${data.disk && data.disk.size ? data.disk.size : 'N/A'}`,
icon: 'fas fa-hdd',
color: 'var(--secondary-color)',
actionText: '详细信息',
actionCallback: () => showDetailsDialog('disk'),
unit: ''
},
{
id: 'uptime', // 假设有一个API可以获取系统启动时间
title: '系统运行时长',
value: data.uptime || 'N/A', // 从 data.uptime 获取
description: '系统持续运行时间',
icon: 'fas fa-clock',
color: 'var(--purple-color)', // 自定义颜色变量
actionText: '系统日志',
actionLink: '#system-logs', // 假设有系统日志页面
unit: ''
}
];
dashboardGrid.innerHTML = ''; // 清空现有卡片
cardsData.forEach(cardInfo => {
if ((cardInfo.id === 'uptime' && !data.uptime) && cardInfo.id !== 'dockerStatus' && cardInfo.id !== 'containersCount') {
// 如果是 uptime卡片且没有uptime数据，则跳过 (但保留 Docker 和容器数量卡片)
if (cardInfo.id !== 'cpuUsage' && cardInfo.id !== 'memoryUsage' && cardInfo.id !== 'diskUsage') {
logger.debug(`Skipping card ${cardInfo.id} due to missing data or specific condition.`);
return;
}
}
// 特殊处理 Docker 服务卡片，即使服务未运行也显示
if (cardInfo.id === 'dockerStatus') {
// 总是创建 Docker 状态卡片
} else if (data.dockerStatus !== 'running' &&
(cardInfo.id === 'containersCount')) {
// 如果Docker服务未运行，则只显示 "N/A" 或 0 对于容器数量
cardInfo.value = 0; // 或 'N/A'
cardInfo.description = 'Docker 服务未运行';
} else if (data.dockerStatus !== 'running' && cardInfo.id !== 'uptime') {
// 如果 Docker 服务未运行，并且不是 uptime 卡片，则跳过其他依赖 Docker 的卡片
if (cardInfo.id !== 'cpuUsage' && cardInfo.id !== 'memoryUsage' && cardInfo.id !== 'diskUsage') {
logger.debug(`Skipping card ${cardInfo.id} because Docker is not running.`);
return;
}
}
const cardElement = createDashboardCard(cardInfo);
dashboardGrid.appendChild(cardElement);
});
}
// 格式化字节大小为易读格式
function formatByteSize(bytes) {
if (bytes === undefined || bytes === null) return '未知';
if (typeof bytes === 'string') {
if (!isNaN(parseInt(bytes))) {
bytes = parseInt(bytes);
} else {
return bytes; // 如果已经是格式化字符串，直接返回
}
}
if (typeof bytes !== 'number' || isNaN(bytes)) return '未知';
const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];
let size = bytes;
let unitIndex = 0;
while (size >= 1024 && unitIndex < units.length - 1) {
size /= 1024;
unitIndex++;
}
return `${size.toFixed(2)} ${units[unitIndex]}`;
}
// 更新内存详情表格
function updateMemoryDetailsTable(total, used, free, percent) {
const memDetailsBody = document.getElementById('memory-details-body');
if (memDetailsBody) {
const percentText = typeof percent === 'number' ? `${percent.toFixed(1)}%` : '未知';
memDetailsBody.innerHTML = `