In this issue, we recommend an open-source process approval designer, ZSFlowEditor.
ZSFlowEditor is a process designer that uses vue3, vite, and AntV X6. The main purpose of the designer is to approve the process of ERP projects, and supports functional bands, node attributes, edge condition expressions, etc.
Technical points
Use vite + vue3 + vuex + axios + element plus + eslint + AntV X6 + mockjs
Manually load JSON data and manually create canvas nodes to customize business data
Customize which node types can be selected, dragged and moved.
Functional band swimlanes, complete functional band swimlanes according to the polygon drawing method. Realize the automatic adsorption alignment of the new functional belt lanes; Only the last functional band swimlane is allowed to be deleted; Implement the selection event of a child node and the inability to move out of the functional band scope
Installation
depend
npm install –registry=https://registry.npm.taobao.org
Start local debugging and use mockjs with demo data
npm run demo
Screenshot of the project
You can read more on your own.