基于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}
/>
序号 | 参数 | 类型 | 说明 |
---|---|---|---|
1 | host | string | 请求流程图的接口前缀一般不需要设置默认走本地部署服务 |
2 | processDefinitionId | string | 流程图服务必备参数 |
3 | processInstanceId | string | 流程图服务必备参数 |
4 | width | string | 流程图宽度 |
5 | height | string | 流程图高度 |
序号 | 参数 | 类型 | 说明 |
---|---|---|---|
1 | host | string | 请求流程图的接口前缀一般不需要设置默认走本地部署服务 |
2 | processDefinitionId | string | 流程图服务必备参数 |
3 | processInstanceId | string | 流程图服务必备参数 |
序号 | 参数 | 类型 | 说明 |
---|---|---|---|
1 | host | string | 请求审批的接口前缀一般不需要设置默认走本地部署服务 |
2 | id | string | 审批的任务ID |
3 | appType | string | 审批面板类型1=待审批、2=弃审、3=无显示 |
4 | onStart | function | 调用异步服务回调,一般用于请求Loading处理 |
5 | onSuccess | function | 调用后端服务成功后的回调 |
序号 | 参数 | 类型 | 说明 |
---|---|---|---|
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处理 |
序号 | 参数 | 类型 | 说明 |
---|---|---|---|
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处理 |
基于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 |
序号 | 参数 | 类型 | 说明 |
---|---|---|---|
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处理 |
用来开发的时候测试任务中心表格,禁止用于生产阶段切记!!!