@alanwang-merit/meritdata-platform-skill-package 1.0.0

package/skills/meritdata-dev-docs-file-finder/references/dev-docs//346/224/273/347/225/245-07-/346/265/201/347/250/213/346/250/241/345/235/227/350/256/276/350/256/241-/347/253/240/350/212/20205_/346/265/201/347/250/213/345/220/216/347/253/257/350/256/276/350/256/241.md

@@ -0,0 +1,226 @@
+---
+name: 攻略-07-流程模块设计-章节05_流程后端设计
+description: 流程后端设计 — 美林平台 BPM 模块设计说明（前端/后端架构 + 二次开发 + 样例流程）
+keywords: [BPM, 模块设计, 流程设计器, 流程后端, 二次开发, 样例流程, 流程后端设计]
+use-cases: [BPM 模块架构理解, 前端/后端设计, 流程模块二开]
+source-section: 5. 流程后端设计
+source-file: 应用开发平台-流程管理-使用攻略（七）：流程模块设计说明文档.md
+---
+
+# 5.流程后端设计
+
+![image-20210618142846530](.\imgs\流程模块介绍\image-20210618142846530.png)
+
+### 5.1 核心Java类
+
+RuleEngine ： 是实体类 ，包含了我们自己封装后的所有属性。
+
+包含 ：流程key, 操作按钮，当前任务节点信息，节点候选人等。
+
+BpmEngine：API接口类，我们通过feign对外提供的自定后的流程相关的API接口。提供了启动流程，规则引擎初始化 ，运行规则引擎，完成任务等接口。
+
+核心接口：运行规则引擎      返回结果  RuleEngine
+
+BpmEngineManager：实现业务逻辑的核心类。启动流程，完成任务的具体业务逻辑。
+
+RuleEngineManager：规则引擎类，主要是实现将XML文件中的信息转换为RuleEngine对象。
+
+DealerComputerService：计算人员类，将XML中的配置人员信息转换为前端显示人员。
+
+MainFormController：MainForm数据的接口。
+
+LineListener： 线监听类  完成节点处理人设置。
+
+UserTaskListener：用户任务监听类  主要完成我们Undo数据的产生和更新。
+
+
+
+### 5.2 流程流转调用接口顺序
+
+新发起流程时: 规则引擎初始化 ，启动流程
+
+起草人完成节点时：完成当前任务
+
+下一个节点人员打开时：运作规则引擎，获取当前节点数据
+
+完成任务时：完成任务接口
+
+每次打开表单时都会调用运行规则引擎接口，获取RuleEngine对象，操作按钮显示，节点候选人都来自运行规则引擎返回的RuleEngine 的信息。
+
+### 5.3 具体的接口逻辑
+
+串行审批模式
+
+首先用户任务的当前节点处理人为camunda:assignee 中配置的值 可以配置用户也可以配置变量，我们这边选择配置变量，根据业务给变量赋不同的候选人。
+
+![image-20210701143730814](.\imgs\流程模块介绍\image-20210701143730814.png)
+
+我们从发起流程开始：
+
+首先调用的就是发起流程接口：/{procDefKey}/startprocess 
+
+![image-20210701144130755](.\imgs\流程模块介绍\image-20210701144130755.png)
+
+重要的就是以上框中代码：1. 设置起草人变量   2. 启动一个流程   3.variable 就是全局变量
+
+当启动一个流程之后流程就要完成第一个线流转就会触发配置的线监听类LineListener，就会执行重写的execute方法
+
+这里完成的就是获取到当前的流转节点即第一个用户任务节点，但此时还没有设置处理人，要完成给Activity_04eqjz8_onlyApprove变量设置。
+
+![image-20210701144907130](.\imgs\流程模块介绍\image-20210701144907130.png)
+
+下面就是完成设置变量值的过程,及给起草人节点设置了候选人值，当前节点就变为运行时节点，处理人为起草人。
+
+![image-20210701145156418](.\imgs\流程模块介绍\image-20210701145156418.png)
+
+当起草人点击发送按钮，选择下一个节点处理人后，要流转到下一个节点，首先会调用完成任务接口/task/{taskId}/complete 
+
+![image-20210701151737220](.\imgs\流程模块介绍\image-20210701151737220.png)
+
+完成起草人接口后又会触发线监听
+
+![image-20210701152358078](.\imgs\流程模块介绍\image-20210701152358078.png)
+
+后面就进行同样的步骤，若流程后面没有节点则流程就结束了。
+
+对于退回上一节点，退回拟稿人操作就相当于把流程的运行节点改为对应的节点，和对应的处理人。
+
+以退回上一节点操作为例：首先调用退回上一节点接口：/process/retprenode/{businessId}
+
+![image-20210701153712921](.\imgs\流程模块介绍\image-20210701153712921.png)
+
+![image-20210701153853698](.\imgs\流程模块介绍\image-20210701153853698.png)
+
+退回上一节点，退回拟稿人，特送都会调用到此方法，具体的跳转到那个节点是由下面框中原生接口完成。
+
+![image-20210701154142970](.\imgs\流程模块介绍\image-20210701154142970.png)
+
+
+
+UserTaskListener 的业务介绍：
+
+首先我们可以看到有事件的定义，以及主要操作的是undo数据。
+
+![image-20210701154914197](.\imgs\流程模块介绍\image-20210701154914197.png)
+
+对于create事件的意思就是新进入用户任务之前，我们主要来给这个节点的处理人创建待办数据。
+
+![image-20210701155153027](.\imgs\流程模块介绍\image-20210701155153027.png)
+
+![image-20210701155519880](.\imgs\流程模块介绍\image-20210701155519880.png)
+
+我们在产生待办的同时也给接收人发送了系统消息：
+
+![image-20210701155656904](.\imgs\流程模块介绍\image-20210701155656904.png)
+
+对于complete，和delete事件 主要用来更新待办数据
+
+![image-20210701160153014](.\imgs\流程模块介绍\image-20210701160153014.png)
+
+### 5.4 几种审批模式的介绍
+
+单人审批： 一个人审批即可    XML中为 camunda:assignee 属性
+
+多人审批：
+
+​     任意一人  并行审批 多个候选人其中一个审批即可完成当前节点  XML中为 camunda:candidateUsers   意思为候选人
+
+​	 多人审批  并行多个人审批  所有候选人审批完 流入下一个节点   XML中为 camunda:assignee   审批类型为  <camunda:approve type="parApproveList" />
+
+![image-20210701170958030](.\imgs\流程模块介绍\image-20210701170958030.png)
+
+​    串行审批   多个人按选择的顺序审批 所有候选人依次审批完流入下一个节点  XML中为 camunda:assignee="${seqApprove}" 审批类型为  <camunda:approve type="seqApproveList" />
+
+![image-20210701170713127](.\imgs\流程模块介绍\image-20210701170713127.png)
+
+代码中的设置位置：
+
+![image-20210701171224339](.\imgs\流程模块介绍\image-20210701171224339.png)
+
+### 5.5 bpm模块相关表介绍
+
+ACT开头：这些都是camunda引擎创建的表。
+
+下面对表做一个简单介绍：
+
+ACT_RE_*: 表示repository，这个前缀表包含了流程定义和流程静态资源 。
+
+ACT_RU_*: 表示runtime，这个前缀表示流程运行时的表，包含流程实例，任务，变量等数据。 只在流程实例运行的时候保存这些数据，在流程结束后就会删除这些记录。
+
+ACT_ID_*:表示identity ，这些表包含身份信息，比如用户等。
+
+ACT_HI_*: 表示history 这些表包含历史数据，比如历史流程，变量，任务等待。
+
+ACT_GE_*: 通用数据 用于存放资源。
+
+几个常用到比较重要的表：
+
+1：资源库流程规则表
+
+​    act_re_deployment 部署信息表
+
+​    act_re_model  流程设计模型部署表
+
+​	act_re_procdef  流程定义数据表
+
+2：运行时数据库表
+
+​    act_ru_execution 运行 时流程执行实例表
+
+​	act_ru_identitylink 运行时流程人员表，主要存储任务节点与参与者相关信息
+
+​    act_ru_task 运行时任务节点表
+
+​	act_ru_variable 运行时流程变量表
+
+3：历史数据表
+
+​	act_hi_actinst 历史节点表
+
+​	act_hi_procinst 历史流程实例表
+
+​	act_hi_taskinst 历史任务实例表
+
+​	act_hi_varinst 历史变量实例表
+
+4：通用数据表
+
+​		act_ge_bytearray 二进制数据表
+
+​		act_ge_property 属性数据表
+
+
+
+pf_bpm开头：我们自己维护的相关表
+
+pf_bpm_mainform ：流程实例表  主要记录了流程流转过程中的信息。流程启动时产生数据。
+
+pf_bpm_undo：待办表  流程流转到下一个节点时插入的下一个节点人处理信息。
+
+pf_bpm_proctrack： 流程处理过程中，流程的追踪信息。
+
+pf_bpm_procopinion：流程处理过程中填写的意见表。
+
+pf_bpm_procservice_item: 监听表达式维护表
+
+pf_bpm_procdefbyte：流程的维护类
+
+
+
+意见管理：
+
+个人意见和公共意见：为维护的意见模板。在流程流转过程中填写意见可以快速选取。
+
+流程意见：为流程流转过程中填写的意见。
+
+代码位置：ProcOpinionController.java
+
+流程追踪: 
+
+为方便用户直观地了解流程当前的处理节点设计的可视化展示。
+
+代码位置：TrackController.java
+
+待办管理：
+
+待办数据是在每完成一个任务节点会触发监听器方法，方法中会给Undo表中插入数据。

