# process-designer

**Repository Path**: c2ml2b/process-designer

## Basic Information

- **Project Name**: process-designer
- **Description**: 流程设计器， 基于vue3+vite+arco design
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-07-28
- **Last Updated**: 2025-07-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# process-designer 流程设计器
#### 介绍
- 仿钉钉的流程设计器，包含复杂的条件设计器， 基于vue3 + vite + [arco design(字节跳动)](https://arco.design/)
- 核心思想基于项目 [工作流程设计器](<https://gitee.com/willianfu/jw-workflow-engine>)
- 完全使用vue3组合API编码风格
- 目前只有前端代码，后续再写后端(基于flowable)
- 预设计接入表单设计器字段
- 审批按钮权限配置
- 表单字段权限设置
- 条件设计器

#### 安装教程
- node 版本 18.5.0
1. npm install
2. npm run dev
#### 功能截图
- 启动页面
![输入图片说明](doc/imageSnipaste_2023-04-27_14-19-06.png)
- 节点配置
![输入图片说明](doc/imageSnipaste_2023-04-27_14-20-21.png)
- 人员选择
![输入图片说明](doc/imageSnipaste_2023-04-27_14-55-23.png)
- 审批按钮配置
![输入图片说明](doc/imageSnipaste_2023-04-27_14-20-40.png)
- 表单字段权限设置
![输入图片说明](doc/imageSnipaste_2023-04-27_14-21-09.png)
- 流程配置校验
![输入图片说明](doc/imageSnipaste_2023-04-27_14-21-40.png)
- 条件分支的复杂条件配置器
![输入图片说明](doc/imageSnipaste_2023-04-27_14-25-30.png)