Skip to content

ApprovalFlowPanel 审批流面板

xy-approval-flow-panel 适合展示审批节点、当前进度和节点负责人,是审批详情页中的核心区块之一。

基础用法

审批流面板可以独立存在,也可以嵌入详情页和抽屉中。

供应商账单差异审批

当前这条差异单已经补齐附件和金额说明,正在等待财务复核通过后自动推送到结算工作台。

审批流程

当前定位

  • 负责审批节点步骤条、节点信息和动作区展示。
  • 适合流程详情、审批进度、任务流转场景。

当前边界

  • 当前不处理流程图布局、分支节点和评论流。
  • 更复杂的工作流编排仍建议在页面层处理。

ApprovalFlowPanel API

ApprovalFlowPanel Attributes

属性说明类型默认值
title面板标题string'审批流程'
nodes审批节点配置ApprovalFlowNode[]
actions底部动作按钮组ApprovalFlowAction[][]

ApprovalFlowPanel Events

事件名说明参数
action点击动作按钮时派发(action: ApprovalFlowAction) => void
node-click点击节点卡片时派发(node: { key: string }) => void

ApprovalFlowPanel Slots

插槽说明接收参数
actions自定义动作区内容,覆盖默认动作按钮