package/skills/meritdata-dev-docs-file-finder/references/dev-docs//346/224/273/347/225/245-07-/346/265/201/347/250/213/346/250/241/345/235/227/350/256/276/350/256/241-/347/253/240/350/212/20206_/346/265/201/347/250/213/345/211/215/347/253/257/350/256/276/350/256/241.md

@@ -0,0 +1,80 @@
+---
+name: 攻略-07-流程模块设计-章节06_流程前端设计
+description: 流程前端设计 — 美林平台 BPM 模块设计说明（前端/后端架构 + 二次开发 + 样例流程）
+keywords: [BPM, 模块设计, 流程设计器, 流程后端, 二次开发, 样例流程, 流程前端设计]
+use-cases: [BPM 模块架构理解, 前端/后端设计, 流程模块二开]
+source-section: 6. 流程前端设计
+source-file: 应用开发平台-流程管理-使用攻略（七）：流程模块设计说明文档.md
+---
+
+# 6.流程前端设计
+
+![image-20210618160441316](.\imgs\流程模块介绍\image-20210618160441316.png)
+
+demo 工程主要提供业务表单页面及引入操作按钮组件，组成流程操作页面
+
+bpm-form-tools   主要为按钮组件
+
+bpm-grid-buttons 为查询pf_bpm_mainform表数据提供的按钮
+
+### 6.1 核心文件
+
+bpm-grid-buttons.vue 负责查询分类按钮，新增，删除按钮的控制
+
+bpm-form-tools.vue 按钮组件负责按钮的显示及弹框的引入
+
+merit-bpm.js  前端封装的方法类复制调用接口
+
+### 6.2 调用逻辑梳理
+
+打开流程处理表单页面的处理过程,以待办列表中点开为例，其他与之类似：
+
+第一步：点击操作按钮时触发点击操作事件
+
+![image-20210622105134150](.\imgs\流程模块介绍\image-20210622105134150.png)
+
+第二步触发MeritBPM.open()方法：
+
+![image-20210622105330904](.\imgs\流程模块介绍\image-20210622105330904.png)
+
+第三步触发window.open()方法打开页面：
+
+由于页面引入了操作按钮组件，则会先执行组件中的方法
+
+![image-20210622105710650](.\imgs\流程模块介绍\image-20210622105710650.png)
+
+![image-20210622105541605](.\imgs\流程模块介绍\image-20210622105541605.png)
+
+第四步若businessId不存在则直接回调，若有通过businessId查询表单数据，再进行回调
+
+![image-20210622160813583](.\imgs\流程模块介绍\image-20210622160813583.png)
+
+第五步调用运行规则引擎方法,获取操作按钮
+
+![image-20210622160927022](.\imgs\流程模块介绍\image-20210622160927022.png)
+
+第六步完成表单页面渲染
+
+![image-20210510100059452](.\imgs\流程模块介绍\image-20210510100059452.png)
+
+
+
+merit.js 中定义了流程操作中的按钮点击事件，方法最终还是调用后台接口。
+
+### 6.3 cloud-module-bpm中文件修改，调试方式
+
+由于cloud-module-bpm是基础依赖文件，若在代码中验证需要每次推到仓库，这样增加了风险也增加了操作量，所以提供了一个examples的页面来调试代码。
+
+![image-20210628172109839](.\imgs\流程应用开发\image-20210628172109839.png)
+
+页面中提供了流程打开后调用的组件，使用时放开注释就好。
+
+![image-20210628172236546](.\imgs\流程应用开发\image-20210628172236546.png)
+
+调试时需要修改这些参数为你实际上页面的参数
+
+![image-20210628172425303](.\imgs\流程应用开发\image-20210628172425303.png)
+
+效果如下：
+
+![img](.\imgs\流程应用开发\3325925652.bmp)

