Skip to content

项目目录与路由

项目目录结构

src/
├── api/            # API 接口模块
├── assets/         # 静态资源
├── components/     # 公共组件
│   ├── common/     # 通用组件(人员选择器、分组创建等)
│   ├── flow/       # 流程设计器组件(节点渲染、节点设置等)
│   ├── form/       # 表单设计器组件(字段、属性编辑器等)
│   ├── icon/       # 图标组件
│   └── management/ # 管理模块组件
├── constants/      # 常量定义
├── enums/          # 枚举定义
├── router/         # 路由配置
├── stores/         # Pinia 状态仓库
├── utils/          # 工具函数
└── views/          # 页面视图
    ├── approval/   # 审批相关页面
    ├── design/     # 设计器页面
    ├── home/       # 首页
    └── management/ # 管理页面

路由结构

前端采用 Hash 路由模式(createWebHashHistory),路由配置如下:

路由路径页面说明
/-重定向到 /home
/homeHomeView主布局(左侧菜单 + 右侧内容)
/home/initiateInitiateApproval发起审批页
/home/manage-formsManageForms表单管理页
/designDesign表单/流程设计器(支持 ?id=?code= 参数加载已有表单)
/approval-formApprovalFormView审批表单填写页

鄂ICP备2022006250号-5