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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 729 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

组件

Vue

流程

审批

19 条回复 • 2022-11-11 19:34:33 +08:00

zjhjszwx

2022-11-11 08:47:54 +08:00

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

wzw

2022-11-11 09:00:49 +08:00

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

LavaC

2022-11-11 09:19:49 +08:00

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

LavaC

2022-11-11 09:20:53 +08:00

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

wzw

2022-11-11 09:21:23 +08:00

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

LavaC

2022-11-11 09:25:05 +08:00

@wzw 纯 html+css

wzw

2022-11-11 09:28:24 +08:00

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

LavaC

2022-11-11 09:34:01 +08:00

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

wzw

2022-11-11 09:36:16 +08:00

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

SSSensational

2022-11-11 09:38:07 +08:00

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

wzw

2022-11-11 09:42:14 +08:00

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

Sk8erBoi

2022-11-11 09:51:20 +08:00

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

DICK23

2022-11-11 10:00:55 +08:00

antv 试试吧

LavaC

2022-11-11 10:02:53 +08:00

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

wzw

2022-11-11 10:30:44 +08:00

@LavaC #14 感谢, 我们试试

leekoho

2022-11-11 10:35:32 +08:00

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

我这个用 Antv G6 实现的

leekoho

2022-11-11 10:45:22 +08:00

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

sadfQED2

2022-11-11 16:39:47 +08:00

https://github.com/didi/LogicFlow

看看这个？滴滴开源的

laimailai

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

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