package/skills/meritdata-dev-docs-file-finder/references/dev-docs//346/224/273/347/225/245-07-/346/265/201/347/250/213/346/250/241/345/235/227/350/256/276/350/256/241-/347/253/240/350/212/20207_/344/272/214/346/254/241/345/274/200/345/217/221.md

@@ -0,0 +1,38 @@
+---
+name: 攻略-07-流程模块设计-章节07_二次开发
+description: 二次开发 — 美林平台 BPM 模块设计说明（前端/后端架构 + 二次开发 + 样例流程）
+keywords: [BPM, 模块设计, 流程设计器, 流程后端, 二次开发, 样例流程, 二次开发]
+use-cases: [BPM 模块架构理解, 前端/后端设计, 流程模块二开]
+source-section: 7. 二次开发
+source-file: 应用开发平台-流程管理-使用攻略（七）：流程模块设计说明文档.md
+---
+
+# 7.二次开发
+
+基于应用开发平台提供的这套东西有比较多的限制，因为所有接口封装都依赖于Rule Engine对象中定义的一套内容。
+
+但遵守上面的一些限制，则可以更快地开发业务。
+
+基于应用开发平台提供的流程引擎开发方式：
+
+  1.方式一 ：引入前端按钮组件
+
+​     优势：可以不用自己调用后端流程的API接口  
+
+​	 缺点：按钮无法更改
+
+​	 采用项目组:tempo, 数据资产，7103
+
+ 2.方式二：自己开发前端样式按钮等
+
+​    优势：前端按钮样式可自定义
+
+​    缺点：需自己整理业务逻辑调用后端的API接口
+
+​    采用项目组：希子图鉴
+
+以上两种都有提供相关参考文档。
+
+《二次开发--流程API接口》
+
+《二次开发--工作流流程应用开发》

