feat: Ansible 完整工作流页面(模板→主机→预览→执行→监控)

**新组件 AnsibleWorkflow.tsx(~670行):**
- Step 1: 模板选择 — 卡片网格,按分类/标签搜索过滤
- Step 2: 主机匹配 — 正则/前缀/模糊搜索,checkable 表格,全选
- Step 3: 确认执行 — Playbook 摘要 + 主机列表 + YAML 预览
- Step 4: 执行监控 — 状态指示器 + 终端输出 + 耗时统计
- 执行记录 Tab — 历史列表 + 输出展开

**路由调整:**
- /ansible → AnsibleWorkflow(主工作流)
- /ansible/manage → AnsibleManager(模板 CRUD)

**类型补全:**
- ExecutionRecord 增加 triggered_by 字段
This commit is contained in:
attacker committed 2026-06-19 13:41:04 +00:00
1 parent c9b6647831
commit f05cf71121
5 files changed
+699 -6

No files matched your search

+3 -1
View File
@@ -33,6 +33,7 @@ import { PipelineManager } from '@/components/deploy/PipelineManager';
import { ReleaseManager } from '@/components/deploy/ReleaseManager';
import { CronJobManager } from '@/components/automation/CronJobManager';
import AnsibleManager from '@/components/automation/AnsibleManager';
import AnsibleWorkflow from '@/components/automation/AnsibleWorkflow';
import { AIOpsAssistant } from '@/components/aiops/AIOpsAssistant';
import { AIAlertAnalyzer } from '@/components/aiops/AIAlertAnalyzer';
import { AIPredictiveAnalytics } from '@/components/aiops/AIPredictiveAnalytics';
@@ -150,7 +151,8 @@ function App() {
{/* 自动化运维 */}
<Route path="cronjobs" element={<CronJobManager />} />
<Route path="scripts" element={<ScriptManager />} />
<Route path="ansible" element={<AnsibleManager />} />
<Route path="ansible" element={<AnsibleWorkflow />} />
<Route path="ansible/manage" element={<AnsibleManager />} />
{/* AIOps智能 */}
<Route path="ai-assistant" element={<AIOpsAssistant />} />
<Route path="ai-alert-analyzer" element={<AIAlertAnalyzer />} />