docs: 更新开发日志-定时任务管理全栈完善

This commit is contained in:
attacker committed 2026-06-15 06:04:41 +08:00
1 parent 18dffa826a
commit bc7323e687
1 file changed
+30
+30
View File
@@ -767,3 +767,33 @@ cd ~/devops/aiops
- CronJob/Script 自动化运维组件同类问题排查(toast/confirm/主题色/字段名)
- 服务器管理(ServerManager) CRUD 前后端联调验证
- Dashboard 告警/发布"查看全部"跳转链接验证
## 2026-06-15 18:00 自动推进
### 任务: 定时任务管理(CronJobManager)全栈完善
**背景**: CronJobManager.tsx 存在与 ReleaseManager/PipelineManager 同类的问题——删除操作无确认框(直接删除)、全量硬编码 bg-slate-800 颜色(不支持主题切换)、无空状态、无手动刷新按钮、toggle 操作无 toast 反馈。
**修改文件**:
- `frontend/src/components/automation/CronJobManager.tsx` — 完整重写(538->578行):
- **新增删除确认框**: handleDeleteJob 改为接收完整 job 对象,调用 useConfirm({ title, description, variant: destructive }),确认后才执行删除
- **全量主题色**: bg-slate-800 -> var(--dg-bg-secondary)、border-slate-700 -> var(--dg-border)、text-slate-100/200 -> var(--dg-text-primary)、text-slate-400/500 -> var(--dg-text-secondary)、bg-slate-900 (Dialog) -> var(--dg-bg-primary)、bg-slate-950 (code) -> var(--dg-bg-tertiary)、hover:bg-slate-800/50 -> var(--dg-bg-hover)/50。状态色(emerald/red/blue 徽章)保留为语义色
- **新增空状态**: 无定时任务时显示 PackageOpen 图标 + "暂无定时任务"提示
- **新增刷新按钮**: 双 loading state(initialLoading + refreshing),首次加载全屏 spinner,手动刷新只 spin RefreshCw icon,避免全屏闪烁
- **toggle toast**: 启用/禁用操作新增 toast.success 反馈
- **执行历史空状态**: 无记录时显示 History 图标 + 提示
- **修复 Fragment key**: 执行历史 .map() 内的 <> 改为 <Fragment key={exec.id}>,消除 React key 警告
- **描述占位符**: job.description 为空时显示占位符而非空白
**验证结果**:
- 前端 tsc --noEmit 通过 + npm run build 通过 (2.11MB)
- 浏览器 UI 验证:5条任务列表正常加载、删除按钮弹出确认框(标题+任务名+取消/确认)、toggle 操作成功(禁用->启用->禁用)、编辑弹窗正确回填数据(名称/描述/cron/命令)、执行历史弹窗显示真实记录表
- console 零错误零警告(Fragment key 修复生效)
- git push 成功 (commit 18dffa8)
**下一步建议**:
- ScriptManager.tsx 同类问题排查(toast/confirm/主题色/空状态)
- AnsibleManager.tsx 同类问题排查
- 服务器管理(ServerManager) CRUD 前后端联调验证