package/skills/meritdata-dev-docs-file-finder/references/dev-docs//346/224/273/347/225/245-07-/346/265/201/347/250/213/346/250/241/345/235/227/350/256/276/350/256/241-/347/253/240/350/212/20208_/344/270/252/344/272/272/346/240/267/344/276/213/346/265/201/347/250/213/347/232/204/351/205/215/347/275/256.md

@@ -0,0 +1,92 @@
+---
+name: 攻略-07-流程模块设计-章节08_个人样例流程的配置
+description: 个人样例流程的配置 — 美林平台 BPM 模块设计说明（前端/后端架构 + 二次开发 + 样例流程）
+keywords: [BPM, 模块设计, 流程设计器, 流程后端, 二次开发, 样例流程, 个人样例流程的配置]
+use-cases: [BPM 模块架构理解, 前端/后端设计, 流程模块二开]
+source-section: 8. 个人样例流程的配置
+source-file: 应用开发平台-流程管理-使用攻略（七）：流程模块设计说明文档.md
+---
+
+# 8.个人样例流程的配置
+
+###    8.1 配置个人样例菜单和授权
+
+​	系统管理员账号登录系统，进入资源管理，资源维护 在流程管理下配置新增资源
+
+![image-20210624114259006](.\imgs\流程模块介绍\image-20210624114259006.png)
+
+配置文本：配置流程(个人样例)菜单：
+【路由地址】
+/bpm-demo/example/index
+
+【实际菜单地址】
+/bpm-demo/example/index.html
+
+【所属应用名】
+cloud-system-bpm
+
+授权完成后，登录有权限的用户就可以看到菜单
+
+![image-20210624133004431](.\imgs\流程模块介绍\image-20210624133004431.png)
+
+### 8.2 用户侧新建样例流程
+
+流程设计下新建分类，分类下新建个人样例流程
+
+![image-20210624133252180](.\imgs\流程模块介绍\image-20210624133252180.png)
+
+
+
+### 8.3 设计流程
+
+![image-20210624133805053](.\imgs\流程模块介绍\image-20210624133805053.png)
+
+按表单上的内容配置信息，表单链接地址第一个节点配置为：/bpm-demo/example/index.html#/formEdit?id=businessId
+
+后面节点配置为：/bpm-demo/example/index.html#/formRead?id=businessId
+
+![image-20210624134127168](.\imgs\流程模块介绍\image-20210624134127168.png)
+
+
+
+![image-20210624134848377](.\imgs\流程模块介绍\image-20210624134848377.png)
+
+### 8.4 设计完成后发布流程
+
+![image-20210624134943278](.\imgs\流程模块介绍\image-20210624134943278.png)
+
+### 8.5 发起流程
+
+方式一
+
+![image-20210624151602461](.\imgs\流程模块介绍\image-20210624151602461.png)
+
+方式二
+
+![image-20210624151647831](.\imgs\流程模块介绍\image-20210624151647831.png)
+
+### 8.6 处理流程
+
+操作入口
+
+入口一
+
+![image-20210624151810068](.\imgs\流程模块介绍\image-20210624151810068.png)
+
+入口二
+
+![image-20210624151910806](.\imgs\流程模块介绍\image-20210624151910806.png)
+
+入口三
+
+![s](.\imgs\流程模块介绍\image-20210624151958377.png)
+
+入口四--消息中
+
+![image-20210624152111891](.\imgs\流程模块介绍\image-20210624152111891.png)
+
+
+
+操作页面：
+
+![image-20220614101414615](.\imgs\流程模块介绍\image-20220614101414615.png)

