Workflow：仿钉钉审批流程设置

Workflow是一个仿钉钉审批流程设置的项目，开源地址有vue2、vue3、react版本。基于vue开发，有组件自调用+递归处理的技术点按树状结构处理审批流程，功能包括界面缩放、节点设置、节点新增、错误校验、模糊搜索等，还有项目安装与运行的相关操作。

【Github】项目名：Workflow-仿钉钉审批流程设置

Workflow是一个仿钉钉审批流程设置的项目，其开源地址有vue2、vue3、react版本，基于vue开发，拥有QQ交流群方便交流，还有项目预览地址。

在技术点方面采用了组件自调用+递归处理，按树状结构来处理审批流程问题。

界面缩放功能，通过代码如
<div :class=”‘zoom-out’+(nowVal==50?’disabled’:”)” @click=”zoomSize(1)”>
{{nowVal}}%<div :class=”‘zoom-in’+(nowVal==300?’disabled’:”)” @click=”zoomSize(2)”>

实现。

节点设置，包括审批人、发起人、抄送人、条件设置等，例如审批人设置通过抽屉组件实现多种类型选择。

节点新增功能，如点击按钮可弹出相应的操作项来添加审批人、抄送人、条件分支等。

具备错误校验功能，根据不同类型节点进行错误校验并处理。

支持模糊搜索来匹配人员、职位、角色等。

项目安装可通过git clone https://github.com/StavinLi/Workflow.git，运行时如果是node14环境，首先安装依赖npmi，本地运行使用npm run serve，打包运行使用npm run build。

Workflow项目提供了仿钉钉审批流程设置的功能，涵盖多种技术和功能点。希望大家对这个项目感兴趣的话可以积极留言参与讨论，分享自己的看法或者提出改进的建议等。