跳到主要内容

审批流操作

审批流操作组件用于在页面中提供审批动作按钮（如同意、驳回、退回、转办等），由审批流引擎根据当前节点与处理人动态计算可执行的动作。

概述​

将「审批流操作」拖入画布后，组件会在运行态根据页面上下文中的审批流实例 ID 与数据 ID 渲染当前用户可执行的审批按钮。

  • 按钮集合由审批流引擎决定，无需在页面中逐个配置。
  • 仅需配置操作按钮对齐方式，用于控制按钮组在容器中的排布位置。

配置项​

配置项说明
操作按钮对齐方式按钮组的对齐方式：左对齐 / 居中 / 右对齐 / 自适应，默认「左对齐」

其中「自适应」模式下各按钮平分容器宽度。

数据来源与上下文依赖​

  • 组件自身不存储审批数据，运行时依赖页面上下文中的审批流实例 ID（优先取上下文 currentData 的 workflowdataid 字段，其次取 workflowDataId）与数据 ID；可执行动作由审批流引擎按当前节点与处理人计算。
  • ActionAlign 只在渲染层控制按钮组排布：left / center / right 对应左对齐、居中、右对齐；stretch 为自适应，各按钮平分宽度。

使用建议​

  1. 与 审批流 组件搭配使用，将「禁用内置操作区」开启，由本组件统一承载操作入口。
  2. 页面上下文中必须包含审批流实例 ID，才能渲染出可执行动作。

下一步​

属性明细​

以下内容面向技术实现与 AI 检索。组件所有 meta 值均以字符串形式存储在 WidgetItem.meta 中。

组件属性（meta）​

属性名类型含义取值/存储值
ActionAlignstring操作按钮对齐方式left（默认，左对齐） / center（居中） / right（右对齐） / stretch（自适应）

组件固定 uid：a1b2c3d4-e5f6-7890-abcd-ef1234567890。运行态读取 meta.ActionAlign 控制按钮组排布（缺省 left），审批流实例 ID 与数据 ID 均由 cmpParams 解析。

存储示例​

完整 WidgetItem：

{
  "id": "b1c2d3e4-5f6a-4b7c-9d8e-0f1a2b3c4d5e",
  "uid": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
  "dragType": "Widget",
  "originalType": "Widget",
  "widgetType": "MetaWorkflowAction",
  "widgetTypeName": "审批流操作",
  "meta": {
    "ActionAlign": "left"
  },
  "children": []
}

嵌套在「基础容器（Row）> 布局列组件（Column）」中的完整位置示例：

{
  "id": "3f9c1a2b-4d5e-4f60-8a71-9b2c3d4e5f60",
  "uid": "5a0f3c1e-9b8d-4f6a-9c2e-7d1b4a8e6f3d",
  "dragType": "Row",
  "originalType": "Row",
  "widgetType": "Row",
  "widgetTypeName": "基础容器",
  "meta": { "ColumnSpace": "5" },
  "children": [
    {
      "id": "7c1d2e3f-4a5b-4c6d-8e9f-0a1b2c3d4e5f",
      "uid": "7b9a905e-83d4-452b-83c8-694a3e0935e3",
      "dragType": "Column",
      "originalType": "Column",
      "widgetType": "Column",
      "widgetTypeName": "布局列组件",
      "meta": { "LayoutType": "vertical", "Align": "default", "ItemSpace": "5" },
      "children": [
        {
          "id": "b1c2d3e4-5f6a-4b7c-9d8e-0f1a2b3c4d5e",
          "uid": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
          "dragType": "Widget",
          "originalType": "Widget",
          "widgetType": "MetaWorkflowAction",
          "widgetTypeName": "审批流操作",
          "meta": { "ActionAlign": "stretch" },
          "children": []
        }
      ]
    }
  ]
}

相关接口​

本组件通过页面上下文（cmpParams）解析审批流实例 ID 与数据 ID，无需额外配置接口。