package/skills/meritdata-dev-docs-file-finder/references/dev-docs//346/224/273/347/225/245-08-/346/265/201/347/250/213/345/211/215/347/253/257/347/273/204/344/273/266-00_/346/200/273/350/247/210.md

@@ -0,0 +1,66 @@
+---
+name: 攻略-08-流程前端组件-00_总览
+description: 美林平台 BPM 前端组件与方法说明（BpmFormTools / BpmGridButtonsNew / MeritBPM）
+keywords: [BPM, 前端组件, BpmFormTools, BpmGridButtonsNew, MeritBPM, Vue, Element UI]
+use-cases: [BPM 前端组件集成, 流程表单开发, BPM 按钮组件]
+related: [cloud-module-bpm / cloud-module-base]
+source: 应用开发平台-流程管理-使用攻略（八）：流程前端组件及方法说明文档.md
+---
+
+# 应用开发平台-流程管理-使用攻略（八）：流程前端组件及方法说明文档 — 总览
+
+**摘要**：美林平台 BPM 前端组件与方法说明（BpmFormTools / BpmGridButtonsNew / MeritBPM）
+
+**关联**：cloud-module-bpm / cloud-module-base
+
+## 章节索引
+
+01. [概述](攻略-08-流程前端组件-章节01_概述.md)
+02. [组件与方法概览表](攻略-08-流程前端组件-章节02_组件与方法概览表.md) (原 1)
+03. [BpmFormTools - BPM表单工具组件](攻略-08-流程前端组件-章节03_BpmFormTools_-_BPM表单工具组件.md) (原 2)
+04. [BpmGridButtonsNew - BPM表格按钮组件](攻略-08-流程前端组件-章节04_BpmGridButtonsNew_-_BPM表格按钮组件.md) (原 3)
+05. [后端BpmEngine核心接口](攻略-08-流程前端组件-章节05_后端BpmEngine核心接口.md) (原 4)
+06. [附录](攻略-08-流程前端组件-章节06_附录.md) (原 5)
+
+## 引言
+
+**版本**：V1.0
+**日期**：2026-05-19
+**说明**：基于cloud-system-bpm-demo示例项目，详细说明BPM工作流前端组件的使用方法
+
+---
+
+
+## 📑 API 速查
+
+本攻略共 **2 个 API**（按章节排序）：
+
+| 章节 | API | 方法 | 路径/签名 | 类型 | 描述 |
+|------|------|------|----------|------|------|
+| 章节03_BpmFormTools_-_BPM表单工具组件 | `BpmFormTools` | - | `-` | vue-component | BPM 表单工具 Vue 组件（Props / Events / 内部状态） |
+| 章节04_BpmGridButtonsNew_-_BPM表格按钮组件 | `BpmGridButtonsNew` | - | `-` | vue-component | BPM 表格按钮 Vue 组件（流程状态值 + 按钮事件） |
+
+### JSON Schema 完整索引
+
+```json
+[
+  {
+    "chapter": "章节03_BpmFormTools_-_BPM表单工具组件",
+    "apiName": "BpmFormTools",
+    "method": "",
+    "urlPattern": "",
+    "type": "vue-component",
+    "signature": "",
+    "functionDesc": "BPM 表单工具 Vue 组件（Props / Events / 内部状态）"
+  },
+  {
+    "chapter": "章节04_BpmGridButtonsNew_-_BPM表格按钮组件",
+    "apiName": "BpmGridButtonsNew",
+    "method": "",
+    "urlPattern": "",
+    "type": "vue-component",
+    "signature": "",
+    "functionDesc": "BPM 表格按钮 Vue 组件（流程状态值 + 按钮事件）"
+  }
+]
+```

