8ffbdb4d45
- src/views/MembersView.vue: 新增成员、项目权限和密码消息管理 - src/views/SettingsView.vue: 接入 Agent 配置读取、保存和连接测试 - src/services/devopsApi.ts: 补齐成员、消息和 Agent 配置真实接口 - src/views/AgentView.vue: 移除旧独立 Agent 页面,保留顶部右侧抽屉入口
1.8 KiB
1.8 KiB
DevOps 运维平台前端 RTK
项目定位
devops-platform-web 是 DevOps 运维平台前端,用于统一查看和操作当前项目的部署与发布流程:
access-managerole-adminrole-usermy-resumedevops-platform-apidevops-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。