项目总览界面UI美化与入组数据统计修复

- 重构总览页面布局:卡片化设计、顶部标题栏、图标装饰
- 美化进度时间线:hover高亮、呼吸动画、渐变连接线
- 重写入组图表:去除边框、虚线网格、渐变柱子、柔和背景
- 修复入组统计:同时匹配enrollment_date和ENROLLED状态
- 移除adapter中hasEnrollmentStage过滤,显示真实入组数

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Cheng Zhou
2026-05-20 16:53:36 +08:00
parent 5b97ea32ab
commit 6d682103f3
7 changed files with 323 additions and 202 deletions
+13 -12
View File
@@ -7099,30 +7099,31 @@ onBeforeUnmount(() => {
.setup-content-step-nav {
display: flex;
align-items: center;
gap: 8px;
gap: 6px;
}
.setup-content-step-nav :deep(.el-button.is-circle) {
width: 28px;
height: 28px;
width: 32px;
height: 32px;
padding: 0;
background: transparent !important;
border: 1px solid #e2e8f0 !important;
color: #64748b !important;
background: #f1f5f9 !important;
border: 1.5px solid #cbd5e1 !important;
color: #475569 !important;
font-size: 14px;
transition: all 0.2s;
}
.setup-content-step-nav :deep(.el-button.is-circle:hover) {
background: #f8fafc !important;
border-color: #cbd5e1 !important;
color: #3b82f6 !important;
background: #e2e8f0 !important;
border-color: #94a3b8 !important;
color: #1e40af !important;
}
.setup-content-step-nav :deep(.el-button.is-circle.is-disabled),
.setup-content-step-nav :deep(.el-button.is-circle.is-disabled:hover) {
background: transparent !important;
border-color: #f1f5f9 !important;
color: #e2e8f0 !important;
background: #f8fafc !important;
border-color: #e2e8f0 !important;
color: #cbd5e1 !important;
cursor: not-allowed;
}