package/skills/meritdata-dev-docs-file-finder/references/dev-docs//346/224/273/347/225/245-08-/346/265/201/347/250/213/345/211/215/347/253/257/347/273/204/344/273/266-/347/253/240/350/212/20201_/346/246/202/350/277/260.md

@@ -0,0 +1,165 @@
+---
+name: 攻略-08-流程前端组件-章节01_概述
+description: 概述 — 美林平台 BPM 前端组件与方法说明（BpmFormTools / BpmGridButtonsNew / MeritBPM）
+keywords: [BPM, 前端组件, BpmFormTools, BpmGridButtonsNew, MeritBPM, Vue, Element UI, 概述]
+use-cases: [BPM 前端组件集成, 流程表单开发, BPM 按钮组件]
+source-section: 无编号. 概述
+source-file: 应用开发平台-流程管理-使用攻略（八）：流程前端组件及方法说明文档.md
+---
+
+# 概述
+
+本文档以 `cloud-system-bpm-demo` 示例项目为基础，介绍BPM工作流前端组件的实际使用方法。
+
+### 使用步骤：
+
+**1. 流程管理-流程Key，绑定二开服务某个模块的页面表单**
+
+在二开模块中，需要先与流程定义Key进行绑定。流程定义Key由流程管理员在流程设计器中创建，绑定后方可使用BPM组件进行流程操作。
+
+**2. 二开表格页需要新建、删除流程实例及业务数据、需要根据流程权限及流程状态对数据进行过滤，使用BpmGridButtonsNew组件**
+
+当二开模块需要在列表页展示业务流程数据时，使用 `BpmGridButtonsNew` 组件提供新建、我的申请、我的审批等按钮，通过组件事件处理查询、新建、删除等操作。
+
+1）引入组件，procDefKey为第一步创建的流程Key，传入组件
+
+```javascript
+  <bpm-grid-buttons-new
+            :procDefKey="procDefKey"
+            @bpm-query="queryBpm"
+            @bpm-delete="deleteRow"
+          />
+```
+
+2）需要改造二开接口，查询接口需要有procDefKey、bpmStatus的查询参数；删除的业务接口添加对流程实例的删除(参考5.4 删除流程实例)
+
+```javascript
+    // 查询数据
+    queryPageData() {
+      // 调用后端API查询列表
+      this.axios['cloud-system-bpm-demo']
+        .post('/page/procExample/page', {
+          procDefKey: this.procDefKey,
+          bpmStatus: this.bpmStatus,
+          pageNumber: this.currentPage,
+          pageSize: this.pageSize
+        })
+        .then(res => {
+          this.gridData = res.data.rows;
+          this.total = res.data.total;
+        });
+    },
+```
+
+```java
+   // 二开查询方法改造：
+	// 添加流程数据查询
+   		Map<String, Object> formQuery = new HashMap<>();
+        long firstResult = 0L;
+        long singleQueryData = 1000L;
+        List<Mpunitextertransfer> applyData = new ArrayList<>();
+        List<String> businessIds = new ArrayList<>();
+        formQuery.put("BpmStatus", param.get("bpmStatus"));
+        ResultBody<GridView> procData = bpmEngine.queryMainForms(JSON.toJSONString(formQuery), param.get("procDefKey").toString(), firstResult, singleQueryData);
+        if (procData.isSuccess()) {
+            List<Map<String, Object>> listData = new ArrayList<>();
+            listData = procData.getData().getRows();
+            listData.stream().forEach(item -> {
+                // 获取二开业务数据，以下为示例：
+                Mpunitextertransfer mpUnitExterTransfer =new Mpunitextertransfer();
+                mpUnitExterTransfer.setBusinessId((item.get("businessId") == null ? "" : item.get("businessId")).toString());
+                mpUnitExterTransfer.setLastTime((item.get("updateTime") == null ? "" : item.get("updateTime")).toString());
+                mpUnitExterTransfer.
+                setFlowAuthorNames((item.get("flowAuthorNames") == null ? "" : item.get("flowAuthorNames")).toString());
+                mpUnitExterTransfer.setNodeNames((item.get("nodeNames") == null ? "" : item.get("nodeNames")).toString());
+                businessIds.add(item.get("businessId").toString());
+                applyData.add(mpUnitExterTransfer);
+            });
+        }
+
+	// 进行二开业务逻辑操作......
+ 	// 最终合并数据，返回GridView
+        data.forEach(item -> {
+            applyData.stream().filter(item1 -> item.getId().equals(item1.getBusinessId()))
+                    .forEach(item1 -> {
+                        item.setNodeNames(item1.getNodeNames());
+                        item.setFlowAuthorNames(item1.getFlowAuthorNames());
+                        item.setLastTime(item1.getLastTime());
+                    });
+        });
+        return new GridView(data, l);
+```
+
+
+
+**3.二开表单页需要进行流程流转，发送、填写意见、流程追踪等操作，需要使用bpmFormTools组件**
+
+当用户在表单页需要发起审批、填写意见、查看流程进度时，使用 `BpmFormTools` 组件集成流程操作按钮，在init/save回调中处理业务数据与流程的关联。
+
+1）引入组件，procDefKey为第一步创建的流程Key，传入组件
+
+```javascript
+   <!-- BPM工具栏（必须放在表单开头） -->
+    <bpm-form-tools
+      :procDefKey="procDefKey"
+      @init="init"
+      @save="save"
+      ref="bpmformtools"
+    />
+```
+
+2）引入初始化及保存方法，传入组件
+
+```javascript
+// 初始化表单（由bpm-form-tools调用）
+    init(params) {
+      if (params.id == '') {
+        // 新建流程 - 获取当前用户信息
+        this.axios['system-manager']
+          .get('/api/ou/user/session')
+          .then(result => {
+            this.example.name = result.name;
+            this.example.belongDept = result.deptName;
+            this.example.project = result.name + '_' + this.formatDate(new Date()) + '_出差报销';
+            params.callback(this.example);
+          });
+      } else {
+        // 打开已有流程 - 加载业务数据（二开接口）
+        this.axios['cloud-system-bpm-demo']
+          .post('/get', { id: params.id })
+          .then(res => {
+            Object.assign(this.example, res.data);
+            this.example.undoId = params.undoId;
+            params.callback(this.example);
+          });
+      }
+    },
+
+    // 保存业务数据（由bpm-form-tools调用）
+    save(bpmSaveAfter) {
+        // 二开接口
+      this.axios['cloud-system-bpm-demo']
+        .post('/update', this.example)
+        .then(res => {
+          Object.assign(this.example, res.data);
+          // 流程相关逻辑处理
+          // 设置流程相关变量（必须）
+          this.example['bpmSubject'] = res.data.project;   // 流程标题（必填）
+          this.example['bpmUrgent'] = this.example.urgency;  // 紧急程度
+          this.example['bpmSecret'] = this.example.mj;   // 密级
+          // 开展二开相关业务逻辑....
+          // 必须调用此回调，触发流程保存后处理
+          bpmSaveAfter(this.example);
+        });
+    },
+```
+
+### 全局安装方式
+
+```javascript
+// cloud-module-bpm 全局安装
+import cloudModuleBpm from 'cloud-module-bpm';
+Vue.use(cloudModuleBpm);
+```
+
+---