项目目录与路由
项目目录结构
src/
├── api/ # API 接口模块
├── assets/ # 静态资源
├── components/ # 公共组件
│ ├── common/ # 通用组件(人员选择器、分组创建等)
│ ├── flow/ # 流程设计器组件(节点渲染、节点设置等)
│ ├── form/ # 表单设计器组件(字段、属性编辑器等)
│ ├── icon/ # 图标组件
│ └── management/ # 管理模块组件
├── constants/ # 常量定义
├── enums/ # 枚举定义
├── router/ # 路由配置
├── stores/ # Pinia 状态仓库
├── utils/ # 工具函数
└── views/ # 页面视图
├── approval/ # 审批相关页面
├── design/ # 设计器页面
├── home/ # 首页
└── management/ # 管理页面路由结构
前端采用 Hash 路由模式(createWebHashHistory),路由配置如下:
| 路由路径 | 页面 | 说明 |
|---|---|---|
/ | - | 重定向到 /home |
/home | HomeView | 主布局(左侧菜单 + 右侧内容) |
/home/initiate | InitiateApproval | 发起审批页 |
/home/manage-forms | ManageForms | 表单管理页 |
/design | Design | 表单/流程设计器(支持 ?id= 和 ?code= 参数加载已有表单) |
/approval-form | ApprovalFormView | 审批表单填写页 |