基于Vue3 + ElementPlus的独立流程设计器

• 

• 成品案例 预览入口

• 独立流程设计器 预览入口

• 项目文档 wiki入口

• 流程设计器地址 Gitee仓库 | GitHub仓库 | GitCode仓库

• Antflow项目地址 Gitee仓库 | Github仓库 | GitCode仓库

• QQ技术交流群（972107977） 期待您的加入

• 有疑问/建议可以Issues留言，我们会认真对待 issues地址

项目介绍

• UI钉钉风格
• 技术点
  1、组件自调用+递归处理，按树状结局处理审批流程问题
  2、接入 VForm3 低代码表单实现【零】编码发起工作流
  3、本项目流程设计器，方便集成到现有项目中或者二次开发
  
• 流程设计器
  1、节点操作：流程节点（添加、修改、删除)。
  2、节点设置：包括审批人、发起人、抄送人、条件设置。
  3、条件节点：选择条件类型，自定义配置条件判断值。
  4、审批节点：选择需要审批的人员、角色、或部门。
  5、抄送节点：选择抄送到的人员、角色、或部门。
  6、错误校验: 对流程节点参数的校验。
  7、流程发布: 当前配置流程提交到Api接口。
  

演示图

---

项目源码

项目	Gitee	Github	GitCode
设计器	Antflow-Designer	Antflow-Designer	Antflow-Designer
成品项目	Antflow	Antflow	Antflow

项目运行 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

捐赠支持

😀 你可以请作者喝杯咖啡表示鼓励

好书推荐

大家在使用本项目时，推荐结合贺波老师的书 《深入Flowable流程引擎：核心原理与高阶实战》学习。这本书得到了Flowable创始人Tijs Rademakers亲笔作序推荐，对系统学习和深入掌握Flowable的用法非常有帮助。

flowable源于activiti,很多核心表,核心api和设计模式都是一样的.读flowable的书同样也可以用在activiti上