[通用]範本查看

1.1 版本

1.2 功能簡介

行動端查看範本時：

• 普通報表、決策報表中的報表塊、FVS 中的表格支援滑動查看。

• 普通報表、決策報表中的報表塊、FVS 中的表格支援手勢縮放。

• App 支援左側右滑、右側左滑跳出。

• 決策報表中的組件支援組件激活。

• 支援切換橫屏。

• 決策報表中的組件支援全螢幕。

• 普通報表、決策報表的報表塊、FVS 的表格支援分頁，FVS 還支援多分頁。

• 圖表支援排序。

• 普通報表的菜單欄「範本>行動端屬性>自適應」橫屏、豎屏設定為橫向自適應、縱向自適應或不適應，報表過寬或過高時，使用者可透過上下左右滑動進行查看。行動端預覽範本，以 App 為例，如下圖所示：

• 決策報表 body 取消勾選「手機重佈局」，報表塊過寬或過高時，使用者可透過上下左右滑動進行查看。行動端預覽範本，以 App 為例，如下圖所示：

• FVS 中表格的「內容>內容自適應方式」選擇 高度鋪滿 、寬度鋪滿 或 無 ，表格內容過寬或過高時，使用者可透過上下左右滑動進行查看。行動端預覽範本，以 App 為例，如下圖所示：

3.1 普通報表

1）開啟一張普通報表，點選菜單欄「範本>行動端屬性」，勾選「允許雙擊/雙指縮放」，點選「確定」，如下圖所示：

2）行動端預覽範本，使用者可雙擊/雙指縮放範本，以 App 為例，如下圖所示：

3.2 決策報表

注1：決策報表僅支援雙指縮放，不支援雙擊縮放，且雙指縮放僅對報表塊有效，圖表交互使用自帶的交互按鈕。

注2：若報表塊的行動端面板勾選了「組件可選中」，則在行動端預覽時需要先點選激活組件，雙指縮放才有效果。

3.2.1 勾選「允許雙擊/雙指縮放」

1）開啟一張含有報表塊的決策報表，點選菜單欄「範本>行動端屬性」，勾選「允許雙擊/雙指縮放」，點選「確定」，如下圖所示：

2）行動端預覽範本，使用者可雙指縮放報表塊，以 App 為例，如下圖所示：

3.2.2 取消勾選「允許雙擊/雙指縮放」

取消勾選「允許雙擊/雙指縮放時」，全螢幕顯示的報表塊，仍然支援雙指縮放，分為以下三種情況：

• 報表塊全螢幕顯示後，支援雙指縮放，行動端預覽範本，以 App 為例，如下圖所示：

• body 勾選「手機重佈局」，無論報表塊行動端面板是否勾選「允許全螢幕」，App 中橫屏預覽範本時，報表塊組件都預設全螢幕，故支援雙指縮放，如下圖所示：

注：body 勾選「手機重佈局」，報表塊行動端面板不勾選「允許全螢幕」，HTML5 端橫屏預覽範本時，報表塊組件無法全螢幕，不支援雙指縮放。

• 決策報表中只存在單個報表塊時，報表塊為全螢幕顯示，故支援雙指縮放，行動端預覽範本，以 App 為例，如下圖所示：

3.3 FVS

注：FVS 表格組件支援雙指縮放，但是不支援雙擊縮放。其餘所有組件均不支援雙擊/雙指縮放。

開啟一張含有表格組件的 FVS 範本，表格支援雙指縮放。行動端預覽範本，以 App 為例，如下圖所示：

App 支援左側右滑或右側左滑手勢跳出，手指貼着左側邊，向右滑動或手指貼着右側邊，向左滑動即可跳出當前介面，如下圖所示：

手機點選組件，即可實現組件激活，激活以後組件向上下延伸，組件有陰影效果，如下圖所示：

注1：「單個/全局組件選中激活」功能設定與具體效果，詳情參見：［通用］組件選中激活 。

注2：body 勾選「手機重佈局」並橫屏顯示時，組件預設處於激活狀態。

注：橫屏切換邏輯，詳情參見：行動端範本橫屏顯示 。

6.1 普通報表

行動端預覽普通報表範本，切換橫屏，以 App 為例，如下圖所示：

6.2 決策報表

6.2.1 重佈局

• 重佈局，App 預覽決策報表範本，切換橫屏，如下圖所示：

注1：決策報表重佈局，APP 中橫屏顯示時，無論是否設定「允許全螢幕」，組件都預設全螢幕，不顯示全螢幕按鈕。

注2：決策報表重佈局，APP 中橫屏顯示時，顯示左右切換組件按鈕，支援左右切換組件。

• 重佈局，HTML5 端預覽決策報表範本，切換橫屏，如下圖所示：

注1：決策報表重佈局，HTML5 端橫屏顯示時，若設定了「允許全螢幕」，則依舊顯示全螢幕按鈕。

