## 1、pc页面中直接引用

```
<CorsComponent
     app="@weapp/ebdfpage"
     compName="EBCardViewPage"
      type="0"   // 0显示  1 新建 2编辑  必填
     idFromParent="" // 数据id :  新建给空，编辑和显示布局必填
    paramsFromParent={{
      objId：'' //eb表单的表单id  必填
       layoutId："" //非必填，需要指定布局可以传
    }}
    customRenderExtraTitleArea={(props,store)=>{ // 自定义顶部标题区域，可选，一般用不到
		return '123'
	}}
    appId=""//必填
/>
```

[图片附件未整合: ../../_assets/910177314613682176/001-e73d2eaccf.png]

[图片附件未整合: ../../_assets/910177314613682176/002-15bf79307d.png]

## 2、移动端页面直接引用，参数同pc地址参数

```
<CorsComponent
     app="@weapp/ebdfpage"
     compName="EbMCardDetailView"
      type="0"   // 0显示  1 新建 2编辑  必填
     idFromParent="" // 数据id :  新建给空，编辑和显示布局必填
    paramsFromParent={{
      objId：'' //eb表单的表单id  必填
    }}
	customRenderExtraTitleArea={(props,store)=>{ // 自定义顶部标题区域，可选，一般用不到
		return '123'
	}}
   appId=""//必填
   comParams={{
      reloadEvent:()=>{}//保存后回调
   }}

/>
```

## 3、使用RoutePageView组件，该组件可以打开各种页面和弹出框

引入组件

```
{/** 按钮动作跳转页面 */}
<CorsComponent
  app="@weapp/ebdpage"
  compName="RoutePageView"
  type=""//string  路由标识参数
/>
```

调用打开

```
corsImport('@weapp/ebdcoms').then((ebdcoms:any)=>{
    const {JumpLink} = ebdcoms; 
JumpLink(linkInfo, {
  ...routerProps,//react路由 history,location,match..,可以传入带路由组件的
  fields:[],//字段数据信息,如[{field_1:'1234'}]
  compId: compId, // 没有compId使用viewId代替
  clientType: ‘PC’|'MOBILE'
});
})
```

linkInfo是要打开的页面的信息  
//build/ebdcoms/static/js/common/event-action-temp/index.tsx

可以参考：通过EB页面设计器中的事件进行配置要打开的组件和参数；

[图片附件未整合: ../../_assets/910177314613682176/003-99d18e878f.png]

## 4、pc布局弹框、侧滑方式调用

```typescript
新建：
<CorsComponent
     app="@weapp/ebdfpage"
     compName="EbCardCreateDialog"
     visible={false}
     dlgProps={{}}//参考ui组件的Dialog属性
     reloadEvent={()=>{}}//保存后回调
	 onClose={()=>{}} //关闭回调
     paramsFromParent={{
      objid：'' //eb表单的表单id  必填
		dxwb_39yc:"我是文本默认值", //给文本字段设置默认值 ，key为数据字段key
    }}
   appId=""//必填
/>

编辑或者显示布局：
<CorsComponent
     app="@weapp/ebdfpage"
     compName="EbCardViewDialog"
     idFromParent={''}//eb数据id 必填
     dlgProps={{}}//参考ui组件的Dialog属性
     reloadEvent={()=>{}}//保存后回调
	 onClose={()=>{}} //关闭回调
     paramsFromParent={{
        objid：'' //eb表单的表单id  必填
		dxwb_39yc:"我是文本默认值", //给文本字段设置默认值 ，key为数据字段key
    }}
     appId=""//必填
   customRenderExtraTitleArea={(props,store)=>{ // 自定义顶部标题区域，可选，一般用不到
		return '123'
	}}
/>
```
