邢台路桥建设总公司没有网站吗,万网网站发布,什么行业做网站,广州市网络广告推广一.简介
**会签#xff1a;**在一个流程中的某一个 Task 上#xff0c;这个 Task 需要多个用户审批#xff0c;当多个用户全部审批通过#xff0c;或者多个用户中的某几个用户审批通过#xff0c;就算通过。 例如#xff1a;之前的请假流程#xff0c;假设这个请假流程…一.简介
**会签**在一个流程中的某一个 Task 上这个 Task 需要多个用户审批当多个用户全部审批通过或者多个用户中的某几个用户审批通过就算通过。 例如之前的请假流程假设这个请假流程需要组长和经理都审批了才算审批通过那么就需要设置这个 Task 是会签节点。
**或签**意思就是 A 的请假流程提交给 B、C、D但是并不需要 B/C/D 同时审批通过只需要 B/C/D 中的任意一个审批即可这就是或签注意我这里的表述只需要 B/C/D 任意一个审批即可这个审批即可以是审批通过也可以是审批拒绝反正只要审批这个 UserTask 就算完成了。
二.会签流程图
首先来画一下这个请假流程图这个流程图基本上还是和之前的一样截图如下
这跟之前的流程图有两个不一样的地方
1.首先就是最核心的的这个批准或者拒绝的节点这个节点下面多个三个竖线这三个竖线的意思就是多个用户审批时是并发执行的相互之间没有先后顺序还有一种是三个横线三个横线的意思是多个用户顺序执行。当然这里不是说流程图上多三个竖线就行了还需要稍微配置一下截图如下 这里配置的属性主要有五个
多实例类型 这个选项主要有两个分别是 Parallel 和 Sequential表示并发执行还是顺序执行选择是 Parallel 就是多个用户并发执行相互之间没有先后顺序选择 Sequential 则是顺序执行多个用户之间有先后顺序。集合多实例 这个地方我配置了一个 ${userTasks}这个表示当流程执行到这个节点的时候我会传进来一个变量这个变量的名字是 userTasks这个变量中包含了所有要审批这个 Task 的用户名。 元素变量多实例由于上面的是一个集合这里配置的则是集合中每一个元素的变量名这就类似于 Java 里增强 for 循环的变量名。元素变量多实例 由于上面的是一个集合这里配置的则是集合中每一个元素的变量名这就类似于 Java 里增强 for 循环的变量名。完成条件多实例 这里我配置的值是 ${nrOfCompletedInstances nrOfInstances}涉及到两个变量nrOfCompletedInstances 这个表示已经完成审批的实例个数nrOfInstances 则表示总共的实例个数也就是当完成审批的实例个数等于总的实例个数的时候这个节点就算执行完了换句话说也就是 zhangsan 将请假申请提交给 javaboy 和 lisi必须这两个人都审批了这个节点才算执行完。另外这里还有一个内置的变量可用就是 nrOfActiveInstances 表示未完成审批的实例个数只不过在本案例中没有用到这个内置变量。分配用户 这个是说这个 Task 的执行人当然就是我们前面配置的 userTask也就是从集合中拿出来的每一个元素的变量名。
2.去掉了审批通过之后的 UserTask。
在之前的请假流程图中当请假审批通过之后发送了请假通过通知之后还会进入到一个 UserTask 流程中这里为了方便我把这个流程删掉了。
这就是新流程图和以前旧流程图之间的一个区别现在来看下这个流程图对应的 XML 文件,代码如下
?xml version1.0 encodingUTF-8?
definitions xmlnshttp://www.omg.org/spec/BPMN/20100524/MODEL xmlns:xsihttp://www.w3.org/2001/XMLSchema-instance xmlns:xsdhttp://www.w3.org/2001/XMLSchema xmlns:flowablehttp://flowable.org/bpmn xmlns:bpmndihttp://www.omg.org/spec/BPMN/20100524/DI xmlns:omgdchttp://www.omg.org/spec/DD/20100524/DC xmlns:omgdihttp://www.omg.org/spec/DD/20100524/DI typeLanguagehttp://www.w3.org/2001/XMLSchema expressionLanguagehttp://www.w3.org/1999/XPath targetNamespacehttp://www.flowable.org/processdef exporterFlowable Open Source Modeler exporterVersion6.7.2process idholidayRequest nameholidayRequest isExecutabletruestartEvent idstartEvent1 flowable:formFieldValidationtrue/startEventuserTask idsid-1A1AA050-1900-4CAD-A277-18BD97BD61FB flowable:assignee${userTask} flowable:formFieldValidationtrueextensionElementsmodeler:initiator-can-complete xmlns:modelerhttp://flowable.org/modeler![CDATA[false]]/modeler:initiator-can-complete/extensionElementsmultiInstanceLoopCharacteristics isSequentialfalse flowable:collection${userTasks} flowable:elementVariableuserTaskextensionElements/extensionElementscompletionCondition${nrOfCompletedInstances nrOfInstances}/completionCondition/multiInstanceLoopCharacteristics/userTasksequenceFlow idsid-2597F958-175E-4F9F-9BEA-6E89D6C5B0A4 sourceRefstartEvent1 targetRefsid-1A1AA050-1900-4CAD-A277-18BD97BD61FB/sequenceFlowexclusiveGateway idsid-A04AF65B-D8B2-4F30-BFD5-7F2C9FCEFA51/exclusiveGatewaysequenceFlow idsid-7CD68B1D-C2CE-4A1A-ABA7-216D0F80BDD8 sourceRefsid-1A1AA050-1900-4CAD-A277-18BD97BD61FB targetRefsid-A04AF65B-D8B2-4F30-BFD5-7F2C9FCEFA51/sequenceFlowserviceTask idsid-4412386C-15E9-40C6-AB6B-66919A8D1302 flowable:classorg.javaboy.flowable03.flowable.Approve/serviceTaskserviceTask idsid-903B79F3-2020-419E-AD42-215C2E26C784 flowable:classorg.javaboy.flowable03.flowable.Reject/serviceTaskendEvent idsid-FE27FA28-2B2F-4572-A2D6-BFE83EBA9370/endEventsequenceFlow idsid-474E5177-9B1A-4757-877F-5A0DA72B0A59 sourceRefsid-903B79F3-2020-419E-AD42-215C2E26C784 targetRefsid-FE27FA28-2B2F-4572-A2D6-BFE83EBA9370/sequenceFlowsequenceFlow idsid-85E7B515-734C-4E46-9889-D74FC5A04891 sourceRefsid-A04AF65B-D8B2-4F30-BFD5-7F2C9FCEFA51 targetRefsid-903B79F3-2020-419E-AD42-215C2E26C784conditionExpression xsi:typetFormalExpression![CDATA[${!approved}]]/conditionExpression/sequenceFlowsequenceFlow idsid-EEC3F695-D61D-40BC-BA68-BCDD4DA40299 sourceRefsid-A04AF65B-D8B2-4F30-BFD5-7F2C9FCEFA51 targetRefsid-4412386C-15E9-40C6-AB6B-66919A8D1302conditionExpression xsi:typetFormalExpression![CDATA[${approved}]]/conditionExpression/sequenceFlowendEvent idsid-92DA7300-EFD1-437B-96D5-EAADAFABC507/endEventsequenceFlow idsid-E882A39F-9E88-4BB8-B7CE-F975B6ADC862 sourceRefsid-4412386C-15E9-40C6-AB6B-66919A8D1302 targetRefsid-92DA7300-EFD1-437B-96D5-EAADAFABC507/sequenceFlow/process
/definitions三.请假处理
1.端提交请假流程
接下来看下前端如何提交请假申请页面如下 对应的 HTML 代码如下
h1提交请假申请/h1
tabletrtd请输入请假天数/tdtdel-input typetext v-modelafl.days//td/trtrtd请输入请假理由/tdtdel-input typetext v-modelafl.reason//td/trtrtd审批人/tdtdel-select v-modelafl.approveUsers stylewidth: 226px placeholder请选择审批人 multipleel-optionv-foritem in users:keyitem.id:labelitem.username:valueitem.username//el-select/td/tr
/table
el-button typeprimary clicksubmit提交请假申请/el-button跟之前不同的是这里的下拉框是多选的当用户提交请假申请的时候可以选择多个审批人多个审批人的值将保存在 afl.approveUsers 变量中。 再来看提交请假方法代码如下
submit() {let _this this;axios.post(/ask_for_leave, this.afl).then(function (response) {if (response.data.status 200) {//提交成功_this.$message.success(response.data.msg);_this.search();} else {//提交失败_this.$message.error(response.data.msg);}}).catch(function (error) {console.log(error);});
},请求的参数截图如下 看下这里提交的三个请求参数
approveUsers这是审批当前流程的三个用户当这三个用户都审批通过后请假流程就通过了。days这是请假的天数。reason这是请假理由。
