1.4 KiB
1.4 KiB
DevOps 运维平台前端 RTK
项目定位
devops-platform-web 是 DevOps 运维平台前端,用于统一查看和操作当前四个项目的部署与发布流程:
access-managerole-adminrole-usermy-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 替换
devopsApimock 返回。 - 发布中心触发按钮接入后端发布单创建接口。
- 运行记录接入后端 run/step 查询接口。
- BPMN XML 由后端流程定义接口返回。
- Agent 面板调用后端 Agent proxy,前端只传 DevOps 场景参数。