# yyjr-uap-bpm > customed according by yyuap-bpm. and tinper-bee bpm component Latest version **0.3.6** (published 2019-08-20) · MIT license · 0 weekly downloads ## Install ```sh npm install yyjr-uap-bpm pnpm add yyjr-uap-bpm yarn add yyjr-uap-bpm bun add yyjr-uap-bpm ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.3.6 | | Published | 2019-08-20 | | First published | 2019-08-08 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 0 | | Unpacked size | 182.3 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 13 | | Author | maslow | | Maintainers | yongming8998 | | Keywords | yyuap, yyuap-bpm, bpm, tinper-bee | ## Links - npm: https://www.npmjs.com/package/yyjr-uap-bpm - Repository: https://github.com/tinper-acs/yyuap-bpm - Homepage: https://github.com/tinper-acs/yyuap-bpm#readme - Issues: https://github.com/tinper-acs/yyuap-bpm/issues - npm.io page: https://npm.io/package/yyjr-uap-bpm ## Recent versions - 0.3.6 (latest) — 2019-08-20 - 0.3.5 — 2019-08-08 ## README #### 资金管理系统 使用 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` 如果使用流程图相关组件那么导入: ```js import { BpmWrap } from 'yyuap-bpm'; ``` 然后在render使用的时候传入相应组件需要的参数即可： ```js ``` ## 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处理 ## 注意事项 用来开发的时候测试任务中心表格，禁止用于生产阶段切记！！！ ## 更新日志 --- _Source: https://npm.io/package/yyjr-uap-bpm · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._