## 前言

    流程挂载卡片模式，支持eb表单流转，整体框架使用流程，eb提供注册对应的复写组件给到后端接口返回，流程通过corsImport调用组件渲染实现挂载

## 一、工作流管理相关

### 1、表单管理（废弃）

```typescript
appName= "@weapp/ebdform"
compName = "EbFlowFormManage"
```

[图片附件未整合: _assets/913135993206005761/001-79561d1263.png]

### 2、布局管理（废弃）

```typescript
appName= "@weapp/ebdform"
compName = "EbFlowLayoutList"
```

### 3、打印模板

```typescript
appName= "@weapp/ebdform"
compName = "EbFlowPrint"
```

[图片附件未整合: _assets/913135993206005761/002-0b96b38e8d.png]

## 二、流程详情相关

### 1、详情body区域卡片(舍弃，走插件)

```typescript
注：详情主体调用流程组件单页等，内部body区域调用注册主键，外部提供 baseStore（流程基础store）, blocks（区块组件类型）, formItem（表单配置信息）, 
isMobile（设备属性）, isReadOnly（表单编辑权限）等属性，内部继承使用

// 区块组件类型，参考
enum BlockType {
  SignInput = 'SignInput', // 顶部意见框，必须包含
  OperArea = 'OperArea', // 操作按钮区，必须包含
  Prompts = 'Prompts', // 顶部信息提示区，必须包含
  SystemField = 'SystemArea', // 系统字段区
  RelateForm = 'RelateForm', // 表单主体
  HistoryApply = 'HistoryApply', // 历史申请
  RelateMatter = 'RelateMatter', // 关联事项
  SignComment = 'SignComment', // 意见评论
}

注册组件：
appName= "@weapp/ebdfpage"
compName = "EbWorkflowCard"
h5：
appName= "@weapp/ebdfpage"
compName = "MEbWorkflowCard"
```

[图片附件未整合: _assets/913135993206005761/003-b6e71170a2.png]

### 2、打印按钮及模板对接

```typescript
appName= "@weapp/ebdfpage"
compName = "EbWfPrintPage"

打印按钮注册复写：
  baseStore?.registerInterceptEvent(
      `${WfEventType.BeforeClickOperBtn}|${WfOperMenuItemType.PRINT}`,
      () => {
        this.store.triggerPrint();
      },
    );
```

    打印直接是ebuilderworkflow对接的，前端运行按钮提供注册复写，和打印模块对接

### 3、新建审批中转页面

对接文档：[https://weapp.eteams.cn/sp/techdoc/doc/8ec7ed0d-66f3-4a4d-8766-e81d6b7a39e1/freepass](https://weapp.eteams.cn/sp/techdoc/doc/8ec7ed0d-66f3-4a4d-8766-e81d6b7a39e1/freepass)

[图片附件未整合: _assets/913135993206005761/004-cd3c049b06.png]

### 4、子流程对接

```typescript
位置： \src\components\pc\flowpage\block\subwf\mainRequestList.tsx

//ref复写topContext.regOvFunctionEvent打开事件
 getTopInstance = (ref: any) => {
    console.log('ref: any', ref);
    this.wffpDialogFrameRef = ref;
    this.wffpDialogFrameRef
      ?.getEventStore?.()
      .regOvFunctionEvent(
        'WffpMiddleViewPage',
        (params: { requestId?: string; urlParams?: any } = {}, originFn: Function) => {
          /** 打开eb流程 ，不阻碍测试先用新窗口打开，后续挂载对接支持沟通* */
          console.log('params-originFn', params, originFn);
        },
      );
  };
```

[图片附件未整合: _assets/913135993206005761/005-91bb068313.png]

[图片附件未整合: _assets/913135993206005761/006-fbc6d5daa9.png]
