Files
devops-platform-web/RTK.md
T
湛兮 8ffbdb4d45 feat: 接入成员权限与 Agent 配置页面
- src/views/MembersView.vue: 新增成员、项目权限和密码消息管理
- src/views/SettingsView.vue: 接入 Agent 配置读取、保存和连接测试
- src/services/devopsApi.ts: 补齐成员、消息和 Agent 配置真实接口
- src/views/AgentView.vue: 移除旧独立 Agent 页面,保留顶部右侧抽屉入口
2026-06-12 00:59:26 +08:00

1.8 KiB

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。