# 审批流程时间轴

在审批查看页集中呈现同一申请的处理决定、处理人、时间和意见。

## 放置与配置

在易企办测试应用中打开审批表单或支持自定义代码控件的页面，添加自定义代码控件，将同目录 TSX 完整粘贴到编辑器。先核对位置、字段类型与读写权限，再配置下表。

| 参数标识 | 类型 | 标准场景 | 说明 | 示例 |
| --- | --- | --- | --- | --- |
| `sourceListId` | 变量或表达式 | 需要 | 来源列表 ID。保存审批历史的数据列表 ID。 | `203...` |
| `recordIdField` | 变量或表达式 | 需要 | 关联记录字段。历史列表中保存当前审批记录 ID 的字段标识。 | `RequestId` |
| `recordIdValue` | 变量或表达式 | 需要 | 当前记录标识。当前审批记录 ID，可通过表达式读取。 | `{{ListDataID}}` |
| `eventDateField` | 变量或表达式 | 需要 | 事件时间字段。保存审批发生时间的字段标识。 | `CreatedTime` |
| `actorField` | 变量或表达式 | 按需 | 操作人字段。保存审批人或处理人的字段标识。 | `Approver` |
| `decisionField` | 变量或表达式 | 需要 | 审批结果字段。保存审批决定或处理状态的字段标识。 | `Decision` |
| `commentField` | 变量或表达式 | 按需 | 意见字段。保存审批意见的字段标识。 | `Comment` |
| `titleText` | 文本 | 按需 | 标题。显示在控件顶部的主标题。 | `审批流程时间轴` |
| `subtitleText` | 文本 | 按需 | 副标题。显示在主标题下方的说明。 | `审批处理历史` |
| `maxItems` | 文本 | 按需 | 最大条数。最多显示的审批事件数。 | `8` |
| `emptyText` | 文本 | 按需 | 空状态提示。没有可展示数据时的提示文案。 | `暂无审批历史` |
| `filterExpression` | 变量或表达式 | 按需 | 查询筛选条件。可选的列表查询条件。 | 按需留空 |

示例字段和列表 ID 请替换为目标应用的实际值。表达式请在编辑器中绑定。保存目标使用可写文本字段或环境支持的可写变量。

1. 绑定审批历史列表。
2. 关联当前申请。
3. 核对决定和意见的展示。

## 业务示例与结果

采购申请按申请 ID 关联历史列表，显示「部门审核通过」「财务退回补充报价」等记录和审批意见。

以决定字段作为事件标题，按时间倒序展示。流程需把审批历史写入配置的数据列表，控件读取历史并在当前页面显示。

来源列表需授予使用者读取权限。控件读取查询返回的首批记录，再按配置筛选、排序或截取。数据量较大时，按目标租户的 SDK 筛选格式缩小查询范围。

## 预览验收

用至少两份申请的历史记录核对关联和排序，并以无历史记录的申请检查空状态。

出现空结果时，先核对参数值、来源数据、字段标识和使用者权限。涉及写回时，再检查可写目标类型、当前页面权限及保存后的实际值。

模板已做本地源码与交互检查。发布到业务环境前，请在目标易企办租户验证当前版本的控件编辑器、数据权限和实际读写。

源模板 CCT3ADDD。 [Yeeflow 原站控件](https://www.yeeflow.com/templates/custom-code/approval-timeline)