审批通过、不通过、驳回

相关视频：

16、[如何实现我的待办任务列表？](http://https://wx.zsxq.com/dweb2/index/topic_detail/184582412518282 "如何实现我的待办任务列表？")
17、[如何实现我的已办任务列表？](http://https://wx.zsxq.com/dweb2/index/topic_detail/812815248812452 "如何实现我的已办任务列表？")
18、[如何实现任务的审批通过？](http://https://wx.zsxq.com/dweb2/index/topic_detail/184582418482282 "如何实现任务的审批通过？")
19、[如何实现任务的审批不通过？](http://https://wx.zsxq.com/dweb2/index/topic_detail/415814518842858 "如何实现任务的审批不通过？")
20、[如何实现流程的审批记录？](http://https://wx.zsxq.com/dweb2/index/topic_detail/585182584812844 "如何实现流程的审批记录？")

本文，我们围绕 [审批中心] 菜单下的 [待办任务]、[已办任务] 两个子菜单，讲解审批通过、审批不通过、驳回的操作流程。

## 1. 待办任务
待办任务，仅展示需要我审批的任务，对应 [审批中心 -> 待办任务] 菜单，如下图所示：

![](/media/202408/2024-08-28_093319_955427.png)
后端，对应 BpmTaskController 的 #getTaskTodoPage(...) 提供接口
前端，对应 /views/bpm/task/todo/index.vue 实现界面
#1.1 表结构
① 流程任务表，由 Flowable 提供的 ACT_RU_TASK 表实现，如下所示：

![](/media/202408/2024-08-28_093610_088574.png)
② 流程参数表，由 Flowable 提供的 ACT_RU_VARIABLE 表实现，如下所示：

![](/media/202408/2024-08-28_093627_159700.png)

### 1.2 任务状态
任务状态，由 BpmTaskStatusEnum (opens new window)目前有 8 种，如下图所示：

![](/media/202408/2024-08-28_092121_812454.png)

### 1.3 审批通过
审批通过，由 BpmTaskController 的 #approveTask(...) 提供接口，如下图所示：

![](/media/202408/2024-08-28_092130_892940.png)

最核心的，就是调用 Flowable 的 TaskService#complete(...) 方法，完成任务。同时因为 Flowable 自身没有任务状态，所以需要我们自己维护任务状态。如下图所示：

![](/media/202408/2024-08-28_092224_230977.png)

### 1.4 审批不通过
审批不通过，由 BpmTaskController 的 #rejectTask(...) 提供接口，如下图所示：

![](/media/202408/2024-08-28_092243_070313.png)

注意，任务只要审批不通过，整个流程都会被中止（审批不通过），即使在或签场景下！

### 1.5 驳回
驳回（退回），将审批重置发送给某节点，重新审批。如下图所示：

![](/media/202408/2024-08-28_092308_459499.png)
① 获得可驳回的节点，由 BpmTaskController 的 #getTaskListByReturn(...) 提供接口，如下图所示：

![](/media/202408/2024-08-28_092323_807750.png)
② 发起驳回，由 BpmTaskController 的 #returnTask(...) 提供接口，如下图所示：

![](/media/202408/2024-08-28_092333_668534.png)

核心还是 Flowable 提供的 #moveActivityIdsToSingleActivityId(...) 方法，它是 Activiti 没有内置的方法，所以在 Activiti 实现驳回就略微麻烦一些。

## 2. 已办任务
已办任务，仅展示我审批过的任务，对应 [审批中心 -> 已办任务] 菜单，如下图所示：

![](/media/202408/2024-08-28_092412_372929.png)
- 后端，对应 BpmTaskController 的 #getTaskDonePage(...) 提供接口
- 前端，对应 /views/bpm/task/done/index.vue 实现界面

### 2.1 表结构
① 流程历史任务表，由 Flowable 提供的 ACT_HI_TASKINST 表实现，如下所示：

![](/media/202408/2024-08-28_092456_193861.png)

在 Flowable 中，如果 Task 被完成（审批通过、不通过、取消等）时候，会从 ACT_RU_TASK 表中删除，只能在 ACT_HI_TASKINST 表查询到。这是一种“冷热分离”的设计思想，因为进行的任务访问比较频繁，数据量越小，性能会越好。

② 流程历史参数表，由 Flowable 提供的 ACT_HI_VARINST 表实现，如下所示：

![](/media/202408/2024-08-28_092512_731776.png)

在 Flowable 中，如果 Task 被完成（审批通过、不通过、取消等）时候，会从 ACT_RU_VARIABLE 表中删除，只能在 ACT_HI_VARINST 表查询到。这当然也是是一种“冷热分离”的设计思想~

### 3. 流程任务
流程任务，展示系统中所有的任务，一般用于管理员查询，对应 [流程管理 -> 流程任务] 菜单，如下图所示：

![](/media/202408/2024-08-28_092721_575564.png)

- 后端，对应 BpmTaskController 的 #getTaskManagerPage(...) 提供接口
- 前端，对应 /views/bpm/task/manager/index.vue 实现界面
由于它查询的是所有任务，所以读取的是 ACT_HI_TASKINST 表，而不是 ACT_RU_TASK 表。

666. 更多功能
《自动跳过、自动审批》