购物网站开发 项目描述,广州智能建站,国内seo公司排名,河南郑州做网站h汉狮一.简介
**会签#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.前端提交请假流程
接下来看下前端如何提交请假申请页面如下 对应的 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这是请假理由。
2.服务端处理请假请求
服务端如何处理这个请假请求代码如下
Transactional
public RespBean askForLeave(AskForLeaveVO askForLeaveVO) {MapString, Object variables new HashMap();askForLeaveVO.setName(SecurityContextHolder.getContext().getAuthentication().getName());variables.put(name, askForLeaveVO.getName());variables.put(days, askForLeaveVO.getDays());variables.put(reason, askForLeaveVO.getReason());variables.put(userTasks, askForLeaveVO.getApproveUsers());try {runtimeService.startProcessInstanceByKey(holidayRequest, askForLeaveVO.getName(), variables);return RespBean.ok(已提交请假申请);} catch (Exception e) {e.printStackTrace();}return RespBean.error(提交申请失败);
}可以看到从前端一共传递过来三个参数但是执行这个流程需要四个参数其中一个 name 表示当前登录的用户名也就是这个请假是谁发起的。另外三个参数就是前端传来的参数。
3.服务端返回待审批数据
接下来看下服务端如何返回待审批数据代码如下
/***待审批列表*/
public RespBean leaveList() {String identity SecurityContextHolder.getContext().getAuthentication().getName();//找到所有分配给你的任务ListTask tasks taskService.createTaskQuery().taskAssignee(identity).list();//重新组装返回的数据为每个流程增加任务 id方便后续执行批准或者拒绝操作ListMapString, Object list new ArrayList();for (int i 0; i tasks.size(); i) {Task task tasks.get(i);MapString, Object variables taskService.getVariables(task.getId());variables.put(id, task.getId());list.add(variables);}return RespBean.ok(加载成功, list);
}页面如下 这个整体上分了两步
首先查询出来当前用户所有待审批的 Task。查询出来这些 Task 上的 variables这是一个 Map 集合然后我们再手动加上 id 这个参数。 最后将组装好的 list 弄成一个 JSON 返回即可。
4.服务端批准 OR 拒绝
服务端批准或者拒绝请假流程代码如下
public RespBean askForLeaveHandler(ApproveRejectVO approveRejectVO) {try {Task task taskService.createTaskQuery().taskId(approveRejectVO.getTaskId()).singleResult();boolean approved approveRejectVO.getApprove();MapString, Object variables new HashMapString, Object();variables.put(approved, approved);variables.put(approveUser# task.getAssignee(), SecurityContextHolder.getContext().getAuthentication().getName());taskService.complete(task.getId(), variables);return RespBean.ok(操作成功);} catch (Exception e) {e.printStackTrace();}return RespBean.error(操作失败);
}批准或者拒绝最主要的参数就是 approvedtrue 表示批准false 表示拒绝。
另一方面由于现在是会签我们需要知道目前谁已经审批了谁还没审批所以这里额外多加了一个参数 approveUser#XXX表示审批这个节点的用户名也就是当前登录用户。
注意这个参数的 key 我没有固定主要是因为这个节点会有多个人审批如果固定的话后面审批的人会覆盖掉前面的人所以这个节点的 key 设置成动态的了approveUser# 后面加上处理这个节点的用户名。
