《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的是一个仿钉钉审批流程设置——Workflow。

安装运行

安装

git clone https://github.com/StavinLi/Workflow.git

运行

1、环境依赖 npm i
2、本地运行 npm run serve
3、打包运行 npm run build

项目介绍

• UI钉钉风格
• 技术点：组件自调用+递归处理，按树状结局处理审批流程问题
• 界面缩放

	

    {{nowVal}}%
    

• 节点设置（包括审批人、发起人、抄送人、条件设置）

 
    

        

            

                
                    指定成员
                    主管
                    发起人自选
                    发起人自己
                    连续多级主管
                
                ...

• 节点新增

    
          

              
                  

                      ?
                  
                  
审批人
              
              
                  

                      ?
                  
                  
抄送人
              
              
                  

                      ?
                  
                  
条件分支
              
          
          ...

• 错误校验

let {type,error,nodeName,conditionNodes} = childNode
if (type == 1 || type == 2) {
    if (error) {
        this.tipList.push({ name: nodeName, type: ["","审核人","抄送人"][type] })
    }
    this.reErr(childNode)
} else if (type == 3) {
    this.reErr(childNode)
} else if (type == 4) {
    this.reErr(childNode)
    for (var i = 0; i < conditionNodes.length; i++) {
        if (conditionNodes[i].error) {
            this.tipList.push({ name: conditionNodes[i].nodeName, type: "条件" })
        }
        this.reErr(conditionNodes[i])
    }
}

• 模糊搜索匹配人员、职位、角色

—END—

开源协议：MIT

开源地址：
https://github.com/StavinLi/Workflow