使用方式

npm install @tcly-pangu/approval-record-modal -S

<approval-record-modal ref="approvalRecordModal"></approval-record-modal>

// 方式一：直接传入审批记录数据展示
this.$refs.approvalRecordModal._initModal({
  type: 'recordInfo',
  data: {
    title: '流程标题', // 流程标题
    status: 2, // 流程状态
    applicant: '测试账号', // 申请人
    applicationTime: '2024-11-08 17:18:55', // 申请时间
    recordList: [
      {
        activityName: '', // 审批节点
        assigneeName: '张三', // 审批人
        endTime: 1, // 审批时间
        status: 2, // 审批状态
        comment: '' // 审批意见
      }
    ] // 审批记录列表
  }
})

// 方式二：传入流程实例 id，组件内通过流程实例 id 获取审批记录数据展示
this.$refs.approvalRecordModal._initModal({
  type: 'processInstanceId',
  data: '' // 流程实例 id
})

// 方式三：传入业务单据信息，组件内通过业务单据信息获取审批记录数据展示
this.$refs.approvalRecordModal._initModal({
  type: 'businessInfo',
  data: {
    businessKey: '',
    businessId: '',
    voucherCategoryCode: ''
  } // 业务单据信息参数，以上几个参数可以组合或单独使用，需要根据具体业务场景区分
})