IKApprovalProcess 审批流组件
Props
json
// defaultNodeType详细映射字段
nodeType: {
"发起人节点": "INITIATOR",
"审批节点": "APPROVE",
"抄送节点": "CARBON_COPY",
"办理节点": "DISPOSE",
"分支节点": "BRANCH",
"条件节点": "CONDITION",
"结束节点": "END",
}
json
// statusWithoutApprover详细映射字段
statusWithoutApprover: {
"自动通过": "AUTO_PASS",
"自动拒绝": "AUTO_REJECT",
"自动转交管理员": "TRANSMIT_TO_MANAGER",
"指定人员审批": "SPECIFIED_USER",
}
json
// defaultFieldMap详细映射字段
defaultFieldMap: {
"id": "id", // id
"nodeId": "sortOrder",// 排序值
"nodeType": "type",// 节点类型
"nodeTypeName": "name",// 节点名称
"approveType": "approveType",// 审批对象类别名称
"multiExecutorType": "multiExecutorType",// 多人审批方式类型
"approveTypeName": "approveTypeName", // 审批对象类别名称
"multiExecutorTypeName": "multiExecutorTypeName",// 多人审批方式名称
"approvalCategory": "approvalCategory", // 审批类型
"isShowAdd": "initiatorSpecify", //是否显示添加按钮
"executorEmpty": "executorEmpty", //实际审批人是否为空
"executorEmptyStrategy": "executorEmptyStrategy", //为空时的审批类型
"reserveExecutorUsers": "reserveExecutorUsers", //executorEmptyStrategy为指定审批人时
"approvePersonList": "executorUsers", // 审批执行者用户信息
"initiatorSpecifiedScope": "initiatorSpecifiedScope", //默认自选的人
"initiatorSpecifiedScopeType": "initiatorSpecifiedScopeType", //自选方式
"singleApproval": "singleApproval", //是否单选
}
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
pickerUrl | 选人组件请求地址 | String | '' |
fileUrl | 文件访问地址 | String | 5 |
dataList | 数据数组 | Array<any> | [] |
defaultNodeType | 节点类型 | Object | nodeType(详细字段在表格上方已列举) |
defaultFieldMap | 字段映射 | Object | defaultFieldMap(详细字段在表格上方已列举) |
statusWithoutApprover | 没有审批人时的审批状态 | Object | statusWithoutApprover(详细字段在表格上方已列举) |
示例代码
vue
<template>
<!-- 示例 -->
<IKApprovalProcess
ref="processRef"
:data-list="previewData?.processInstance?.instanceNodes"
:dep-list="depList"
:user-list="userList"
:picker-url="`${baseUrl}/component/pick/mix`"
:load-url="loadUrl"
@handChild="handSetChild"
/>
</template>