IKApprovalDetail 审批流组件
Props
json
// defaultNodeType详细映射字段
nodeType: {
"发起人节点": "1",
"审批节点": "2",
"办理节点": "3",
"抄送节点": "4",
}
json
// statusWithoutApprover详细映射字段
statusWithoutApprover: {
"发起": "1",
"等待": "2",
"同意": "3",
"拒绝": "4",
"转交": "5",
"加签": "6",
"退回": "7",
"撤销": "8",
"评论": "9",
}
json
// defaultFieldMap详细映射字段
defaultFieldMap: {
"id": "1",
"nodeId": "1",// 排序值
"nodeType": "1",// 节点类型
"nodeTypeName": "发起申请",// 节点名称
"approveStatus": "3",//审批状态
"approveStatusName": "同意",//审批状态名称
"originator": "朱秋柏",//执行者用户姓名
"operationTime": "07-25 09:09",//操作时间
"approveType": "",// 多人审批类型
"approveTypeName": "", //多人审批类型名称
"multiExecutorTypeName": "", //多人审批类型名称
"approveOpinion": "", //审批意见/评论
"countersignPer": [], //审批执行者用户信息
"attachment": { //附件地址
"id": "",
"originName": "",
"url": "",
"suffix": "",
"size": "",
},
"attachmentImg": [],//附件图片
"returnNode": "",
"returnNodeName": "",//退回节点
"lineType": "lineType", // 已审批节点文本
"allRead": true, //全部已读
"read": 1,// 已读人数
"approvePersonList": [ // 执行者
{
"id": "",
"name": "",
"approveState": "",
"approveTime": "",
"approveOpinion": "",
"userAvatar": "",
"accomplish": null,
},
],
}
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
defaultStatus | 状态数组 | Object | statusOption(详细字段在表格上方已列举) |
defaultNodeType | 节点类型 | Object | nodeType(详细字段在表格上方已列举) |
dataList | 数据数组 | Array | [] |
defaultFieldMap | 字段映射 | Object | defaultFieldMap(详细字段在表格上方已列举) |
returnNode | 退回的节点数组 | Array | [] |
fileUrl | 文件访问地址 | String | String |
示例代码
vue
<template>
<!-- 示例 -->
<IKApprovalProcessDetail
:return-node="item?.returnNode || []"
:default-status="EStatus"
:default-node-type="ENodeType"
:data-list="item?.data || []"
:default-field-map="EFiledMap"
:picker-url="`${baseUrl}/component/pick/mix`"
:file-url="loadUrl"
/>
</template>