湛兮
8ffbdb4d45
- src/views/MembersView.vue: 新增成员、项目权限和密码消息管理 - src/views/SettingsView.vue: 接入 Agent 配置读取、保存和连接测试 - src/services/devopsApi.ts: 补齐成员、消息和 Agent 配置真实接口 - src/views/AgentView.vue: 移除旧独立 Agent 页面，保留顶部右侧抽屉入口
42 lines
1.8 KiB
Markdown
42 lines
1.8 KiB
Markdown
# 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。
|