# DevOps 运维平台前端 RTK ## 项目定位 `devops-platform-web` 是 DevOps 运维平台前端,用于统一查看和操作当前四个项目的部署与发布流程: - `access-manage` - `role-admin` - `role-user` - `my-resume` 第一阶段为本地 mock UI,后续接入 `devops-platform-api`。 ## 页面结构 - `/login`:mock 登录。 - `/overview`:总览,展示服务状态、最近发布和项目环境。 - `/projects`:项目配置,展示 Gitea 仓库、Jenkins Job、企微机器人和环境策略。 - `/releases`:发布中心,提供发布参数、二次确认、触发、取消、重试和 BPMN 流程状态。 - `/runs`:运行记录,展示 run 列表和流程轨迹。 - `/agent`:Agent 辅助,只保留 DevOps 场景能力。 - `/settings`:系统配置,展示 API、BPMN、Agent、通知边界。 ## 数据约定 - mock 数据入口:`src/mocks/devops.ts` - API 封装入口:`src/services/devopsApi.ts` - Axios 实例:`src/services/http.ts` - 平台状态:`src/stores/platform.ts` - 登录状态:`src/stores/session.ts` ## 后续接入点 - 用后端 OpenAPI 替换 `devopsApi` mock 返回。 - 发布中心触发按钮接入后端发布单创建接口。 - 运行记录接入后端 run/step 查询接口。 - BPMN XML 由后端流程定义接口返回。 - Agent 面板调用后端 Agent proxy,前端只传 DevOps 场景参数。