Skip to content

tinper-acs/yyuap-bpm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

88 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bpm流程组件

基于tinper-bee组件库对iUap原有UUI流程业务组件流程部分进行封装React版本

实际使用中不需要使用全部组件

总共包含8种组件,分别是:

序号 组件名称 备注
1 BpmFlowChart 流程图
2 BpmTable 流程历史表格
3 BpmTaskApproval 流程审批面板
4 BpmButtonSubmit 流程提交按钮
5 BpmButtonRecall 流程收回按钮
6 BpmWrap 包含流程图和流程历史表格
7 BpmTaskApprovalWrap 流程整合审批面板
8 BpmTestCheckTable 测试任务中心表格组件

何时使用

用来开发的时候测试任务中心表格,禁止用于生产阶段切记!!!

如何使用

  • 通过npm下载使用 npm install yyuap-bpm -S

如果使用流程图相关组件那么导入:

import { BpmWrap } from 'yyuap-bpm';

然后在render使用的时候传入相应组件需要的参数即可:

<BpmWrap
    id={id}
    processDefinitionId={processDefinitionId}
    processInstanceId={processInstanceId}
/>

API

BpmFlowChart

序号 参数 类型 说明
1 host string 请求流程图的接口前缀一般不需要设置默认走本地部署服务
2 processDefinitionId string 流程图服务必备参数
3 processInstanceId string 流程图服务必备参数
4 width string 流程图宽度
5 height string 流程图高度

BpmTable

序号 参数 类型 说明
1 host string 请求流程图的接口前缀一般不需要设置默认走本地部署服务
2 processDefinitionId string 流程图服务必备参数
3 processInstanceId string 流程图服务必备参数

BpmTaskApproval

序号 参数 类型 说明
1 host string 请求审批的接口前缀一般不需要设置默认走本地部署服务
2 id string 审批的任务ID
3 appType string 审批面板类型1=待审批、2=弃审、3=无显示
4 onStart function 调用异步服务回调,一般用于请求Loading处理
5 onSuccess function 调用后端服务成功后的回调

BpmButtonSubmit

序号 参数 类型 说明
1 checkedArray array 传入的选中状态数组(流程单据前面的选择框数据)
2 text string 按钮的文本,默认提交
3 funccode string 功能节点编码
4 nodekey string nodekey
5 url string 提交流程所需要的地址,必须传入
6 onSuccess function 提交流程业务成功后回调
7 onError function 提交流程业务失败后回调{type:1,msg:"错误消息"}type=1代表逻辑错误,type=2代表服务器错误
8 className string 传入class
9 onStart function 调用异步服务回调,一般用于请求Loading处理

BpmButtonRecall

序号 参数 类型 说明
1 checkedArray array 传入的选中状态数组(流程单据前面的选择框数据)
2 text string 按钮的文本,默认提交
3 url string 提交流程所需要的地址,必须传入
4 onSuccess function 提交流程业务成功后回调
5 onError function 提交流程业务失败后回调{type:1,msg:"错误消息"}type=1代表逻辑错误,type=2代表服务器错误
6 className string 传入class
7 onStart function 调用异步服务回调,一般用于请求Loading处理

BpmWrap

基于BpmFlowChart和BpmTable组合使用的流程查看组件 当传入id(TaskID)、processDefinitionId、processInstanceId的时候不请求getbillid接口 当只传入id(单据ID)的时候,组件会从getbillid处请求所需要的参数

序号 参数 类型 说明
1 id string 传入的ID(注:只传ID的话,就是单据ID组件会去请求getbillid接口拿到流程需要的参数,如果传递3个参数的话ID就是TaskID,processDefinitionId,processInstanceId)
2 processDefinitionId string processDefinitionId
3 processInstanceId string processInstanceId

BpmTaskApprovalWrap

序号 参数 类型 说明
1 id string 传入的ID(注:只传ID的话,就是单据ID组件会去请求getbillid接口拿到流程需要的参数,如果传递3个参数的话ID就是TaskID,processDefinitionId,processInstanceId)
2 processDefinitionId string processDefinitionId
3 processInstanceId string processInstanceId
4 onBpmFlowClick function 流程图按钮单击事件,一般用来给流程图页面跳转路由和参数使用
5 appType string 审批面板类型1=待审批、2=弃审、3=无显示
6 onStart function 调用异步服务回调,一般用于请求Loading处理

注意事项

用来开发的时候测试任务中心表格,禁止用于生产阶段切记!!!

更新日志