Vue仿钉钉审批流程

workflow钉钉审批流程设置

workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756

• 线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！

• 预览地址 https://stavinli.github.io/Workflow/dist/index.html#/

项目介绍

• UI钉钉风格
• 技术点
• 组件自调用+递归处理，按树状结局处理审批流程问题
• 主要功能点

• 界面缩放
  

  
    
  
    {{nowVal}}%
    
  
  

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

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

• 节点新增
  

  
    
          
  
              
                  
  
                      
                  
                  
  审批人
              
              
                  
  
                      
                  
                  
  抄送人
              
              
                  
  
                      
                  
                  
  条件分支
              
          
          ...

  5.错误校验
  

  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])
    }
  }

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

  项目安装

git clone https://github.com/StavinLi/W... 点个赞吧！

项目运行

1.环境依赖 npm i

2.本地运行 npm run serve

3.打包运行 npm run build