【前端开发】前端基于vue+element架构开发流程图的几种解决方案

1、流程图设计器（带样式）

预览地址： http://zh888.gitee.io/flow-demo

截图

维护端设计器

 业务端审批流向（红色代码已完成、蓝色代表当前进度，灰色代表还未开始）

 

 

2、流程图设计器（无样式）

地址：https://zh888.gitee.io/my-project/#/ 

截图

 

3、 logicFlow流程图demo

地址：https://zh888.gitee.io/flow-demo/logicFlow.html#/

截图

4、 dagre-d3流程图demo

地址：https://gitee.com/zh888/dagre-d3-self-demo

截图

 

 说明：如上是不同业务场景的流程图方案，前端是基于vue+element实现，如上地址支持操作体验预览，若有疑问咨询加v：844271163