增加团队管理页面

This commit is contained in:
dengqichen 2025-10-30 17:26:12 +08:00
parent bd7733d7d7
commit b4f2a9d400

View File

@ -17,7 +17,7 @@ Deploy Ease Platform 是一个现代化的部署管理平台前端项目,基
## 项目结构 ## 项目结构
\`\`\` ```
src/ src/
├── components/ # 公共组件 ├── components/ # 公共组件
│ └── ui/ # shadcn/ui 组件 │ └── ui/ # shadcn/ui 组件
@ -34,48 +34,63 @@ src/
├── utils/ # 工具函数 ├── utils/ # 工具函数
├── hooks/ # 自定义 Hooks ├── hooks/ # 自定义 Hooks
└── types/ # TypeScript 类型定义 └── types/ # TypeScript 类型定义
\`\`\` ```
## 功能模块 ## 功能模块
### 1. 系统管理 ### 已完成的核心功能一览
- 用户管理
- 角色管理
- 菜单管理
- 部门管理
### 2. 部署管理 #### 1. 系统管理
- 项目组管理 - 用户管理:增删改查、批量分配、导出等
- 应用管理 - 角色管理:角色维护、权限配置、分发
- 环境管理 - 菜单管理:菜单结构管理、权限绑定
- 部署配置 - 部门管理:组织结构树、成员关系
- Jenkins管理
- 外部系统集成
### 3. 工作流管理 #### 2. 部署管理
- 工作流定义 - 项目组管理:分层架构/可视化呈现
- 工作流设计器 - 应用管理:基础信息、分类、编辑、上下线
- 工作流实例 - 环境管理:多环境切换与隔离
- 节点设计 - 部署配置CICD配置、模板配置、自动化脚本
- 工作流监控 - Jenkins 管理:流水线、任务触发、日志采集
- 日志流 - 外部系统集成Git、Docker、K8s、通知等系统对接
- 服务器管理:资产登记、分组、状态监控
- 定时任务管理:任务启/停/禁/恢复/立即执行、操作日志、cron表达式、分组管理
#### 3. 工作流管理
- 流程定义:自定义流程模板,版本管理
- 工作流设计器:可视化流程图绘制、条件设置、节点属性
- 流程实例:流程启动、节点状态追踪、审批流转
- 节点设计:节点表单、流转条件、校验
- 工作流监控:流程监控、实例追踪、事件审计
- 日志流:关键流转日志、运行详情、异常追踪
#### 4. 表单/低代码支持
- 表单设计器:字段联动、校验、模板保存、可视化拖拉拽
- 表单数据管理:详情、查询、审批流适配
#### 5. 其他与基础
- 登录/注册及权限校验自动跳转支持Token、菜单动态加载
- 公共布局框架:全局导航、响应式菜单、顶部头部(用户信息、天气、通知)
- 实时消息与操作提示全平台toast、弹窗反馈
- RESTful API统一封装异常处理、自动重定向、全局错误反馈
- 脚本化、模板化页面快速生成工具,覆盖开发全生命周期
## 开发指南 ## 开发指南
### 安装依赖 ### 安装依赖
\`\`\`bash ```bash
pnpm install pnpm install
\`\`\` ```
### 开发环境运行 ### 开发环境运行
\`\`\`bash ```bash
pnpm dev pnpm dev
\`\`\` ```
### 构建生产环境 ### 构建生产环境
\`\`\`bash ```bash
pnpm build pnpm build
\`\`\` ```
## 页面生成工具 ## 页面生成工具
@ -84,31 +99,31 @@ pnpm build
### 使用方法 ### 使用方法
1. 编译生成器: 1. 编译生成器:
\`\`\`bash ```bash
npx tsc -p scripts/tsconfig.json npx tsc -p scripts/tsconfig.json
\`\`\` ```
2. 运行生成器(两种方式): 2. 运行生成器(两种方式):
a. 交互式模式: a. 交互式模式:
\`\`\`bash ```bash
node dist/scripts/generate-page.js node dist/scripts/generate-page.js
\`\`\` ```
b. 命令行参数模式: b. 命令行参数模式:
\`\`\`bash ```bash
node dist/scripts/generate-page.js user "用户管理" "/api/v1/users" node dist/scripts/generate-page.js user "用户管理" "/api/v1/users"
\`\`\` ```
### 生成的文件结构 ### 生成的文件结构
生成器会在 \`src/pages/[模块名]/List/\` 目录下创建以下文件: 生成器会在 `src/pages/[模块名]/List/` 目录下创建以下文件:
- \`types.ts\`: 类型定义 - `types.ts`: 类型定义
- \`schema.ts\`: 表单验证 schema - `schema.ts`: 表单验证 schema
- \`service.ts\`: API 服务 - `service.ts`: API 服务
- \`index.tsx\`: 列表页面组件 - `index.tsx`: 列表页面组件
- \`components/[模块名]Modal.tsx\`: 编辑弹窗组件 - `components/[模块名]Modal.tsx`: 编辑弹窗组件
生成的页面包含以下功能: 生成的页面包含以下功能:
- 列表展示 - 列表展示
@ -158,3 +173,9 @@ npx tsc -p scripts/tsconfig.json
## 许可证 ## 许可证
[MIT License](LICENSE) [MIT License](LICENSE)
---
## 当前进度总结
Deploy Ease Platform 前端现已全面实现了企业级部署自动化、权限组织、流程设计、定时任务调度、低代码表单等主流能力覆盖了从组织管控到应用交付、流程编排与运维监控的全业务链路。架构高度模块化、类型定义严格接口与UI解耦利于多团队协作与持续扩展。整体技术栈现代体验优良适用于现代云运维、DevOps与低代码平台的前端技术解决方案。