Vue (js) 有没有这样的流程设计组件 (和飞书审批的流程相似的)

This topic created in 1303 days ago, the information mentioned may be changed or developed.

如下图所示, 大家有看到过类似组件的, 麻烦告诉一声, 谢谢
---
目前找到接近的是
https://github.com/BiaoChengLiu/easy-flow
但是这个完善度不高, 条件这些都还没有做的

组件

Vue

流程

审批

19 replies • 2022-11-11 19:34:33 +08:00

zjhjszwx

Nov 11, 2022

https://github.com/SNFocus/approvalFlow 看看这个

wzw

Nov 11, 2022

@zjhjszwx #1 给你一个大大的点赞

LavaC

Nov 11, 2022

以前一个项目产品说需要一个像飞书的，然后就做了一个跟（当时的）飞书样式一模一样的审核流程组件

LavaC

Nov 11, 2022

忘了补图了 https://imgur.com/a/IKFH6tG

wzw

Nov 11, 2022

@LavaC #3 是用什么来写的? 用 JsPlumb 了吗?

LavaC

Nov 11, 2022

@wzw 纯 html+css

wzw

Nov 11, 2022

@LavaC #6 有没有开源呀, 分享一下

LavaC

Nov 11, 2022

@wzw 可以放出代码片段，整体因为和公司的业务组件耦合得比较严重我之前想拆出来开源没成功过，而且数据为了适配后端要的 bpmn 格式多了一部分大伙可能都不需要的数据结构转换代码。

wzw

Nov 11, 2022

@LavaC #8 我们现在只要流程设计这部分, 其他部分都不需要, 数据结构也是 nodeList + lineList 吗? 如果可以如何获取代码片段

SSSensational

Nov 11, 2022

写过一个 react 纯 DOM 版的，可以参考一下 https://custom-lib.github.io/custom-react-flowchart/

wzw

Nov 11, 2022

@SSSensational #10 感谢, 上面有 vue 版的参考了, 这个留给用 react 的同学 😀

Sk8erBoi

Nov 11, 2022

https://antv.vision/zh 看看 X6

DICK23

Nov 11, 2022

antv 试试吧

LavaC

Nov 11, 2022

@wzw https://github.com/LavaCxx/flow-core 刚刚临时弄上去的，希望能有帮助

wzw

Nov 11, 2022

@LavaC #14 感谢, 我们试试

leekoho

Nov 11, 2022

![]( https://tva1.sinaimg.cn/large/008vxvgGgy1h80zgplvu0j31kz0u0acq.jpg)

我这个用 Antv G6 实现的

leekoho

Nov 11, 2022

![]( https://tva1.sinaimg.cn/large/008vxvgGgy1h80zrw4s0jj322g0k877t.jpg)

sadfQED2

Nov 11, 2022

https://github.com/didi/LogicFlow

看看这个？滴滴开源的

laimailai

Nov 11, 2022

@zjhjszwx 这个不错，和钉钉那套一样