芋道-------如何实现工作流退回后重新提交到之前退回的节点-编程知识

一、概述

上一节，我们讲过了工作流如何退回到申请人，接下来我们来讲一讲，如何重新提交。这里重新提交可以是再走一遍正常流程，同时也可以是直接跳过中间的步骤，直接继续给上一步退回的人审批。文章中会提及这两种情况。

首先，我们可以看到，在芋道的工作流中有一个好处是在业务表中与工作流关联起来了，同时也为当前的状态设置了单独的字段。所以这样我们能很容易的判断出来，当前节点处于什么状态。

二、逻辑梳理

思路如下：首先在流程详情页面中，判断当前的节点的上一个节点是什么状态，然后拿到退回节点的状态，因为下一步我们将根据这个状态，把原本不可更改的详情页，改成可编辑的，这样用户才可以修改后重新提交。然后重新提交后，我们需要对业务表进行更新，同时需要继续启动流程。

总结：1、将task中所有任务按照时间进行排序，找到倒数第二个task即当前节点的上一个。

           2、然后判断result是否为‘5’(驳回)，如果是，将标识isRerurn改成true。

           3、修改页面信息，对于申请信息，我们要考虑，何时可编辑，何时只能查看；对于审批任务何时可以显示，何时不需要显示。

           4、后台更新业务表、继续启动流程。

三、代码实现

1、判断当前节点的任务是否是被退回的

为什么判断的是上一个节点，而不是当前节点，因为，当前节点一定是已经由上一个节点处理过后，才得到的结果。因此，我们要判断是由退回走到当前节点的还是正常流程通过走过来的。

经过查看后台代码，发现result为5的表示的是当前任务节点是被驳回状态，同时在前台我们可以看到他已经按照时间顺序排好，因此我们只要判断数组中第二个位置的result是否为5即可，这个时候将标识isReturn设为true。

2、修改审批界面 --- 审批任务

由于如果是重新提交，根据业务需求页面上就不需要审批任务这个模块，只留一个编辑表单信息就可以，所以这里加了条件限制，判断如果不是申请人就不显示审批任务。

3、修改审批界面 --- 申请信息组件值传递

然后我们将 isReturn 和 runningTasks 这两个参数传到组件中，isReturn是是否是退回的标识，runningTasks是，当前登录人的任务列表。

因为具体业务的表单信息，属于动态的，所以这里面他们引用了组件，我们需要把参数信息传到对应的表单页面，这样表单页面拿到信息，进而判断出什么时候可以编辑的，什么时候显示的。

这里讲一下为什么传递这两个参数，首先，我们单纯的知道了什么时候退回，并不能控制住审批信息的显示和编辑，因为如果只是知道当前节点属于退回后的节点，其他人再进入到页面的时候，也会显示重新提交这个界面。

所以我们还需要判断当前登录的人，是否是要退回到某个节点的人，在进行处理。这个时候，我们发现既有的代码中有一段runningTasks的逻辑，他其实就是将当前任务中需要登录用户处理的任务存起来，这样我们其实只要判断，这个runningTasks中是否有值即可，如果他有值，证明这个节点其实已经走到了当前登录的用户这里了，如果同时他又是退回后的节点，那么它就可以编辑该界面。

4、修改审批界面 --- 申请信息界面

