# DevOps 运维平台前端 RTK ## 项目定位 `devops-platform-web` 是 DevOps 运维平台前端,用于统一查看和操作当前项目的部署与发布流程: - `access-manage` - `role-admin` - `role-user` - `my-resume` - `devops-platform-api` - `devops-platform-web` 当前前端只调用 `devops-platform-api`,不再提供本地 mock 数据降级。 ## 页面结构 - `/login`:真实平台账号登录入口,支持 token 恢复和首次改密。 - `/overview`:总览,展示服务状态、最近发布和项目环境。 - `/projects`:项目配置,展示 Gitea 仓库、Jenkins Job、通知通道和环境策略。 - `/members`:成员权限,仅超级管理员可见,维护普通成员、项目权限和密码重置消息。 - `/releases`:发布中心,提供发布参数、二次确认、触发、取消、重试和 BPMN 流程状态。 - `/runs`:运行记录,展示 run 列表和流程轨迹。 - 顶部 Agent 按钮:打开全局右侧抽屉,只保留 DevOps 场景能力;`/agent` 仅重定向到总览,不作为独立侧边栏入口。 - `/settings`:系统配置,展示 API、BPMN、Agent、通知边界,并维护后端 Agent 模型配置。 ## 数据约定 - API 封装入口:`src/services/devopsApi.ts` - Axios 实例:`src/services/http.ts` - 平台状态:`src/stores/platform.ts` - 登录状态:`src/stores/session.ts` ## 后续接入点 - `devopsApi` 所有项目、发布、refs、流程、成员、消息和 Agent 调用均走后端接口。 - 发布中心触发按钮接入后端发布单创建接口。 - 运行记录接入后端 run/step 查询接口。 - BPMN XML 由后端流程定义接口返回。 - Agent 面板调用后端 Agent proxy,前端只传 DevOps 场景参数。 - Agent 配置页调用后端 `/agent/config`,前端不持久化 key、baseURL 或 model。