Skip to content

IKApprovalProcess 审批流组件

ikApprove_proccess.png

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文件访问地址String5
dataList数据数组Array<any>[]
defaultNodeType节点类型ObjectnodeType(详细字段在表格上方已列举)
defaultFieldMap字段映射ObjectdefaultFieldMap(详细字段在表格上方已列举)
statusWithoutApprover没有审批人时的审批状态ObjectstatusWithoutApprover(详细字段在表格上方已列举)

示例代码

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>