1. 概述
1.1 版本
| FineBI 版本 | JAR 包 | App 版本 | HTML5 移动端展现插件 | 功能变动 |
|---|---|---|---|---|
| 5.1.8 | 2020-12-04 | 10.4.97 | V10.4.97 | - |
| 5.1.9 | 2021-01-06 | - | - |
|
| - | - | 10.4.986 | V10.4.986 | 移动端中 Tab 组件展示标题 |
| 5.1.16 | - | 10.4.990 | V10.4.990 | 一个 Tab 组件中支持拖入多个、多种组件 |
| 5.1.18 | - | 10.4.994 | V10.4.994 | 移动端支持 Tab 组件内的组件调整大小位置 |
1.2 应用场景
用户在制作仪表板时，需要将一个仪表板中的内容分多个主题去展示，并且可以同时查看，如下图所示：
1.3 功能简介
5.1.8 及之后的版本 Tab 组件支持用户在一个 Tab 组件内下的不同 tab 页添加组件，并点击 tab 页标题切换不同 tab 页。
5.1.16 以及之后的版本支持用户在一个 Tab 组件中添加多个、多种组件（图表组件、过滤组件、文本组件、图片组件、Web组件）。
Tab 组件支持悬浮、复制、删除、自身样式设置等。
注：Tab 组件中的 tab 页是异步加载。
以 1.2 节作为示例进行说明。
2. 添加 Tab 组件
在仪表板编辑界面点击「其他>Tab 组件」，则成功添加 Tab 组件。如下图所示：
3. 新增 tab 页
点击组件 tab 页标题旁边的「+」则添加 Tab 页，添加的 tab 标签页都叫 tab ，且点击 tab 页标题即可切换 tab 页，如下图所示：
4. 添加 tab 页组件
添加的组件作用生效范围： Tab 组件并不改变原有组件的设置及生效作用范围。（包括联动、钻取等效果）
4.1 制作组件
使用内置数据集「地区数据分析」制作「合同金额」和「回款金额」组件，并添加「日期区间」时间过滤组件、「省份」文本过滤组件以及「查询按钮」，如下图所示：
4.2 添加组件至 tab 页中
点击第一个 tab 页标签，切换到需要添加组件的 tab 页，再将组件拖入其中，则成功添加组件，如下图所示：
注：tab 组件通过拖拽可按比例调整大小。
注1：在 tab 标签未重命名时，仅按照第一个拖入组件的名字进行变化，例如上图中当将过滤组件首先拖入 tab 页后，tab 页名称自动修改为过滤组件名称「日期区间」。若此时再拖入第二个组件则不影响当前 tab 页标签名称，此后 tab 页标签的名字将固定为第一个拖入组件时的名称不变。
注2：tab 页标签内组件在拖入第二个及以后的组件时，组件标题不隐藏，并且恢复第一个组件标题状态由隐藏到显示。
注3：tab 页标签及 Tab 组件标题不支持添加字段。
同理，将第二个 tab 页中也拖入需要的组件，如下图所示：
5. 修改 tab 页标题
tab 页支持设置标题。将鼠标悬停在需要重命名的 tab 页标题上，则出现下拉框，点击「编辑标题」，即可重命名 tab 页标题。如下图所示：
6. 设置组件样式
6.1 进入样式设置页面
1）点击 Tab 组件，选择「>样式设置」，则进入样式设置界面。如下图所示：
样式设置界面可以设置 Tab 组件标题、背景和 Tab 页样式。
6.2 设置组件标题
对 Tab 组件标题字体格式进行设置，如下图所示：
6.3 设置组件背景
设置「标题背景」和「组件背景」，详情参见：组件背景样式设置，如下图所示：
6.4 设置 tab 页标签样式
支持对切换的 Tab 样式进行调整，包括「风格」、「位置」、「字体」、「选中状态」和「默认状态」。
示例设置第二种 Tab 样式风格，设置完点击「确定」，效果如下图所示：
Tab 页标题的「风格」有三种样式：
风格1：标签背景色为下方线条，移动端与 PC 端效果一致。
风格2：选中标签背景色为色块，未选中为线条，移动端与 PC 端效果一致。
风格3：所有标签的背景色都为色块， PC 端与移动端展示效果不一致，移动端展示效果类似风格 1。
「默认态」即未选中的状态，支持设置未选中的状态下的 tab 页字体和背景颜色。
「选中态」即选中的状态，支持设置选中的状态下的 tab 页字体和背景颜色。Tab 组件设置结束后点击「确定」保存样式。如下图所示：
7. 调整 tab 页顺序
每个 tab 页支持左右拖拽调整先后顺序，如下图所示：
8. 复制
注：复制的大小与原组件大小一致，设置内容一致，悬浮状态一致。
8.1 复制 Tab 组件
Tab 组件复制请参考文档：复制组件
8.2 复制 tab 页
点击标签页，下拉选择「复制」，即可复制当前标签页，如下图所示：
注：如果设置了 tab 标签页标题，则复制的 tab 标签页名称与被复制的页签相同。
8.3 复制 Tab 页内组件
Tab 组件内的 tab 页下拖入的组件也支持复制。例如，点击「产品购买情况」图表组件，下拉选择「复制」，成功复制图表组件，复制后仍保留在当前 tab 页中，自动排在 tab 页内最下方。如下图所示：
9. 悬浮
Tab 组件、Tab 页标签内的组件支持设置悬浮，设置方式请参考文档：组件悬浮
注：Tab 组件内外设置悬浮的组件不支持拖入拖出 Tab 组件。
10. 删除
tab 页和 Tab 组件删除则对应内的组件也将被删除，删除时会进行提示。删除组件详情可参见：删除组件
10.1 删除 Tab 组件
删除 Tab 组件，组件内的对应组件也一同删除，操作如下图所示：
10.2 删除 tab 页
点击 Tab 页标题，选择「 v >删除」，点击「确定」后成功删除 Tab 页，Tab 页内组件也一同删除，如下图所示：
10.3 移除 Tab 页组件
添加进 Tab 页的组件可以从 Tab 组件中移除，返回仪表板界面中，操作如下图所示：
11. 组件导出
Tab 组件每个页标签支持单独导出到 Excel，导出顺序按照当前 Tab 页标签内的位置从左至右、从上到下的顺序导出。
例如本文示例导出后如下图所示：