注2：決策報表重佈局，HTML5 端橫屏顯示時，不顯示左右切換組件按鈕，不支援左右切換組件。

6.2.2 保留佈局

保留佈局，行動端預覽決策報表範本，切換橫屏，以 App 為例，如下圖所示：

6.3 FVS

6.3.1 行動端佈局

開啟行動端佈局，行動端預覽 FVS 範本，切換橫屏，以 App 為例，如下圖所示：

6.3.2 保留佈局

保留佈局，行動端預覽 FVS 範本，切換橫屏，以 App 為例，如下圖所示：

決策報表中，組件全螢幕需選中組件，在行動端面板中勾選「允許全螢幕」，設定後，App 查看範本，全螢幕按鈕懸浮在組件右上角，如下圖所示：

注1：更多組件全螢幕設定，詳情參見：[通用]組件全螢幕開關控制 。

注2：組件全螢幕按鈕支援自訂大小及樣式，詳情參見：全螢幕按鈕設定 。

動態效果如下圖所示：

8.1 普通報表

1）普通報表分頁時，翻頁按鈕位於底部工具欄左側，如下圖所示：

2）使用者可選擇指定頁，或上下翻頁，如下圖所示：

8.2 決策報表

8.2.1 底部工具欄左側

決策報表的報表塊分頁時，以下情況，翻頁按鈕位於底部工具欄左側：

• 決策報表 body 中只有一個報表塊組件。

• 決策報表 body 中只有一個絕對畫布塊或一個Tab塊，且其中只有一個報表塊組件。

• 全螢幕下的報表塊。

• 勾選「手機重佈局」時 App 中橫屏顯示下的報表塊。

8.2.2 報表塊右上角

其餘情況下的決策報表報表塊分頁時，翻頁按鈕位於報表塊右上角，如下圖所示：

注1：決策報表中報表塊分頁時，無論翻頁按鈕在底部工具欄左側還是報表塊右上角，都支援選擇指定頁，或上下翻頁，與普通報表選擇指定頁、上下翻頁操作相同。

注2：若使用者同時設定了「全螢幕按鈕」和「翻頁按鈕」，兩者重合，點選時優先觸發「全螢幕按鈕」

8.3 FVS

8.3.1 多分頁

1）FVS 設定多分頁，例如，有兩個分頁，如下圖所示：

2）行動端預覽範本，以 App 為例，翻頁按鈕位於底部工具欄左側，支援上下翻頁或選擇指定頁，如下圖所示：

8.3.2 表格分頁

1）開啟一張含有表格組件的 FVS 範本，選中表格組件，在行動端模式下，可在右側表格工具欄中勾選「分頁按鈕」。

2）勾選「分頁按鈕」後，出現「工具欄位置」、「工具欄背景」、「按鈕風格」設定，如下圖所示：

注：目前，僅「工具欄位置」對行動端生效，「工具欄背景」、「按鈕風格」對行動端暫不生效。

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

注：FVS 表格翻頁按鈕支援選擇指定頁，或上下翻頁，與普通報表選擇指定頁、上下翻頁操作相同

9.1 普通報表

1）開啟一張含有圖表的普通報表範本，選中圖表，點選右側屬性面板的「儲存格元素」。

2）點選「特效>交互屬性」，勾選「排序」，如下圖所示：

3）行動端預覽範本，以 App 為例，圖表塊的右上角出現「排序」按鈕，點選後即可排序並增加「重新整理」按鈕，如下圖所示：

注1：圖表排序規則，詳情參見：圖表排序規則 。

注2：「重新整理」按鈕的作用是對圖表塊進行還原。

9.2 決策報表

1）開啟一張含有圖表的決策報表範本，點選右側的「組件設定」，選中圖表。

2）點選「特效>交互屬性」，勾選「排序」，如下圖所示：

3）行動端預覽範本，以 App 為例，點選圖表塊右上角「全螢幕」按鈕，圖表塊全螢幕後，在底部工具欄左側出現「排序」按鈕，點選後即可排序並增加「重新整理」按鈕，如下圖所示：

注1：行動端預覽決策報表範本時，圖表塊右上角的「全螢幕」按鈕需在「組件設定>圖表塊>行動端」中勾選「允許全螢幕」。

注2：圖表排序規則，詳情參見：圖表排序規則 。

注3：「重新整理」按鈕的作用是對圖表塊進行還原。

9.3 FVS

1）開啟一張含有圖表的 FVS 範本，選中圖表，點選右側的「內容>特效>交互屬性」，勾選「排序」，如下圖所示：

2）行動端預覽範本，以 App 為例，圖表塊的右上角出現「排序」按鈕，點選後即可排序並增加「重新整理」按鈕，如下圖所示：

注1：圖表排序規則，詳情參見：圖表排序規則 。

注2：「重新整理」按鈕的作用是對圖表塊進行還原。