feat: 增加流程系统操作说明

流程系统集成/前端流程表单集成说明文档.md

@@ -3,7 +3,15 @@ LDP流程系统是LDP框架内负责管理，设计流程模型并提供流程
 业务系统在集成流程系统过程中，需要给流程系统提供审批过程所需的表单页面（数据和视图页面），流程系统需要在审批过程中调用业务系统的单据页面供审批用户查看，由于是跨系统的集成方式，需要被集成方在其需要审批的页面中遵循流程系统前端集成业务系统前端应用的相应的规范和模式，以达到流程系统可跨系统集成查看审批表单页面的业务需求。   
 框架内前端页面需要集成流程系统（被流程系统前端集成）的相关集成配置说明如下文。
 
-## 前端脚手架应用中集成说明
+
+
+## 前端脚手架应用中集成说明（外置VUE方式）
+
+外置VUE集成表单支持三种表单状态
+
+- BPM_SUBMIT： 提交状态， 用来标志当前页面可以支持新增表单数据
+- BPM_EDIT： 编辑状态, 用来标志当前页面可以支持编辑表单并保存数据
+- BPM_DETAIL: 编辑状态， 用来标志当前页面可以支持详情表单，及是查看表单数据
 
 提交表单集成代码示例
 
@@ -287,8 +295,6 @@ export default {
 
 ```
 
-
-
 ## bpm流程系统集成配置说明
 
 ### 创建应用
@@ -311,14 +317,18 @@ export default {
 
 ![1612506766789](./images/03进入表单管理页面.png)
 
-创建绑定
+
+
+新建表单
 
 ![1612506968167](./images/04新增表单.png)
 
-![1612507030908](C:\code\ldp-docs\流程系统集成\images\05新增表单(提交表单).png)
+![1612507030908](./images/05新增表单(提交表单).png)
 
 ![1612507062998](./images/06新增表单(编辑详情表单).png)
 
+![1614650751501](./images/07新增表单(详情表单).png)
+
 表单新增完成
 
 ![1612507116968](./images/07新增表单完成.png)
@@ -338,4 +348,3 @@ export default {
 ![1612507397313](./images/10绑定表单(确认选择).png)
 
 
-

流程系统集成/流程系统操作说明.md

+
+
+# 流程系统操作说明
+
+## 新建流程模型
+
+### 流程设计
+
+进入流程模型页面
+
+![1614666369795](./images/process/01进入流程模型.png)
+
+新建流程模型
+
+![1614666718898](./images/process/02新建流程模型.png)
+
+点击进入流程设计
+
+![1614666771400](./images/process/03点击流程设计.png)
+
+
+
+流程设计(**设置用户任务**)
+
+![1614666930851](./images/process/04添加用户任务.png)
+
+
+
+填写节点名称(<span style="color:red;">节点名称必填请注意填写</span>)
+
+![1614666991603](./images/process/05填写节点名称.png)
+
+
+
+设置执行人/候选组
+
+> 执行人为单个用户，可多选。
+>
+> 候选组为组织，可针对某个部门组织进行设置。
+
+![1614667291711](./images/process/06选择执行人候选组.png)
+
+![image-20210302162525605](./images/process/06选择执行人确认.png)
+
+
+
+
+
+添加结束节点
+
+![image-20210302171857530](./images/process/07添加结束节点.png)
+
+
+
+
+
+保存流程设计
+
+![1614667650555](./images/process/08保存流程设计.png)
+
+
+
+
+
+### 发布流程
+
+![1614670544785](./images/process/12发布流程设计.png)
+
+标准模式发布
+
+![1614670647798](./images/process/13标准定义发布.png)
+
+保留旧版定义模式发布(保留原来版本的定义信息)
+
+![1614670721562](./images/process/14保留旧版定义模式.png)
+
+
+
+
+
+
+
+##  流程定义&表单集成
+
+### 新建应用
+
+进入应用管理页面，点击新建应用
+
+![1614668167129](./images/process/09点击新建应用.png)
+
+选择集成应用，如无应用请在**mcs后台系统**中应用认证管理模块中添加
+
+![1614668298851](./images/process/10选择应用.png)
+
+保存应用
+
+> 前端应用名： 一般用来标志当前集成的应用。
+>
+> 前端应用路径： 这个路径是用来加载应用，请设置成线上项目的相对路径，如http://sinra-server0:9080/demo  则路径设置成**demo** ， 前端应用名表示应用的别名，推荐使用英文， **名称和路径不能重复**。
+>
+> 如果应用访问的地址无子路径的情况下，请重新打包成子路径访问方式。
+
+![1614668493980](./images/process/11新增应用.png)
+
+
+
+
+
+### 新建表单
+
+按照业务场景来新建表单，目前表单集成方式支持 **外置VUE**、**内置表单视图**、 **开发API**
+
+1. 外置VUE
+
+> 需要在应用的功能视图页面内修改集成`bpm系统`相关逻辑代码,  显示和隐藏保存等功能需应用项目配置设置，设置方式较麻烦，数据的修改和保存由应用项目来控制，支持业务功能性强。
+
+操作说明请点击查看[前端流程表单集成说明文档.md]('前端流程表单集成说明文档.md')
+
+
+
+
+
+2. 内置表单视图 
+
+> 需要在`bpm系统`内创建表单设计，并根据设计的视图来进行表单渲染，数据提交等操作均为`bpm系统`内部进行操作，
+>
+> 目前仅支持几种常用表单控件，匹配业务性较低，无需应用项目配合即可完成流程表单的数据操作。
+
+**新建表单(内置表单视图)**
+
+进入到表单管理页面
+
+![1612506766789](./images/03进入表单管理页面.png)
+
+
+
+切换选择内置表单视图
+
+![1614652020346](./images/11切换选择内置表单视图.png)
+
+**新建内置表单**
+
+![1614652205195](./images/12新建内置表单.png)
+
+![1614652279810](./images/13表单列表(内置表单).png)
+
+
+
+
+
+**修改表单数据**
+
+![1614669910690](./images/24修改表单.png)
+
+
+
+修改表单功能名(**不推荐修改其他内容**)
+
+![1614669972890](./images/25修改表单功能名.png)
+
+
+
+
+
+**设计表单（内置表单视图）**
+
+在表单列表中点击设计按钮
+
+![1614652430585](./images/14点击表单设计.png)
+
+
+
+进入表单设计页面
+
+![1614652508990](./images/15进入表单设计页面.png)
+
+
+
+**表单设计的基本操作**
+
+拖拽生成基础控件
+
+![1614652625413](./images/16拖拽基础控件.png)
+
+配置基础控件属性
+
+![1614652712183](./images/17设置基础控件属性.png)
+
+
+
+设置选择框内容
+
+![1614653010966](./images/18设置选择框内容.png)
+
+
+
+拖拽一行两列进行布局
+
+![1614653105472](./images/19拖拽布局.png)
+
+
+
+拖拽基础控件到布局中
+
+![1614653192197](./images/20拖拽布局编辑属性.png)
+
+
+
+**在线预览**
+
+![1614655126589](./images/21点击在线预览可以查看当前设计.png)
+
+查看预览，可修改显示内容
+
+![1614655361670](./images/22查看预览.png)
+
+
+
+**保存表单设计 **
+
+![1614655444313](./images/23点击保存即可保存当前设计内容.png)
+
+
+
+
+
+
+
+3. 开发API 
+
+> 由后端接口直接进行交互，前台无需设置。
+
+
+
+
+
+### 流程定义
+
+**绑定表单**
+
+进入流程定义页面，选择对应的表单，点击绑定表单
+
+![image-20210302155752424](./images/process/15绑定表单.png)
+
+![image-20210302155917834](./images/process/16选择绑定确认.png)
+
+**流程定义授权**
+
+点击授权，进入授权界面，选择对应的用户/岗位，进行授权。
+
+![image-20210302160044564](./images/process/17点击授权.png)
+
+![image-20210302160222148](./images/process/18授权用户岗位.png)
+
+![image-20210302160431692](./images/process/19授权用户岗位确认.png)
+
+
+
+
+
+## 流程发起和办理
+
+### 发起流程
+
+![image-20210302161235549](./images/process/20选择流程发起.png)
+
+
+
+
+
+填写表单内容， 并点击提交，进行发起流程
+
+![image-20210302161940997](./images/process/21编辑表单发起流程.png)
+
+发起后可在流程汇总中，查看流程信息。
+
+![image-20210302162202424](./images/process/22流程汇总.png)
+
+
+
+
+
+### 我的待阅
+
+在**抄送方**账号中 我的待阅页面中可以查看抄送的流程信息
+
+![image-20210302162853094](./images/process/23我的待阅.png)
+
+
+
+
+
+### 执行流程(我的待办、流程汇总)
+
+流程汇总中查看当前流程信息，可选择流程进行执行操作
+
+![image-20210302164134946](./images/process/24流程汇总执行.png)
+
+
+
+执行任务提交审批流程
+
+![image-20210302164356273](./images/process/25流程审批提交.png)
+
+
+
+### 查看流程详情
+
+![image-20210302164705879](C:\code\ldp-docs\流程系统集成\images\process\26查看流程详情.png)
+
+
+
+![image-20210302165025404](./images/process/27查看详情任务节点.png)
+
+查看流程图
+
+![image-20210302165109578](./images/process/28查看详情流程图.png)
+
+
+
+
+
+### 转办流程
+
+![image-20210302165821068](./images/process/29转办流程.png)
+
+选择用户进行转办流程
+
+![image-20210302165935478](./images/process/30选择用户进行转办.png)
+
+
+
+
+
+
+
+
+
+### 终止流程
+
+![image-20210302170116006](./images/process/31终止流程.png)
+
+
+
+
+
+
+
+### 回退流程
+
+![image-20210302170230007](./images/process/32回退流程.png)
+
+![image-20210302170330696](./images/process/33回退到指点流程节点.png)
+
+**在回退人界面中即可查看当前被回退的流程信息**
+
+![image-20210302170452248](./images/process/34回退流程信息.png)
+
+
+
+回退后可重新提交流程
+
+![image-20210302170614792](./images/process/35重新申请流程.png)
+
+
+
+
+
+
+
+
+
+## 问题汇总
+
+### 发起流程问题
+
+> 发起流程中无流程，请查看如下设置是否正确
+
+1. 流程模型中是否已发布。
+2. 流程定义中是否已授权当前用户（无授权的用户无法发起流程）。
+
+
+
+>  在发起流程或者流程操作页面中无表单
+
+1. 显示暂无数据: 		请查看是否流程是否绑定表单，如果无绑定也可以提交。
+
+2. 显示资源加载失败:  请查看是否绑定的表单 地址填写错误， 或者应用项目打包出错。
+
+3.  外置VUE表单无数据显示， 请查看当前用户是否有权限访问绑定应用的功能视图页面， 请在`mcs系统`中查看授权。
+
+
+
+### 无待办问题
+
+> 流程模型中查看对应流程的流程设计，查看节点是否有设置候选配置
+
+![image-20210303104043453](./images/26查看候选配置.png)
+
+
+
+
+
+设置候选配置后需要重新发布，发布模式请选择**保留旧版定义模式**
+
+![image-20210303104700012](./images/27发布旧版定义.png)
\ No newline at end of file