refactor: 简化仪表盘布局
- 删除快捷链接侧边栏 - 删除快捷操作区域 - 删除服务状态区域 - 导航链接移到顶部导航栏 - 保留核心状态监控卡片
This commit is contained in:
@@ -76,6 +76,38 @@ body {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
/* 快捷导航栏 */
|
||||
.quick-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.nav-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 14px;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
border: none;
|
||||
border-radius: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .nav-btn {
|
||||
background: rgba(45, 55, 72, 0.9);
|
||||
color: #e2e8f0;
|
||||
}
|
||||
|
||||
.nav-btn:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.nav-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -50,56 +50,14 @@ async function fetchStatus() {
|
||||
}
|
||||
}
|
||||
|
||||
// 获取服务状态
|
||||
async function fetchServices() {
|
||||
try {
|
||||
const response = await fetch('/api/status/services');
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
const container = document.getElementById('services-grid');
|
||||
container.innerHTML = '';
|
||||
|
||||
const icons = {
|
||||
'Flask': '🌐',
|
||||
'思源笔记': '📝',
|
||||
'Gitea': '📦',
|
||||
'NocoDB': '📊',
|
||||
'Memory Viewer': '🧠'
|
||||
};
|
||||
|
||||
result.data.forEach(service => {
|
||||
const card = document.createElement('div');
|
||||
card.className = 'service-card';
|
||||
card.innerHTML = `
|
||||
<span class="icon">${icons[service.name] || '🔌'}</span>
|
||||
<div class="info">
|
||||
<div class="name">${service.name}</div>
|
||||
<div class="port">端口: ${service.port}</div>
|
||||
</div>
|
||||
<span class="status-badge ${service.status}">${
|
||||
service.status === 'running' ? '运行中' :
|
||||
service.status === 'stopped' ? '已停止' : '未知'
|
||||
}</span>
|
||||
`;
|
||||
container.appendChild(card);
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取服务状态失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 刷新状态
|
||||
function refreshStatus() {
|
||||
fetchStatus();
|
||||
fetchServices();
|
||||
}
|
||||
|
||||
// 初始化
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
fetchStatus();
|
||||
fetchServices();
|
||||
|
||||
// 每 30 秒自动刷新
|
||||
setInterval(fetchStatus, 30000);
|
||||
|
||||
Reference in New Issue
Block a user