@alanwang-merit/meritdata-platform-skill-package 1.0.9 → 1.0.11

package/skills/{meritdata-dev-docs-file-finder/references/dev-docs/.bak//345/272/224/347/224/250/345/274/200/345/217/221/345/271/263/345/217/260-/346/265/201/347/250/213/347/256/241/347/220/206-/344/275/277/347/224/250/346/224/273/347/225/245/357/274/210/345/205/255/357/274/211/357/274/232/346/265/201/347/250/213/350/277/275/350/270/252/351/241/265/351/235/242/345/265/214/345/205/245/350/241/250/345/215/225/345/274/200/345/217/221.md → meritdata-platform-bpm/references/process-track.md}

@@ -1,45 +1,24 @@
----
-title: 应用开发平台流程管理使用攻略（六）：流程追踪页面嵌入表单开发
-date: 2025.05.28
-categories:
-  - 开发攻略
-  - 6.13.2
----
+## 适配与安全
 
-## 																				应用开发平台流程管理使用攻略（六）：流程追踪页面嵌入表单开发
+先从目标 BPM 版本确认追踪页面路由、`BpmEngine` 方法和访问控制。嵌入页面必须沿用当前用户会话或受认证的后端代理，不能把内部追踪地址暴露为匿名 iframe。
 
+## 流程追踪嵌入表单开发
 对于需要把现有查看追踪页面的页面拆分开嵌入进自己的表单页面的需求。
-
 ## 1. 开发步骤：
-
 ### 1.1 更新流程的包到最新版本。
-
 ### 1.2 自己表单页面嵌入页面的具体步骤。
-
 #### 1.2.1 获取需要的下面几个参数
-
 port：端口
-
 procDefId：流程定义Id
-
 procInstId：流程实例id
-
 showtitle：是否展示标题   值为 true （展示上面页面的切换文字）或 false （不展示上面页面的切换文字），此种业务场景下拼接false
-
 showtabkey：展示的页面  值有 grid(文字追踪页面)   track（追踪图表页面） apply （审批意见页面）
-
 IsShielding：是否展示标题中的文字追踪和流程意见标题   此种业务场景不用在url中拼接
-
 通过以上拼接出页面的URL。
-
-示例：http://127.0.0.1:8080/bpm/proctrack/index.html?procInstId=d33eaacd-fa4c-11eb-96f9-70b5e84e90b6&procDefId=Process_Demo1:56:0936fb8c-f502-11eb-8ba5-70b5e84e90b6&showtitle=false&showtabkey=grid#/
-
+示例：`https://<bpm-host>>/<track-path>>?procInstId=<proc-inst-id>>&procDefId=<proc-def-id>>&showtitle=false&showtabkey=grid#/`
 #### 1.2.2 自己编写接口调用应用开发平台提供的接口获取port和procDefId，procInstId
-
 获取port：
-
 示例：
-
 ```java
 @RequestMapping(value = "/port", method = RequestMethod.POST)
     public @ResponseBody
@@ -48,9 +27,7 @@ IsShielding：是否展示标题中的文字追踪和流程意见标题   此种
         return ResultBody.success(result.getData());
     }
 ```
-
 当首次打开表单没有没有businessId时，要查询procDefId显示流程追踪图，调用下面接口
-
 ```java
 @Autowired
     BpmEngine bpmEngine;
@@ -64,13 +41,8 @@ IsShielding：是否展示标题中的文字追踪和流程意见标题   此种
         return procDefId;
     }
 ```
-
-
-
 当有了businessId时获取procDefId，procInstId，通过查询mainFormDTO对象
-
 示例：
-
 ```java
 @RequestMapping(value = "/mainform", method = RequestMethod.POST)
     public @ResponseBody
@@ -79,56 +51,46 @@ IsShielding：是否展示标题中的文字追踪和流程意见标题   此种
         return ResultBody.success(result.getData());
     }
 ```
-
-
-
 接口调用方式参考《二次开发--流程API接口》文档
-
 #### 1.2.3 前端开发
-
 使用element-ui组件  Collapse 
-
 ```vue
-<el-collapse v-model="activeNames"> 
-<el-collapse-item title="文字追踪" name="1">
-      <div class="trock-div">
-        <iframe
+bel-collapse v-model="activeNames"> 
+bel-collapse-item title="文字追踪" name="1">
+      bdiv class="track-div">
+        biframe
           allowfullscreen="true"
           :src="url1"
           width="100%"
           style="border:0px;height: calc(100% - 1px)"
-        ></iframe>
-      </div>
-    </el-collapse-item>
-    <el-collapse-item title="图表追踪" name="2">
-      <div class="trock-div">
-        <iframe
+        >b/iframe>
+      b/div>
+    b/el-collapse-item>
+    bel-collapse-item title="图表追踪" name="2">
+      bdiv class="track-div">
+        biframe
           allowfullscreen="true"
           :src="url2"
           width="100%"
           style="border:0px;height: calc(100% - 1px)"
-        ></iframe>
-      </div>
-    </el-collapse-item>
-    <el-collapse-item title="审批意见" name="3">
-      <div class="trock-div">
-        <iframe
+        >b/iframe>
+      b/div>
+    b/el-collapse-item>
+    bel-collapse-item title="审批意见" name="3">
+      bdiv class="track-div">
+        biframe
           allowfullscreen="true"
           :src="url3"
           width="100%"
           style="border:0px;height: calc(100% - 1px)"
-        ></iframe>
-      </div>
-    </el-collapse-item>
-  </el-collapse>
+        >b/iframe>
+      b/div>
+    b/el-collapse-item>
+  b/el-collapse>
 ```
-
 获取拼接所需参数，拼接url
-
 备注所有参数名自己定义。
-
 data中定义三个url:
-
 ```vue
 data() {
     return {
@@ -138,15 +100,10 @@ data() {
     }
 }
 ```
-
 方法写在created中：
-
 调用自己的工程接口获取procDefId，procInstId
-
 // 若businessId为空则不用请求了，procDefId，procInstId都赋值为空字符串。追踪页面将会显示空白
-
 示例：
-
 ```vue
 var procDefId = '';
 var procInstId = '';
@@ -163,9 +120,7 @@ this.axios['cloud-system-bpm-travel']
         _this.setUrl(procDefId, procInstId);
       });
 ```
-
 方法写在methods中：
-
 ```vue
 setUrl(procDefId, procInstId) {
       let _this = this;
@@ -215,15 +170,3 @@ appendUrl(key, port, procInstId, procDefId) {
       return url;
     }
 ```
-
-以上步骤完成嵌入，具体页面样式自己开发。
-
-效果如下：
-
-闭合：
-
-![image-20210817172626314](.\imgs\流程应用开发\image-20210817172626314.png)
-
-展开：
-
-![image-20210817172538277](.\imgs\流程应用开发\image-20210817172538277.png)

package/skills/{meritdata-dev-docs-file-finder/references/dev-docs/.bak//345/272/224/347/224/250/345/274/200/345/217/221/345/271/263/345/217/260-/346/265/201/347/250/213/347/256/241/347/220/206-/344/275/277/347/224/250/346/224/273/347/225/245/357/274/210/344/272/224/357/274/211/357/274/232/345/276/205/345/212/236/345/220/214/346/255/245/351/227/250/346/210/267/345/274/200/345/217/221.md → meritdata-platform-bpm/references/todo-portal.md}

@@ -1,33 +1,15 @@
----
-title: 应用开发平台流程管理使用攻略（五）：待办同步门户开发
-date: 2025.05.28
-categories:
-  - 开发攻略
-  - 6.13.2
----
-
-## 																																应用开发平台流程管理使用攻略（五）：待办同步门户开发
-
 ## 1. 背景
 
+待办同步会传递流程和人员相关数据。目标门户必须使用受认证的服务到服务通道，并校验调用身份、租户和数据范围；不要把同步回调暴露为匿名接口。
 有部分项目需要将流程产生的待办同步到其他门户页面处理。
-
 ## 2. 功能实现
-
-应用开发平台通过项目在nacos中配置的相关同步参数将待办信息同步到其他服务。
-
+应用开发平台通过项目配置中的同步参数将待办信息同步到其他服务。配置值和服务发现范围以目标环境为准。
 下面说明参数含义及实现原理
-
 ### 2.1 nacos 配置
-
 配置参数位置：
-
 common-cloud-bpm-engine.properties 
-
 配置项：
-
 支持向两个门户同时同步
-
 ```properties
 #同步待办参数portal 门户  RTX
 #默认为false 不开启同步
@@ -35,33 +17,29 @@ meritdata.cloud.synundo.portal.status=false
 #默认为false 不开启同步
 meritdata.cloud.synundo.rtx.status=false
 #向portal同步未处理的待办地址
-meritdata.cloud.sync.undeal.undo.portal.url=bpm/demo/synundo/to-portal
+meritdata.cloud.sync.undeal.undo.portal.url=<portal-service>/<undo-path>
 #向portal同步已处理待办的地址
-meritdata.cloud.sync.deal.undo.portal.url=bpm/demo/synundo/to-portal
+meritdata.cloud.sync.deal.undo.portal.url=<portal-service>/<undo-path>
 #向Rtx门户同步未处理的待办地址
-meritdata.cloud.sync.undeal.undo.rtx.url=bpm/demo/synundo/to-rtx
+meritdata.cloud.sync.undeal.undo.rtx.url=<rtx-service>/<undo-path>
 #向Rtx门户同步已处理的待办地址
-meritdata.cloud.sync.deal.undo.rtx.url=bpm/demo/synundo/to-rtx
+meritdata.cloud.sync.deal.undo.rtx.url=<rtx-service>/<undo-path>
 #向portal同步已删除代办数据的待办地址
-meritdata.cloud.sync-del-undo-portal-url=bpm/demo/syndelundo/to-portal
+meritdata.cloud.sync-del-undo-portal-url=<portal-service>/<deleted-undo-path>
 #向Rtx门户同步已删除代办数据的待办地址
-meritdata.cloud.sync-del-undo-rtx-url=bpm/demo/syndelundo/to-rtx
+meritdata.cloud.sync-del-undo-rtx-url=<rtx-service>/<deleted-undo-path>
 
 ```
-
 原理：通过获取这些参数，通过feign的方式将待办数据以json入参的形式，调用配置的接口达到向其它服务同步待办的目的 。
-
 由于采用feign的调用方式，因此配置的服务必须是同一个nacos管理的服务。
-
 ### 2.2 应用开发平台平台侧的实现代码
-
 ```java
 package com.meritdata.cloud.bpm.event;
 
 import com.alibaba.fastjson.JSON;
 import com.meritdata.cloud.bpm.common.Constant;
 import com.meritdata.cloud.bpm.entity.Undo;
-import com.meritdata.cloud.bpm.fegin.IBpmUndoServiceClient;
+import com.meritdata.cloud.bpm.feign.IBpmUndoServiceClient;
 import com.meritdata.cloud.bpm.undo.service.IUndoService;
 import com.meritdata.cloud.utils.NacosUtils;
 import org.springframework.beans.factory.annotation.Autowired;
@@ -173,11 +151,9 @@ public class UndoEvent {
 }
 
 ```
-
 Feign类代码
-
 ```java
-package com.meritdata.cloud.bpm.fegin;
+package com.meritdata.cloud.bpm.feign;
 
 import com.meritdata.cloud.bpm.entity.Undo;
 import com.meritdata.cloud.config.CloudFeignConfiguration;
@@ -246,17 +222,11 @@ public interface IBpmUndoServiceClient {
 }
 
 ```
-
 其他服务接收到待办数据后，就可以对待办数据进行处理展现或者继续同步到其它第三方系统。
-
 ### 2.3 二开侧代码
-
-由于需要把JsonString转换为List\<UndoDTO>所以需要引入cloud-system-bpm-module-base 依赖包使用UndoDTO对象
-
+由于需要把JsonString转换为List\<UndoDTO>所以需要引入cloud-system-bpm-module-base 依赖包使用UndoDTO对象。接收端必须在 Controller 前执行目标平台的服务身份认证与授权，以下代码只说明数据反序列化和业务处理位置。
 样例代码：入参 String    返参 Boolean   
-
 接口地址必须以/api/开头，后面的部分地址就是配置在nacos中
-
 ```java
  @ApiOperation(value = "同步门户待办接口")
     @RequestMapping(value = "/synundo/to-portal", method = RequestMethod.POST)
@@ -267,4 +237,3 @@ public interface IBpmUndoServiceClient {
         return true;
     }
 ```
-

package/skills/{meritdata-dev-docs-file-finder/references/dev-docs → meritdata-platform-bpm/references/workflow}//346/224/273/347/225/245-02-/345/267/245/344/275/234/346/265/201/347/250/213-/347/253/240/350/212/20202_/345/220/216/347/253/257/345/267/245/347/250/213/345/210/233/345/273/272.md

@@ -36,4 +36,4 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 
 生成的目录结构如下图所示：
 
-![](./imgs/流程应用开发/1-6.jpg)
+[IMG: (图片)]

package/skills/{meritdata-dev-docs-file-finder/references/dev-docs → meritdata-platform-bpm/references/workflow}//346/224/273/347/225/245-02-/345/267/245/344/275/234/346/265/201/347/250/213-/347/253/240/350/212/20204_/345/220/216/347/253/257/345/267/245/347/250/213/344/270/232/345/212/241/347/261/273/345/210/233/345/273/272.md

@@ -1,3 +1,4 @@
+<!-- ⚠️ 业务实体根包待确认：TravelExpense 不应在 com.meritdata.cloud.entity 下，应为 com.<公司>.<项目>.entity -->
 ---
 name: 攻略-02-工作流程-章节04_后端工程业务类创建
 description: 后端工程业务类创建 — 美林平台 BPM 工作流程应用开发完整教程（工程创建 / 配置 / 业务类）
@@ -24,13 +25,13 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 ```
 
 - 点击 com.meritdata.cloud ——>鼠标右键——> 点击 New ——> 选择 Package
-  ![](./imgs/流程应用开发/1-31.jpg)
+  [IMG: (图片)]
   在"New Package"界面 分别创建 controller,entity,repository,service 包
-  ![](./imgs/流程应用开发/1-9.jpg)
+  [IMG: (图片)]
 
 - 添加完包后，按照下图创建对应的 java 文件，
   点击包名 ——>鼠标右键 ——>点击 New ——> 选择 java class
-  ![](./imgs/流程应用开发/1-10.jpg)
+  [IMG: (图片)]
 
 ### 3.1 实体类
 
@@ -41,7 +42,7 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 完整代码如下:
 
 ```java
-package com.meritdata.cloud.entity;
+package com.meritdata.cloud.cets.entity;
 import com.meritdata.cloud.base.entity.CloudBaseEntity;
 import lombok.Data;
 import org.hibernate.annotations.GenericGenerator;
@@ -126,7 +127,7 @@ JpaRepository 的使用和 QueryDsl 的使用
 ```java
 package com.meritdata.cloud.repository;
 
-import com.meritdata.cloud.entity.TravelExpense;
+import com.meritdata.cloud.cets.entity.TravelExpense;
 import org.springframework.data.jpa.repository.JpaRepository;
 import org.springframework.data.querydsl.QuerydslPredicateExecutor;
 
@@ -151,7 +152,7 @@ public interface TravelExpenseRepository extends JpaRepository<TravelExpense, St
 ```java
 package com.meritdata.cloud.service;
 import com.meritdata.cloud.base.mvc.entity.GridView;
-import com.meritdata.cloud.entity.TravelExpense;
+import com.meritdata.cloud.cets.entity.TravelExpense;
 import javax.validation.constraints.NotNull;
 import java.util.List;
 import java.util.Map;
@@ -217,8 +218,8 @@ import com.google.common.collect.Lists;
 import com.meritdata.cloud.base.mvc.entity.GridView;
 import com.meritdata.cloud.bpm.base.dto.MainFormQueryDTO;
 import com.meritdata.cloud.bpm.core.BpmEngine;
-import com.meritdata.cloud.entity.QTravelExpense;
-import com.meritdata.cloud.entity.TravelExpense;
+import com.meritdata.cloud.cets.entity.QTravelExpense;
+import com.meritdata.cloud.cets.entity.TravelExpense;
 import com.meritdata.cloud.repository.TravelExpenseRepository;
 import com.meritdata.cloud.resultmodel.ResultBody;
 import com.meritdata.cloud.service.ITravelExpenseService;
@@ -413,7 +414,7 @@ public class TravelExpenseImpl implements ITravelExpenseService {
 ```
 
 注意：添加完 TravelExpenseImpl 类中代码后，编译工程，maven->compile
-![image](./imgs/流程应用开发/1-48.jpg)
+[IMG: image]
 
 ### 3.4 控制层
 
@@ -429,7 +430,7 @@ package com.meritdata.cloud.controller;
 import cn.hutool.core.util.StrUtil;
 import com.meritdata.cloud.base.mvc.entity.GridView;
 import com.meritdata.cloud.bpm.base.utils.StringUtils;
-import com.meritdata.cloud.entity.TravelExpense;
+import com.meritdata.cloud.cets.entity.TravelExpense;
 import com.meritdata.cloud.resultmodel.ResultBody;
 import com.meritdata.cloud.service.ITravelExpenseService;
 import io.swagger.annotations.Api;

package/skills/{meritdata-dev-docs-file-finder/references/dev-docs → meritdata-platform-bpm/references/workflow}//346/224/273/347/225/245-02-/345/267/245/344/275/234/346/265/201/347/250/213-/347/253/240/350/212/20205_/345/220/257/345/212/250/345/220/216/347/253/257/345/272/224/347/224/250/345/267/245/347/250/213.md

@@ -12,7 +12,7 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 ### 4.1 启动后端工程服务
 
 配置启动 key 文件
-![](./imgs/流程应用开发/1-44.jpg)
+[IMG: (图片)]
 在 VM options 中配置 key 文件,key 文件在 merit_cloud 文件夹下的 key 文件夹下
 
 ```
@@ -28,15 +28,15 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 
 如下图所示：
 
-![image-20220614093829639](.\imgs\流程应用开发\image-20220614093829639.png)
+[IMG: image-20220614093829639]
 
-![](./imgs/流程应用开发/1-43.jpg)
+[IMG: (图片)]
 
 启动后端应用
 选择 CloudBaseDemoProjectApplication,右键,选择 Run "CloudBaseDemoProjectApplication"
-![](./imgs/流程应用开发/1-11.jpg)
+[IMG: (图片)]
 启动成功
-![](./imgs/流程应用开发/1-12.jpg)
+[IMG: (图片)]
 
 ### 4.2 检查后端工程服务
 
@@ -46,4 +46,4 @@ url:http://localhost:8848/nacos/#/serviceManagement?dataId=&group=&appName=&name
 账号：admin
 密码：BigData.2018v6
 
-![](./imgs/流程应用开发/1-13.jpg)
+[IMG: (图片)]

package/skills/{meritdata-dev-docs-file-finder/references/dev-docs → meritdata-platform-bpm/references/workflow}//346/224/273/347/225/245-02-/345/267/245/344/275/234/346/265/201/347/250/213-/347/253/240/350/212/20206_/346/265/201/347/250/213/345/272/224/347/224/250/345/211/215/347/253/257/345/274/200/345/217/221.md

@@ -21,7 +21,7 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 
 下图：是根据《应用开发平台使用攻略(一)：系统环境搭建》 的前端工程创建，所创建的 business-bpm-expense 工程应用
 
-![image](./imgs/流程应用开发/1-35.jpg)
+[IMG: image]
 
 - 删除的文件如下：
   - 1.删除 node_modules 文件夹
@@ -33,7 +33,7 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 
 删除后的目录结构：
 
-![image](./imgs/流程应用开发/1-36.jpg)
+[IMG: image]
 
 #### 5.2.2 修改 package.json 文件
 
@@ -109,11 +109,11 @@ package.json 文件是对项目或者模块包的描述，里面包含许多元
 
 打开终端 ： Ctrl+Shift+`
 
-![image](./imgs/流程应用开发/1-37.jpg)
+[IMG: image]
 
 在终端输入:npm install 命令, 按 "Enter" 执行命令
 
-![image](./imgs/流程应用开发/1-38.jpg)
+[IMG: image]
 
 注意：在项目根目录下执行 npm install
 
@@ -124,7 +124,7 @@ nmp 命令
 ```
 
 安装成功后如下图：
-![image](./imgs/流程应用开发/1-39.jpg)
+[IMG: image]
 
 安装 cloud-module-bpm
 
@@ -176,7 +176,7 @@ nmp 命令
 | vue.config.js | 程序编译打包信息配置 多页面管理、编译路径、后端代理配置等 |
 
 完整的目录结构如下：
-![](./imgs/流程应用开发/1-32.jpg)
+[IMG: (图片)]
 
 ### 5.5 业务代码
 
@@ -747,7 +747,7 @@ module.exports = {
   
 
 效果图如下:
-  ![image](./imgs/流程应用开发/1-40.jpg)
+  [IMG: image]
 
 
 另外一种：
@@ -764,7 +764,7 @@ module.exports = {
 | isShowButton        | 是否显示：我的工作,所有工作，我的审批按钮     true 显示     false 不显示 |
 | isDisabledAddButton | 是否禁用新建按钮， true 禁用，false 不禁用                   |
 
-![image-20211211095441659](./imgs/流程应用开发/image-20211211095441659.png)
+[IMG: image-20211211095441659]
 
 
 
@@ -772,7 +772,7 @@ module.exports = {
 
   不显示效果：
 
-  ![image-20211211100147754](./imgs/流程应用开发/image-20211211100147754.png)
+  [IMG: image-20211211100147754]
 
   引入可以调用流程的方法的工具
 
@@ -1029,7 +1029,7 @@ module.exports = {
   ```
 
   效果图如下:
-  ![image](./imgs/流程应用开发/1-41.jpg)
+  [IMG: image]
 
   form-edit.vue 完整代码如下：
 
@@ -1251,7 +1251,7 @@ module.exports = {
   ```
 
   效果图如下:
-  ![image](./imgs/流程应用开发/1-46.jpg)
+  [IMG: image]
 
   完整代码如下：
 

package/skills/{meritdata-dev-docs-file-finder/references/dev-docs → meritdata-platform-bpm/references/workflow}//346/224/273/347/225/245-02-/345/267/245/344/275/234/346/265/201/347/250/213-/347/253/240/350/212/20207_/345/220/257/345/212/250/345/211/215/347/253/257/345/272/224/347/224/250/345/267/245/347/250/213.md

@@ -13,7 +13,7 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 
 打开终端 ： Ctrl+Shift+`
 
-![image](./imgs/流程应用开发/1-37.jpg)
+[IMG: image]
 
 在终端输入:npm run serve 命令, 按 "Enter" 执行命令
 
@@ -23,7 +23,7 @@ npm run serve
 ```
 
 启动成功
-![](./image/../imgs/流程应用开发/1-15.jpg)
+[IMG: (图片)]
 
 ### 6.2 Nacos 配置
 
@@ -35,7 +35,7 @@ meritdata.cloud.dev-web-prefix[1].applicationName=business-bpm-demo
 meritdata.cloud.dev-web-prefix[1].url=http://127.0.0.1:8087
 ```
 
-![](./image/../imgs/流程应用开发/1-16.jpg)
+[IMG: (图片)]
 
 因为服务启动的端口为 8087,所以 nacos 配置中端口为 8087
 
@@ -49,7 +49,7 @@ meritdata.cloud.dev-web-prefix[1].url=http://127.0.0.1:8087
 先启动 cloud-system-bpm-engine,cloud-system-manage,
 cloud-system-gateway
 
-![](./image/../imgs/流程应用开发/1-42.jpg)
+[IMG: (图片)]
 
 先请求地址
 http://127.0.0.1/portal/#/login
@@ -59,7 +59,7 @@ http://127.0.0.1/portal/#/login
 
 如果没有账户分配流程功能，请先给账户配置流程功能
 
-![](D:\文档区\6.9\imgs\流程模块介绍\Snipaste_2022-11-29_19-41-13.jpg)
+[IMG: (图片)]
 
 配置完账户后，使用账户登录
 
@@ -75,4 +75,4 @@ http://127.0.0.1/portal/#/login
 
 访问地址 URL :http://127.0.0.1:8087/bpm-expense/expense/index.html#/
 
-![](./image/../imgs/流程应用开发/1-27.jpg)
+[IMG: (图片)]

package/skills/{meritdata-dev-docs-file-finder/references/dev-docs → meritdata-platform-bpm/references/workflow}//346/224/273/347/225/245-02-/345/267/245/344/275/234/346/265/201/347/250/213-/347/253/240/350/212/20208_/346/265/201/347/250/213/350/256/276/350/256/241.md

@@ -11,13 +11,13 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 
 ### 7.1 添加流程表单
 
-![image-20211211110618542](./imgs\流程应用开发\image-20211211110618542.png)
+[IMG: image-20211211110618542]
 
 ```
 表单链接地址 /bpm-expense/expense/index.html#/formEdit?id=businessId
 ```
 
-![image-20211211110816246](./imgs\流程应用开发\image-20211211110816246.png)
+[IMG: image-20211211110816246]
 
 ```
 表单链接地址 /bpm-expense/expense/index.html#/formRead?id=businessId
@@ -29,10 +29,10 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 
 流程 ID: travel_expense
 
-![](./image/../imgs/流程应用开发/1-17.jpg)
+[IMG: (图片)]
 点击设计
 
-![](./image/../imgs/流程应用开发/1-18.jpg)
+[IMG: (图片)]
 
 点击右上角的设置按钮,对照填写数据
 如下图所示：
@@ -41,7 +41,7 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
   表单链接地址 /bpm-expense/expense/index.html#/formRead?id=businessId
 ```
 
-![](./image/../imgs/流程应用开发/1-19.jpg)
+[IMG: (图片)]
 
 说明：默认选择默认模式
 |门户模式| 说明|
@@ -51,48 +51,48 @@ source-file: 应用开发平台-流程管理-使用攻略（二）：工作流
 |门户模式|线上使用|
 
 进行设计流程
-![](./image/../imgs/流程应用开发/1-20.jpg)
+[IMG: (图片)]
 
 双击提交流程，对照图片添加配置
 
 - 基础配置
-  ![image-20211211111017796](./imgs\流程应用开发\image-20211211111017796.png)
+  [IMG: image-20211211111017796]
 
   ```
   表单链接地址 /bpm-expense/expense/index.html#/formEdit?id=businessId
   ```
 
 - 审批配置
-  ![](./image/../imgs/流程应用开发/1-22.jpg)
+  [IMG: (图片)]
 - 人员配置
-  ![](./image/../imgs/流程应用开发/1-23.jpg)
+  [IMG: (图片)]
 - 点击确认
 
 点击总监审批，对照图片添加配置
 
 - 基础配置
-  ![](./image/../imgs/流程应用开发/1-24.jpg)
+  [IMG: (图片)]
 
   ```
   表单链接地址 /bpm-expense/expense/index.html#/formRead?id=businessId
   ```
 
 - 审批配置
-  ![](./image/../imgs/流程应用开发/1-22.jpg)
+  [IMG: (图片)]
 - 人员配置
-  ![](./image/../imgs/流程应用开发/1-25.jpg)
+  [IMG: (图片)]
 - 点击确认
 
 ### 7.3 发布流程
 
 - 点击发布，发布该流程实例
-  ![](./image/../imgs/流程应用开发/1-26.jpg)
+  [IMG: (图片)]
 - 查看发布
-  ![](./image/../imgs/流程应用开发/1-33.jpg)
+  [IMG: (图片)]
 
 ### 7.4 创建流程实例
 
 - 创建流程实例，点击新建
-  ![](./image/../imgs/流程应用开发/1-27.jpg)
+  [IMG: (图片)]
 - 进行填写数据，点击送审
-  ![](./image/../imgs/流程应用开发/1-28.jpg)
+  [IMG: (图片)]