基于vue实现钉钉审批流程(仿)

#基于vue实现钉钉审批流程(仿)| 来源: 网络整理| 查看: 265

做项目有个需求——实现审批流程，看了钉钉审批流感觉功能很强大，模仿其实现审批效果。

效果图

没有找到windows录制视频转gif的软件,所以只能放一张静图了，有好的软件欢迎各位积极分享。

在这里插入图片描述

代码位置

整个流程上传至github:https://github.com/ylqymm/workFlow

步骤

初始化

workFlow.vue:

{{nowVal}}% 开始结束

添加节点

addNode.vue:

审批人抄送人条件分支

弹框

在这里插入图片描述 nodeWrap.vue文件，代码不再粘贴，具体见github。注意：添加节点自动出现弹框代码如下：

条件设置

在这里插入图片描述

保存

保存前对数据进行非空校验在这里插入图片描述

将设置好的流程保存/调接口，下面打印的数据是向后端传的数据: 在这里插入图片描述

相关代码不再粘贴，想要了解的进入链接git clone代码运行自行研究,有问题欢迎指出❤️❤️❤️

【本文地址】

今日新闻