# 如何在人员卡片显示栏目中展示e-builder相关信息

来源快照：`result_data_new_260518.json`

- 来源 ID：`1268635487229714453`
- 模块：低代码平台e-builder
- 目录：专题学习 - 场景专题 - 表单专题
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

1.

# **编写目的**

组织架构模块的人员卡片显示栏目，除了展示用户的“基本信息、账号信息、权限设置”等默认的tab页之外，还可以自定义显示栏目，用以展示人员卡片关联的数据信息。

例如公司的销售部门人员，在他们的人员卡片栏目中新增“销售台账（eb建模台账）、销售看板（eb页面）、销售经理信息（eb表单显示布局）”三个tab页，并且打开某个人的人员卡片，tab页中只展示该人员的相关信息。展示效果如下：

**场景一：销售台账****tab****页，过滤建模台账数据，并且新建数据时赋默认值：**

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635646118715400&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

**场景二：销售看板****tab****页，****eb****页面中的各类组件只展示人员卡片对应的数据：**

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635650273968128&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

**场景三：销售经理信息****tab****页，通过****“****销售经理****”****字段的值（无需数据****id****），打开表单显示布局：**

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635646105829380&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.

# **核心思路**

该场景的难点在于如何根据人员卡片对应的人员信息，动态过滤eb台账、eb页面等数据。如果用参数{userid}，则展示的是当前账户的人员，而并非打开的人员卡片对应的人员。

因此，我们需要用到{hrmResourceID}这个关键参数，该参数放在人员卡片自定义栏目的地址中，可以转换成当前人员卡片对应人员的id，之后通过不同的方式传参，从而实现对表单、页面等数据的过滤。

 

3.

# **操作步骤**

3.1

## **前期准备：搭建****eb****表单、页面**

以上述场景为例，搭建销售信息表等表单，并制作销售看板等页面。搭建的核心要素是表单中必须要有一个“人员选择”字段，用以参与之后与人员卡片对应人员的数据过滤。本场景中采用销售经理字段：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635646105829376&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635641640189957&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

3.2

## **场景一：销售台账****tab****页，过滤建模台账数据，并且新建数据时赋默认值**

销售信息表搭建完成后，复制表格视图地址，并在地址后面加上?xsjl={hrmResourceID}，红色字体是对应人员选择字段的字段key，蓝色字体为固定值，无需修改。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635641734365192&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

之后在人员卡片栏目中新建一个栏目，粘贴上此地址，即可实现台账数据，随着人员卡片对应人员的信息过滤：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635641639198731&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

此外，台账的右上角，一般有新建按钮，如果想要在点击按钮新建数据的时候，对应的人员选择字段直接赋上相关值，则可以在新建按钮中配置参数：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635645987389449&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

3.3

## **场景二：销售看板****tab****页，****eb****页面中的各类组件只展示人员卡片对应的数据：**

用户搭建销售看板，新建页面后，可以获取页面地址，并在地址后面加上?cs={hrmResourceID}，其中红色字体可随意设置英文符号，但是要与下文中组件的过滤条件里的参数对应。蓝色字体为固定值，无需改动。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635646105829395&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

之后同样在人员卡片显示栏目中新建一个tab页，放入此地址。

但是此时还无法实现过滤的效果，需要在页面中，为对应的组件设置过滤条件。需要注意过滤条件中的{cs}，就是与上文中红色字体对应的，可以自定义，但是两者要相同。设置完成后，即可实现过滤：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635641639198738&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

3.4

## **场景三：销售经理信息****tab****页，通过****“****销售经理****”****字段的值（无需数据****id****），打开表单显示布局**

eb表单的数据编辑布局、显示布局，通常需要通过数据id这个主键值才能打开。但是在一些场景中，用户可以保证每条数据的某个字段是唯一的（例如项目编号、合同名称等），此时希望能通过这些字段打开对应的表单布局。

例如本场景中，有一个销售经理信息表单，展示每位销售人员的一些信息，希望可以根据人员卡片栏目，打开对应的表单显示布局。此时可以通过该链接实现：

/sp/ebdfpage/formmode/view/convertPage?pkvalue={#id}&objId=1263707488839294976&pkfield=cgjl&type=0

红色：人员卡片对应的人员id参数，此场景中直接这样填写即可，其他情况下，替换不同的动态参数；

橙色：销售经理表单的模型id；

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635650380128265&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

绿色：对应表单字段的字段key，比如用的是销售经理字段，字段key是cgjl；

![](https://weapp.eteams.cn/papi/file/preview?fileId=1268635650246901761&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

蓝色：0代表显示布局，2代表编辑布局。注意：1代表新建布局，但是新建布局直接用对应的url地址新建即可，不需要配置参数。

配置后，即可实现不需要数据id，仅通过表单字段值，就能打开对应的表单显示布局/编辑布局。该效果也可以作用于其他场景。
