---
order: 2
navTitle: 多页面板
---
# 仪表板组件-多页面板

多页面板可以根据需求新增多个面板页面，每一页面板都可以任意组合组件形成一个数据卡片，一般与选项卡配合使用，同时只能显示一页面板的内容。如使用选项卡切换疫情指标，展示选中指标随时间的变化趋势：

![示例图片](./images/2020-06-19-10-08-22.png)

示例地址：[多页面板](https://demo.succbi.com/v5/bi/tabs)

## 使用多页面板组件{#start}

多页面板用于多页面展示相关业务，通常配合标签页切换页面展示。以标签页demo中的按事件源序号来切换多页面板为例，如下是操作步骤：

![操作](./images/2020-06-18-16-13-23.gif)

1. **将多页面板组件拖入到画布中：** 将**布局**>**多页面板**组件拖入到画布中
2. **添加面板页面：** 选中上一步拖入的多页面板组件，在该组件右上角下拉列表中点击添加，点击两次即可。由于拖入的面板默认提供了两个面板页，所以这里只需要再添加两个。这里的四个页面分别展示疫情四个指标（确诊、疑似、治愈、死亡）随时间变化趋势
3. **每个面板页面填充内容：** 选中组件右上角下拉分别依次选中对应面板页面设置内容，可以参考[面板](./panel.md)：
   - 折线图的取数和样式设置参考[折线图](../chart/line-chart.md)
   - 标签页的设置参考[标签页](../input/tabbar.md)

## 属性介绍{#properties}

### 默认页{#default}

默认页，即第一次查看时显示的面板页面。选中多页面板组件，键盘上按一次ESC键，可以设置**默认页**内容。提供了两种设置方式：

- **选择固定值：** 点击下拉框的箭头，在下拉列表中选择需要默认显示的页面
- **动态显示默认面板：** 点击下拉框的箭头，编辑条件进行动态显示。动态值支持写面板名称或序号，例如根据用户所在用户组决定显示哪个页面。名称表达式为
  `IF([用户].[部门]=[用户组名],'panel1','panel2')`。序号从1开始，序号表达式为`IF([用户].[部门]=[用户组名],'1','2')`。

![默认页](./images/2020-06-19-15-35-51.png)

### 名称{#name}

面板页面的名称，可以修改。切换到需要修改名称的面板页面，在**面板**>**高级**>**名称**重命名，名称是唯一的，不能重复。

![名称](./images/2020-06-19-15-37-20.png)

### 面板页面管理{#manage}

多页面板的添加，删除，复制和移动面板页面功能，选中多页面板，在左侧组件菜单中进行相关操作。

#### 添加{#add}

添加新的面板页面，点击左侧菜单中的添加按钮，即可添加一个新的面板页面。新的面板页面的命名是根据系统中生成的页面顺序自动在panel后面+1，且名称是当前面板中唯一的。

![增](./images/2020-06-19-15-39-31.png)

#### 删除{#delete}

删除选中页面，点击左侧列表选中页面后面的删除按钮，即可删除当前选中页面，可以通过撤销键撤销此操作。

![删](./images/2020-06-19-15-40-37.png)

#### 复制{#copy}

复制选中页面，点击左侧页面后面的复制按钮，即可复制当前选中页面。复制的页面的命名是根据系统中生成的页面顺序自动在panel后面+1，且名称是当前面板中唯一的，并排序在所复制页面的后面。

![复制](./images/2020-06-19-15-41-35.png)

#### 移动{#move}

移动选中的页面，鼠标左键按住页面前面的移动按钮，将其移动到期望位置。

![移动](./images/2020-06-19-15-42-32.png)

### 样式{#style}

多页面板可以整体设置多页面板风格，每个子面板也可以单独设置容器风格

::: tip
当多页面板中的面板没有被组件占满时，点击面板的空白处即选中多页面板，此时多页面板的右上角处会出现页面管理菜单，点击下拉框箭头即可进入。再按一次ESC键可以进入到多页面板的**默认页**编辑处。

如果多页面板中的面板被组件占满时，点击面板中的组件时，此时需要按一次ESC键才能返回到多页面板的页面管理菜单，点击下拉框箭头即可进入。再按一次ESC键可以进入到多页面板的**默认页**编辑处。
:::