react仿钉钉流程图-审批工作流

前言
此前做项目遇到一个流程图的业务场景，查找了一些资料和插件都没有找到理想的，最后找到了一款比较美观，仿钉钉流程图的。但是找来找去都找不到react版本的，只找到vue版本的，没办法，只能自己写一个。

仿钉钉流程图 Api包括：一维数组传参，获取单节点数据，返回所有节点组成的一位数组生成每个节点的父节点Id集合,功能大同小异，所以，仿照钉钉管理系统花了一个流程图效果如下

效果图

这里简化了一点，只用到这几个，功能稍微简单一点，最主要的难点是分支，这里已经解决

数据格式

{id: 'root',parentId: null,type: 'root',name: '发起人',desc: '所有人',props: {assignedUser: [],formPerms: [],},branchs: [],children: { // 子集，树形结构id: '01',parentId: null,type: 'approval',name: '发起人',desc: '指定人',props: {assignedUser: [],formPerms: [],},branchs: [],children: null, // 子集，},},

react仿钉钉流程图-审批工作流相关推荐

解析approvalFlow——仿钉钉后台审批流程
文章目录 1. approval介绍 1.1 功能应用 1.2 项目地址 2. jsxPreview.vue应用 2.1 页面结构 2.2 表单解析 3. 功能拓展 3.1 数据回显 3.2 拓展样式 ...
钉钉工作流报错：50001流程处理异常:审批系统错误，原因为【{0}】
目录完整报错如下操作过程如下猜测原因咨询官方原因完整报错如下 {"code": 50001,"msg": "流程处理异常:审批系统错误,原因 ...
workflow仿钉钉审批流程设置
workflow钉钉审批流程设置 workflow钉钉审批流程设置,支持vue2.vue3及react开发开源地址vue3版本 https://github.com/StavinLi/Workflo ...
基于vue实现钉钉审批流程(仿)
做项目有个需求--实现审批流程,看了钉钉审批流感觉功能很强大,模仿其实现审批效果. 效果图没有找到windows录制视频转gif的软件,所以只能放一张静图了,有好的软件欢迎各位积极分享. 代码位置 ...
拆解钉钉流程审批功能：卡片式配置的审批流是怎样设计的？
有个客户要求我们做个定制开发,客户觉得钉钉的操作体验比较不错(用户使用的惯性),要求我们要实现钉钉的自动配置审批流程,不过幸不辱命,对比个钉钉的流程审批.表单配置的相关功能,做了个Java私有化的版本 ...
【钉钉-场景化能力包】企业系统和钉钉工作流打通
需求场景财务ERP系统链接上钉钉,钉钉审批流可以使用ERP数据,并轻松生产财务凭证. 制造业企业定制供应商管理应用系统时,在SCRM中发起钉钉工作流供应商入库.订单审批,并获取审批结果. 医院中员工 ...
5分钟接入钉钉工作流之模板配置、钉钉接口流程发起
一.前言自从上次水了一篇写了一篇5分钟快速接入钉钉实现考勤后过了1个多月的时间,我福乐里又和大家见面了,今天我来聊聊工作流的那些事. 想必各位攻城狮都做过或者接触过OA系统,说到OA系统肯定离不 ...
对接钉钉审批_钉钉审批对接是什么-和钉钉审批对接相关的问题-阿里云开发者社区...
关于钉钉审批对接的搜索结果问题企业系统对接钉钉生成审批单,企业系统处理审批后,如何撤销钉钉审批单公司erp系统与钉钉对接,erp发起审批后同步到钉钉生成审批实例,在erp中用户处理了审批,如何 ...
钉钉运用php技术流程图,钉钉操作流程图
<钉钉操作流程图>由会员分享,可在线阅读,更多相关<钉钉操作流程图(17页珍藏版)>请在人人文库网上搜索. 1.钉钉操作流程范围,人事行政,目录,01,02,03,04,人员电 ...
宜搭和钉钉审批流的比较
一.宜搭版本介绍使用场景在宜搭的应用中,通过以下几类页面来配合完成完整的业务场景需求的解决: 表单:存储或收集数据,通过权限配置实现不同角色人员能够拥有不同的数据增删改查.导入.导出等权限: 流 ...

react仿钉钉流程图-审批工作流

效果图

数据格式

react仿钉钉流程图-审批工作流相关推荐

最新文章

热门文章