汽车行业
几款开源不收的仿钉钉流程设计器
2022-11-27 00:49  浏览:1979

1、Workflow

(1) 介绍:

模仿钉钉审批流程设置,基于vue开发。

(2) 源码下载:

gitee/luocheng/Workflow/tree/master

(3) 项目说明:

  • UI钉钉风格
  • 技术点

    组件自动调用+递归处理

  • 功能点

    界面缩放 、节点设置、节点新增。

    (4) 效果截图:

    2、approvalFlow

    (1) 介绍:

    一款模仿钉钉审批流程开发得表单+流程设计器,可以实现类似钉钉审批流程界面效果,前端使用vue开发。

    (2) 源码下载:

    github/SNFocus/approvalFlow

    (3) 项目说明:

    表单配置(form-generator)

  • 拖拽表单,生成布局页面
  • 配置拖拽组件属性,定制组件形态
  • 生成JSON数据并生成预览页面

    流程节点配置(仿钉钉界面)

  • 创建审批流程(发起人,审批人,条件节点,抄送人)
  • 配置节点详细数据,包括条件节点表达式及期望值等
  • 配置节点对表单得权限(目前并未在预览页面中做控制)
  • 必填节点校验

    (4) 效果截图:

    3、wflow-web

    (1) 介绍:

    wflow-web 是 wflow工作流 项目得前端设计器,免费且开源,本设计器包含表单设计,审批流程设计。

    (2) 源码下载:

    gitee/willianfu/jw-workflow-engine

    (3) 项目说明:

    区别于传统Bpmn自带流程设计器,传统设计器晦涩难懂,对于普通企业用户使用门槛偏高,没有经过可以培训根本无从下手,需要相关可以人员帮助来创建流程。而本设计器界面简单,符合普通大众得思维逻辑,易于理解和上手使用。

    (4) 效果截图:

    4、work-flow

    (1) 介绍:

    仿钉钉实现自动化流程配置。

    (2) 源码下载:

    gitee/ronald_fengkun/work-flow

    (3) 效果截图:

    5、smart-flow-design

    (1) 介绍:

    基于 vue、ant-design-vue 得仿钉钉自定义流程设置组件。

    (2) 源码下载:

    gitee/flystone/smart-flow-design

    (3) 效果截图: