如果您对源码&技术感兴趣，请点赞+收藏+转发+关注，大家的支持是我分享最大的动力！！！

项目介绍

AntFlow-Designer 是一个基于 Vue3 和 ElementPlus 构建的开源、免费、独立的流程设计器，旨在为企业提供一个可视化的流程配置平台。通过该设计器，企业可以极大地降低审批流程设计的门槛，实现自定义审批节点、审批条件、必填参数校验等功能，满足99.8%以上的审批流程需求。

应用场景

企业内部的请假审批、报销审批等流程管理。
项目管理中的任务分配、进度跟踪等流程设计。
生产流程中的质量控制、物料管理等流程优化。

通过 AntFlow-Designer，企业可以更加高效地管理和优化各种审批流程，提高工作效率。

功能模块

AntFlow-Designer 主要包含以下几个功能模块：

节点操作：支持流程节点的添加、修改、删除等操作。
节点设置：包括审批人、发起人、抄送人、条件设置等。
条件节点：选择条件类型，自定义配置条件判断值。
审批节点：选择需要审批的人员、角色、或部门。
抄送节点：选择抄送到的人员、角色、或部门。
错误校验：对流程节点参数进行校验，确保数据准确性。
流程发布：将当前配置流程提交到 Api 接口，实现流程的发布和应用。

功能特点

可视化设计：通过拖拽式操作，用户可以直观地设计审批流程，降低使用难度。
自定义程度高：支持自定义审批节点、审批条件、抄送节点等，满足企业多样化的需求。
校验机制完善：内置参数校验机制，确保流程数据的准确性和完整性。
易于集成：方便集成到现有项目中或进行二次开发，降低企业的开发成本。
开源免费：遵循 Apache-2.0 开源许可协议，用户可以自由使用、修改和分发。

项目技术栈

Vue3：作为前端框架，提供响应式的数据绑定和组件化开发支持。
ElementPlus：作为 UI 组件库，提供丰富的 UI 组件，提高开发效率。
Vite：作为构建工具，提供快速的开发环境构建和打包功能。

项目运行

项目运行 node14.20.1 以上版本

1. 下载项目 git clone https://gitee.com/ldhnet/Antflow-Designer.git

2. 环境依赖 npm install --registry=https://registry.npmmirror.com

3. 本地运行 npm run dev

4. 打包运行 npm run build

功能演示

开源地址

https://gitee.com/ldhnet/AntFlow-Designer