# ​如何在列表中对工时信息进行数据分组处理

来源快照：`result_data_new_260518.json`

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

## 正文

**1.  ****场景说明  **

在人事管理中，我们常常需要统计项目人员的每月工时情况，并在页面中用列表组件进行数据的直观展示。但是如果列表组件直接获取数据源，往往不能达到我们需要的展示效果，此时我们可以利用列表组件的【数据分组】功能，对数据源进行二次加工处理，从而使列表信息的展示更加清晰明辨。 

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705943743537262&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.  ****功能简介**  

上述场景可以通过列表组件中的【数据分组】功能实现，用户在获取列表数据源时，选择业务模块下的e-Builder表单，即可对该表单数据进行数据分组。在数据分组时，可以进行数据过滤，并对分组字段以及汇总字段进行设置，汇总字段可以选择数据字段或者自定义公式字段，完成配置后即可将字段进行显示，从而达到用户想要的效果。数据分组功能使得列表组件不再只是单纯的展示数据台账，赋予了列表组件进行数据二次加工处理的能力。

  


**3.  ****操作说明**  

1.新建页面，在该场景中，我们新建一个工时管理页面，拖入一些组件，如下图所示：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705948016902154&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.拖入选项卡组件，由于我们需要用列表统计本月工时排行以及单次最高工时金额，所以需要利用选项卡进行分页展示。

3\. 在选项卡组件中放入列表组件，选择列表数据源为业务模块中的e-Builder表单，输入表单名称搜索并选择对应的表单，注意：数据分组目前暂不支持直接选取e-Builder。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705948016902186&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)

4.利用数据分组进行本月工时排行：点击数据源右侧的权限配置按钮进入数据分组页面，在进行本月工时排行时，我们将日期过滤为本月，以姓名作为分组字段，然后将表单中已有的两个字段“工时金额”、“额外补贴”进行求和。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705952325820421&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=1157705952285818911&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=1157705952285818940&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)

5.利用数据分组进行单次最高奖励排行：同理我们拖入列表组件，选择业务模块中的e-builder表单并进行数据分组，选择公式字段，对字段进行运算，之后便能得到人员单次最高奖励排行：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705956631117844&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)
