Skip to content

IKApprovalDetail 审批流组件

ikApprove_detail.png

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状态数组ObjectstatusOption(详细字段在表格上方已列举)
defaultNodeType节点类型ObjectnodeType(详细字段在表格上方已列举)
dataList数据数组Array[]
defaultFieldMap字段映射ObjectdefaultFieldMap(详细字段在表格上方已列举)
returnNode退回的节点数组Array[]
fileUrl文件访问地址StringString

示例代码

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>