开源软件名称：

开源软件地址：

开源软件介绍：

ZSFlowEditor

介绍

使用 vue3 、vite 、 AntV X6 完成的流程设计器。设计器主要的用途为 ERP 类项目的流程审批。因为平台旧版本使用的 SilverLight 流程设计器，然后按照项目需求和原有的样式制作的一模一样的设计器。支持 职能带、节点属性、边条件表达式等。

技术点

1、使用 vite + vue3 + vuex + axios + element plus + eslint + AntV X6 + mockjs2、手工加载 JSON 数据，手工创建画布节点，可以自定义业务数据3、自定义哪些节点类型可被选择、拖拽、移动等。4、职能带泳道，根据多边形画法完成职能带泳道。实现新增职能带泳道自动吸附对齐；只允许删除最后一个职能带泳道；实现子节点的选择事件和无法移出职能带范围

项目说明

基于内控场景的业务流程图，要求和市场上的流程图不太一样，最早流程图分业务域、流程图、活动图、步骤图，要求依据流程设立风险点、控制点与岗位职责。对接后续的风险预警模块，关联控制点和风险事项，建立控制、监控、预警体系，最终实现风险测评的目的。

根据需求，后续持续优化改进。

安装教程

安装依赖

npm install --registry=https://registry.npm.taobao.org

启动本地调试 使用 mockjs 带演示数据

npm run demo

项目截图

参与贡献

如果觉得项目对您有帮忙，请点星支持一下，欢迎留言交流讨论。

演示站点