<template><div class="app-container"><!-- <el-form ref="form" :model="form" label-width="100px"><el-form-item label="开始时间：" prop="startTime">{{ parseTime(form.startTime, "{y}-{m}-{d}") }}</el-form-item><el-form-item label="结束时间：" prop="endTime">{{ parseTime(form.endTime, "{y}-{m}-{d}") }}</el-form-item><el-form-item label="请假类型：" prop="type"><dict-tag :type="DICT_TYPE.BPM_OA_LEAVE_TYPE" :value="form.type" /></el-form-item><el-form-item label="原因：" prop="reason"> {{ form.reason }}</el-form-item></el-form> --><!-- 对话框(添加 / 修改) --><el-form ref="form" :model="form" label-width="100px"><el-form-item label="开始时间：" prop="startTime"><template v-if="isReturn && runningTasks.length != 0"><el-date-pickerv-model="form.startTime"type="date":editable="!isReturn"></el-date-picker></template><template v-else>{{ parseTime(form.startTime, "{y}-{m}-{d}") }}</template></el-form-item><el-form-item label="结束时间：" prop="endTime"><template v-if="isReturn && runningTasks.length != 0"><el-date-pickerv-model="form.endTime"type="date":editable="!isReturn"></el-date-picker></template><template v-else>{{ parseTime(form.endTime, "{y}-{m}-{d}") }}</template></el-form-item><el-form-item label="请假类型：" prop="type"><template v-if="isReturn && runningTasks.length != 0"><el-select v-model="form.type"><el-optionv-for="dict in typeDictData":key="parseInt(dict.value)":label="dict.label":value="parseInt(dict.value)"/></el-select></template><template v-else><dict-tag :type="DICT_TYPE.BPM_OA_LEAVE_TYPE" :value="form.type" /></template></el-form-item><el-form-item label="原因：" prop="reason"><template v-if="isReturn && runningTasks.length != 0"><el-input v-model="form.reason"></el-input></template><template v-else>{{ form.reason }}</template></el-form-item><el-form-item v-if="isReturn && runningTasks.length != 0"><el-button type="primary" @click="submitForm">重新提交</el-button></el-form-item></el-form></div>
</template><script>
import { updateLeave, getLeave } from "@/api/bpm/leave";
import { getDictDatas, DICT_TYPE } from "@/utils/dict";
export default {name: "BpmOALeaveDetail",components: {},props: {id: {type: [String, Number],default: undefined,},isReturn: {type: [Boolean],default: undefined,},runningTasks: {type: [Array],default: undefined,},},data() {return {leaveId: Number, // 请假编号// 表单参数form: {startTime: undefined,endTime: undefined,type: undefined,reason: undefined,},typeDictData: getDictDatas(DICT_TYPE.BPM_OA_LEAVE_TYPE),};},created() {this.leaveId = this.id || this.$route.query.id;if (!this.leaveId) {this.$message.error("未传递 id 参数，无法查看 OA 请假信息");return;}console.log("🚀 ~ runningTasks:",this.isReturn,this.runningTasks,this.runningTasks.length);this.getDetail();},methods: {/** 获得请假信息 */getDetail() {getLeave(this.leaveId).then((response) => {this.form = response.data;});},/** 提交按钮 */submitForm() {this.$refs["form"].validate((valid) => {if (!valid) {return;}// 添加的提交updateLeave(this.form).then((response) => {this.$modal.msgSuccess("重新提交成功!");this.$tab.closeOpenPage({ path: "/bpm/oa/leave" });});});},},
};
</script>

5、后台处理

Controller:

    @PutMapping("/update")public CommonResult<Long> updateLeave(@RequestBody BpmOALeaveUpdateReqVO updateReqVO){return success(leaveService.updateLeave(updateReqVO));}

Service :

    Long updateLeave( BpmOALeaveUpdateReqVO updateReqVO);

ServiceIml:

    public Long updateLeave(BpmOALeaveUpdateReqVO updateReqVO) {// 插入 OA 请假单long day = LocalDateTimeUtil.between(updateReqVO.getStartTime(), updateReqVO.getEndTime()).toDays();BpmOALeaveDO leave = BpmOALeaveConvert.INSTANCE.convert(updateReqVO).setUserId(SecurityFrameworkUtils.getLoginUserId()).setDay(day).setId(updateReqVO.getId()).setResult(BpmProcessInstanceResultEnum.PROCESS.getResult());leaveMapper.updateById(leave);List<BpmTaskRespVO> taskList = taskService.getTaskListByProcessInstanceId(updateReqVO.getProcessInstanceId());List<String> returnTaskKeyList = new ArrayList<>();returnTaskKeyList.add(taskList.get(0).getDefinitionKey());runtimeService.createChangeActivityStateBuilder().processInstanceId(updateReqVO.getProcessInstanceId()).moveActivityIdsToSingleActivityId(returnTaskKeyList, // 当前要跳转的节点列表( 1 或多)taskList.get(1).getDefinitionKey()) // targetKey 跳转到的节点(1).changeState();// 更新任务拓展表为通过 审批记录中添加对应节点信息taskExtMapper.updateByTaskId(new BpmTaskExtDO().setTaskId(taskList.get(0).getId()).setResult(BpmProcessInstanceResultEnum.APPROVE.getResult()).setReason("重新提交"));// 更新 BPM 流程//taskService.approveTask(getLoginUserId(), reqVO);leaveMapper.updateById(new BpmOALeaveDO().setId(leave.getId()).setProcessInstanceId(updateReqVO.getProcessInstanceId()));return leave.getId();}