# 计划报告

来源快照：`result_data_new_260518.json`

- 来源 ID：`1183920559948447815`
- 模块：低代码平台e-builder
- 目录：页面引擎 - 页面设计器 - 页面组件 - 模块组件 - 模块组件/日常办公
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

## 一、功能背景及价值用途

在企业运营、项目管理或数据分析场景中，周期性报告是跟踪业务进展、评估目标完成度、发现潜在问题的核心工具。组件通过结构化展示多维度计划，帮助用户快速对齐目标，减少执行偏差。

## 二、业务流程图/配置过程图

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

页面添加计划报告组件，然后选择展示样式，是使用表格式还是列表式显示。决定好列表样式后，再设置显示字段。在显示字段中设置字段的显示效果，例如字段显示名称、列宽、字体样式、对齐方式、显示转换和事件动作等。再配置数据过滤条件，比如设置类型为我的报告数据、他人报告数据或者所有报告数据等。还可以设置周期，比如周报、月报、季报或者全部数据等。如果不想使用默认排序，则可以配置排序字段，指定排序字段和排序方式。其他还可以设置每页行数、显示总数、无数据时隐藏、数据预加载、自动滚动、分页模式、定时刷新等。

## 三、功能概述及使用说明

### 1、标题和底部

启用标题和启用底部区域是组件的常见配置选项，它们的作用主要是为了增强功能可见性、规范操作流程以及提升用户体验。

具体功能介绍：[文档地址](https://weapp.eteams.cn/sp/ebdpage/view/freepass/1152863419640021002?id=1159789715744890921&freepass_doc=1&space_id=1157961794811633670 "文档地址")

### 2、展示样式

列表样式主要分为两类：表格式和列表式。表格式用表格的形式展示数据；列表式可以更加自由灵活的排版展示数据。

表格式显示效果：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1163329464565415969&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=1163329469011378190&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.1网格显示

该配置只有列表式可配置。详细配置包括网格、网格宽度和网格高度的配置。

“网格”用于配置网格列表显示的行数和列数。例如：行：10，列：1，表示列表单页最多显示1行，每行1列数据，即单页最多5条数据。其中单页网格总数不能超过200，即行数乘以列数不能超过200。

“网格宽度”用于配置网格列表列的宽度。默认宽度为自适应，会根据设置的列数，均分显示宽度。可设置固定宽度，默认为200px，仅PC端支持，移动端默认为自适应效果。

“网格高度”用于配置网格列表行的高度。默认高度为150px，可自定义网格高度，单位为px。

#### 3.2隐藏表格表头

该配置只有表格式可配置。“隐藏表格表头”开关开启后，表格式列表则不显示字段名称行。

### 4、显示字段

显示字段功能允许用户根据行业特性、需求场景自定义字段的展示方式（如字段显示布局、字段字体样式等），实现字段自由设计与展示，满足复杂业务数据个性化展示需求。

具体功能介绍：[文档地址](https://weapp.eteams.cn/sp/ebdpage/view/freepass/1152863419640021002?id=1160523773019652097&freepass_doc=1&space_id=1157961794811633670 "文档地址")

### 5、数据过滤

数据过滤主要分为类型和周期。类型有：所有报告、我的报告、他人报告、共享我的和报告审批。

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

### 6、排序字段

排序功能是提高数据查询效率、优化用户体验的基础工具。

具体功能介绍：[文档地址](https://weapp.eteams.cn/sp/ebdpage/view/freepass/1152863419640021002?id=1159790879839256584&freepass_doc=1&space_id=1157961794811633670 "文档地址")

### 7、其他

#### 7.1每页行数

每页行数为列表单页显示的最多数据条数。默认为每页10条，可选5、10、20、50、100、和自定义分页（自定义分页最小显示为1，最大显示为200）。

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

#### 7.2显示总数

显示总数为在列表标题后显示当前列表总共有多少条数据，默认不显示。如果列表没开启标题栏，则无法显示。

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

#### 7.3无数据时隐藏

“无数据时隐藏”开关开启后，运行时如果列表没有显示数据时，则整个列表组件将隐藏不显示。

#### 7.4数据预加载

数据预加载可提高列表数据渲染速度。如果列表使用的数据源更新频率较低，或对列表显示数据实时性要求不高，可以开启数据预加载以提高渲染速度。

数据预加载默认关闭。开启后，会将列表数据缓存在前端，下一次加载时将优先使用缓存中数据进行渲染，待后端接口获取最新数据后再进行渲染更新。实际效果第一次预览/运行列表会显示加载效果，后续再次打开时，不重新加载数据（不显示加载效果）。

#### 7.5自动滚动

该配置仅支持PC端。自动滚动可配置列表每间隔多少时间滚动多少条数据。默认关闭，开启后需要配置滚动方向、滚动间隔时间和滚动条数。

页面运行时如果列表当前高度能显示全当前页数据，则不会触发自动滚动。只有列表数据产生滚动时，自动滚动才会生效。

#### 7.6分页模式

分页模式为列表切换分页数据的方式。默认为页码分页，可选页码分页、点击加载更多、滚动分页和隐藏分页。

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

页码分页：列表样式为表格式可以展示分页及页数切换（移动端仅展示分页）；列表式仅展示分页。

点击加载更多：列表底部展示加载更多按钮，点击后会根据每页行数，加载出一页的数据（剩余数据少于一页，则加载少于一页的数据）。

滚动分页：当组件本身有滚动条，且有数据没有加载时，滚动列表会根据每页行数，加载出一页的数据（剩余数据少于一页，则加载少于一页的数据）。移动端组件默认高度为数据高度，如果需要使用滚动分页，则需要搭配高度配置使列表产生滚动条。

隐藏分页：选择后不显示分页。

#### 7.7定时刷新

定时刷新可设置列表每隔多长时间进行一次数据更新。默认不刷新，可以设置不刷新、3分钟、5分钟、10分钟、可自定义刷新时间（单位：分钟）。自定义刷新时间最小可设置为3分钟。

对于一些长时间不关闭或刷新的展示页面，但是需要实时更新列表数据时，可配置定时刷新来及时更新展示数据。

#### 7.8高度

该配置仅支持移动端。移动端列表高度是根据数据自适应的，数据越多高度越高，如果想控制列表固定高度，可通过高度配置列表显示高度。高度默认为不固定高度，可选不固定高度、固定高度、铺满屏幕。

不固定高度：按照组件内容高度展示。固定高度：可设置具体的高度值，单位为px。铺满屏幕：设置之后组件高度展示为屏幕高度。

## 四、使用注意点

在配置显示字段时，会根据列表样式有所变化，表格式和列表式对应的显示字段设置是不一样的。列表式在配置字段时可以自由布局更加灵活，表格式相对比较简单。

移动端列表样式固定为列表式，并且PC端和移动端显示字段是独立配置的，不会进行同步。

## 五、上下游关联功能点

将计划报告组件放到选项卡选中，可以设置多个计划报告组件，通过选项卡选项切换来切换不同的类型列表。例如可以根据过滤类型配置我的报告、他人报告、共享我的报告、所有报告等不同的类型报告数据。在选项卡下的计划报告开启显示总数时，如果列表本来没有开启标题栏，则总数将显示在选项卡标题后。

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

如果需要搭建实现单页面，计划报告组件占满一屏高度，可以通过容器组件配合进行搭建。将计划报告组件放置在容器组件内同时在组件样式-外观设置高度100%，并且容器组件在组件样式-外观内开启高度自动填充，计划报告组件就能一屏展示。

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