wflow-approval-record

Vue3 + Element Plus 的流程审批记录组件。

安装

npm i wflow-approval-record

本地示例运行

npm install
npm run dev

启动后打开 http://localhost:5173。

使用

<script setup>
import { ProcessInstRecord } from "wflow-approval-record";

const records = [
  // 这里传后端返回的节点记录数组
];
</script>

<template>
  <ProcessInstRecord
    status="RUNNING"
    :records-data="records"
    :is-agent="false"
    :initiator="{ name: '张三' }"
    base-api-url="/api"
    @preview-sub-inst="(subInstId) => console.log(subInstId)"
  />
</template>

关键改造说明

• 组件不再发起 getInstRecords/getCandidates 请求。
• 由调用方通过 recordsData 直接传入数据。
• 保留原有审批记录合并与排序处理逻辑。
• 子流程点击事件改为抛出 preview-sub-inst，由调用方自行处理。