资金管理系统 使用 yyuap-bpm,考虑到需要个性化处理, 原组件不能满足需求. 故在yyuap-bpm基础上建此次分支;

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处理

注意事项

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

更新日志