莫方教程网

专业程序员编程教程与实战案例分享

几款开源免费的仿钉钉流程设计器_怎么设置钉钉流程设计

#头条创作挑战赛#

1、Workflow

(1) 介绍:

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

(2) 源码下载:

https://gitee.com/luocheng/Workflow/tree/master

(3) 项目说明:

  • UI钉钉风格
  • 技术点

组件自动调用+递归处理

  • 功能点

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

(4) 效果截图:

2、approvalFlow

(1) 介绍:

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

(2) 源码下载:

https://github.com/SNFocus/approvalFlow

(3) 项目说明:

表单配置(form-generator)

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

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

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

(4) 效果截图:

3、wflow-web

(1) 介绍:

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

(2) 源码下载:

https://gitee.com/willianfu/jw-workflow-engine

(3) 项目说明:

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

(4) 效果截图:

4、work-flow

(1) 介绍:

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

(2) 源码下载:

https://gitee.com/ronald_fengkun/work-flow

(3) 效果截图:

5、smart-flow-design

(1) 介绍:

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

(2) 源码下载:

https://gitee.com/flystone/smart-flow-design

(3) 效果截图:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言

    滇ICP备2024046894号-1