feat: 重构项目心跳数据结构并实现相关功能

- 重构Redis心跳数据结构,使用统一的项目列表键
- 新增数据迁移工具和API端点
- 更新前端以使用真实项目数据
- 添加系统部署配置和文档
- 修复代码格式和样式问题
This commit is contained in:
2026-01-15 14:14:10 +08:00
parent 282f7268ed
commit a8faa7dcaa
24 changed files with 307 additions and 560 deletions

View File

@@ -1,46 +1,28 @@
<template>
<div class="app-container">
<header class="app-header">
<button
v-if="isMobile"
class="menu-toggle"
@click="toggleSidebar"
>
<button v-if="isMobile" class="menu-toggle" @click="toggleSidebar">
<span class="menu-icon" />
</button>
<h1>BLS Project Console</h1>
<div
class="service-status"
:class="{
'status-ok': serviceStatus === 'ok',
'status-error': serviceStatus === 'error',
}"
>
<div class="service-status"
:class="{ 'status-ok': serviceStatus === 'ok', 'status-error': serviceStatus === 'error' }">
{{ serviceStatusText }}
</div>
</header>
<div class="app-content">
<!-- 左侧选择区域 -->
<aside
class="sidebar"
:class="{ 'sidebar-closed': !sidebarOpen && isMobile }"
>
<aside class="sidebar" :class="{ 'sidebar-closed': !sidebarOpen && isMobile }">
<router-view name="sidebar" />
</aside>
<!-- 右侧调试区域 -->
<main class="main-content">
<div
v-if="serviceStatus === 'error'"
class="service-error-message"
>
<div v-if="serviceStatus === 'error'" class="service-error-message">
<h3>服务不可用</h3>
<p>无法连接到后端服务请检查服务是否正常运行</p>
</div>
<router-view
v-else
name="main"
/>
<router-view v-else name="main" />
</main>
</div>
</div>
@@ -151,7 +133,7 @@ body {
}
.app-header {
background-color: #008c8c;
background-color: #008C8C;
color: white;
padding: 0.6rem 1rem;
display: flex;
@@ -196,9 +178,7 @@ body {
width: 20px;
height: 2px;
background-color: white;
transition:
transform 0.2s,
top 0.2s;
transition: transform 0.2s, top 0.2s;
}
.menu-icon::before {
@@ -326,4 +306,4 @@ body {
width: 280px;
}
}
</style>
</style>