1. 概述
適用場景：安裝了「數據門戶」插件的使用者，可參考本文了解數據門戶的相關功能。
1.1 版本
| 報表伺服器版本 | 數據門戶插件 |
|---|---|
| 11.0.8 | V1.6 |
1.2 應用場景
使用者希望將相同主題的組件以 Tab 形式組合，點選不同的 Tab 頁，查看不同主題的內容，提升數據門戶的空間利用率。
使用者在使用 數據看板 組件時，需要將資料分多個維度去展示，並且可以切換查看不同維度的資料。
1.3 功能簡介
使用者可以在一個 Tab 組件的不同 tab 頁內新增多個組件，點選不同 Tab 頁標題進行切換查看。
Tab 組件支援新增 Tab 頁、編輯 Tab 頁標題、調整 Tab 頁順序、自身樣式設定等。
注：不支援在 Tab 頁內新增 Tab 組件。
本文介紹如何在數據門戶看板中使用「Tab組件」，並將以下效果圖作為範例進行說明。
2. 新增 Tab 組件
管理者登入數據決策系統，點選「管理系統>數據門戶>門戶管理」，點選「建立門戶」，建立一張數據門戶看板，如下圖所示：
在數據門戶編輯介面，選擇「其他」，點選/拖動「Tab組件」到數據門戶中，如下圖所示：
3. 新增 Tab 頁
新新增的 Tab 組件中預設存在一個空白 Tab 頁。
點選 Tab 頁標題右側的「+」重新整理增 2 個 Tab 頁，新增的 Tab 頁名稱預設為「tab」，如下圖所示：
4. 設定 Tab 頁內容
點選第一個 Tab 頁，切換到需要新增組件的 Tab 頁。在資料門戶編輯介面，拖動「公告欄」組件和「我的訊息」組件到第一個 Tab 頁內，如下圖所示：
注：在 Tab 標籤未重命名時，僅按照第一個拖入組件的名稱進行變化。例如，上圖中將組件首先拖入 Tab 頁後，Tab 頁名稱自動修改為組件名稱「公告欄」。若此時繼續拖入組件則不影響當前 Tab 頁標籤名稱。
同理，向第二個 Tab 頁內拖入「常用內容」組件。並選中「常用內容」組件，在右側組件內容中選擇「我常看的」來源，如下圖所示：
同理，向第三個 Tab 頁中拖入「常用內容」組件。並選中「常用內容」組件，在右側組件內容中選擇「我的收藏」來源，如下圖所示：
5. 設定 Tab 頁標題
滑鼠懸浮需要修改的 Tab 頁標題，出現展開按鈕，點選「編輯標題」，即可重命名 Tab 頁的標題，如下圖所示：
6. 組件樣式
選中 Tab 組件，右側可設定組件樣式，包括：通用設定（Tab 組件樣式）和 Tab 設定（Tab 頁樣式）。
組件樣式設定支援兩種：跟隨主題、自訂。
1）跟隨主題
Tab 組件樣式完全跟隨「門戶主題」樣式，僅支援設定組件標題顯隱和標題正文內容。
Tab 頁樣式完全跟隨「門戶主題」樣式，僅支援設定風格和樣式。
2）自訂
Tab 組件樣式不跟隨「門戶主題」的切換而變化。組件樣式包括組件標題、標題正文、標題樣式、組件背景，詳情請參見：數據門戶樣式 。
Tab 頁樣式不跟隨「門戶主題」的切換而變化，支援設定風格、位置、Tab 標題、預設態和選中態。
「風格」有三種樣式：
風格1：標籤背景色為下方線條。
風格2：選中標籤背景色為色塊，未選中為線條。
風格3：所有標籤的背景色都為色塊。
「預設態」即未選中的狀態，支援設定未選中的狀態下的 Tab 頁字體和背景顏色。
「選中態」即選中的狀態，支援設定選中的狀態下的 Tab 頁字體和背景顏色，如下圖所示：
7. 其他設定
7.1 刪除組件
刪除 Tab 頁和 Tab 組件，則對應 Tab 頁內的組件也將被刪除，刪除時會進行提示。
7.1.1 刪除 Tab 組件
選中組件，出現刪除按鈕，點選「刪除按鈕」，當 Tab 組件內容不為空時，彈窗提示「Tab 內的組件也將被移除，是否確定刪除？」，點選「確定」，Tab 頁內組件也一同刪除，如下圖所示：
7.1.2 刪除 Tab 頁籤
滑鼠懸浮需要刪除的 Tab 標籤頁，出現展開按鈕，點選「刪除」，當 Tab 頁內容不為空時，彈窗提示「Tab 內的組件也將被移除，是否確定刪除？」，點選「確定」後即可成功刪除 Tab 頁，如下圖所示：
7.1.3 刪除 Tab 頁內組件
選中組件，出現刪除按鈕，點選即可刪除該組件。如下圖所示：
7.2 調整組件
7.2.1 調整 Tab 組件
滑鼠懸浮組件，出現虛線框，拖動可調整組件大小和位置。如下圖所示：
7.2.2 調整 Tab 頁順序
選中 Tab 標籤頁，左右拖曳調整 Tab 頁順序，如下圖所示：
7.2.3 調整 Tab 頁內組件
滑鼠懸浮組件，出現虛線框，拖動可調整 Tab 頁內組件大小和位置。如下圖所示：
