［通用］摺疊展開樣式

1.1 版本

1.2 應用場景

使用者在遇到以下場景時，需要對報表塊/圖表塊進行自主摺疊和展開：

• 表格預設只顯示前 3 列資料，點選後展開顯示所有列數。

• 針對某個分析維度的內容，預設顯示匯總性的一部分或者只顯示標題，展開顯示全部組件。

• 圖表塊可以整體展開或收起。

1.3 功能簡介

使用者可自主控制報表塊或圖表塊內容的摺疊與展開，突出範本的主要資訊，隱藏次要資訊，提升範本的可讀性和使用體驗。

注：FVS 視覺化看板可透過顯示隱藏組件實現，詳情可參考文檔： FVS行動端實現動態顯示絕對畫布高度 。

該功能支援範圍如下表所示：

注意事項：

1）手機橫屏下不支援該功能。

2）範本內只有單個組件時，組件會雙向自適應充滿整個螢幕，此時不支援摺疊展開。

3）「允許全螢幕」按鈕和「摺疊展開按鈕」不支援同時使用，如需同時使用，請參見：「通用」JS 實現摺疊展開組件

4）組件（報表塊、圖表塊）若未設定標題，「展開收起」功能無效。如需在未設定標題時使用，請參見：「通用」JS 實現摺疊展開組件

3.1 範本準備

點選下載範本：零售集團實時監視-phone.frm

3.2 圖表塊設定

1）左鍵選中「chart0」，點選「行動端」，在「展開收起」右側下拉框中選擇「自訂」，取消「允許全螢幕按鈕」，如下圖所示：

2）點選「自訂」按鈕後，使用者可對「展開收起」設定項中的「按鈕顏色」、「收起時文字提示」、「展開時文字提示」、「預設狀態」進行自訂設定。

注：若未勾選在「標題右側顯示按鈕」，「按鈕顏色」、「收起時文字提示」、「展開時文字提示」設定不生效。

預設介面如下圖所示：

3.3 報表塊設定

1）左鍵選中「report0」，點選「行動端」，在「展開收起」右側下拉框中選擇「自訂」，如下圖所示：

2）點選「自訂」按鈕後，使用者可對「展開收起」設定項中的「列號」、「按鈕顏色」、「收起時文字提示」、「展開時文字提示」、「預設狀態」進行自訂設定。

注1：「列號」設定項中列數為資料欄展開後的列數。

注2：報表塊中設定第 X 列開始收起，X 列與「X+1」列是合併儲存格，則顯示到「X+1」列。

注3：若未勾選在「標題右側顯示按鈕」，「按鈕顏色」、「收起時文字提示」、「展開時文字提示」設定不生效。

預設介面如下圖所示：

注：圖表塊&報表塊一定要全部設定。

3.4 效果預覽

行動端預覽，以 App 為例，如下圖所示：

圖片預覽：

視頻預覽：