[通用]目錄

1.1 版本

1.2 應用場景

行動端預設顯示九宮格目錄樣式，在一級目錄比較少的情況下，目錄介面會顯的很空，平台提供標題和範本設定，可在目錄頁中展示。

1.3 功能簡介

管理者進入「數據決策系統」，選擇「管理系統>行動平台>目錄」，可對行動端目錄結構進行設定。如下圖所示：

• App 預覽行動端「目錄」方法請參考：App 使用 
  

• HTML5 預覽行動端「目錄」方法：請參考 企業微信整合 、釘釘整合 或 HTML5 端存取報表系統 

2.1 目錄結構

平台預設行動端目錄結構為「九宮格」，如下圖所示：

行動端效果如下圖所示：

1）App

2）HTML5

注：使用者若想設定其他樣式的目錄結構，請參考 目錄結構插件

2.2 樣式設定

2.2.1 九宮格樣式設定

九宮格示範目錄支援進行「一級目錄」樣式進行設定。

開啟「修改九宮格預設設定」按鈕，如下圖所示：

其中一級目錄各設定項具體介紹如下表所示： 

2.2.2 分類導航目錄樹樣式設定

注：下載「分類導航目錄樹」插件後，才可選擇分類導航目錄樹狀結構，插件下載請參考 目錄結構插件

分類導航目錄樹狀結構支援對「一級目錄」樣式、「二級目錄」樣式進行設定。

「目錄結構」選擇「分類導航目錄樹」，開啟「修改分類導航目錄樹預設設定」按鈕，如下圖所示：

其中一級目錄、二級目錄各設定項具體介紹如下表所示： 

2.3 目錄搜尋框

目錄搜尋框預設是開啟狀態，點選關閉後，在行動端不顯示搜尋框。

注：關閉目錄搜尋框後，應用目錄樹插件以及多級目錄頁也都沒有搜尋框。

以九宮格目錄為例，關閉搜尋框後效果如下圖所示：

注：App 及 HTML5 效果一致。

2.4 標題

2.4.1 新增標題

在「目錄」Tab 頁下開啟標題；

點選左上角的「」號，彈出編輯框，新增標題，並點選「確定」。如下圖所示：

標題編輯內容說明：

注1：允許上傳的檔案格式包括 PNG、JPG、GIF，如果上傳圖片格式錯誤，會提示「XXX 是禁止上傳的檔案類型」。

注2：若要實現點選標題跳轉到一張範本的效果

以「段落明細表」為例，則相對路徑：/decision/view/report?viewlet=demo/Phone/basic/產品明細-phone.cpt

2.4.2 編輯標題

當新增 2 個及以上標題時，可設定標題輪播間隔，預設為 5 秒，則每隔 5 s 自動輪播標題。如下圖所示：

2.4.3 行動端效果

當新增了 2 個標題，輪播間隔為 5 秒，併為標題新增超連結。標題會自動捲動播放，點選標題，即可跳轉到對應連結內。如下圖所示：

注：App & H5 效果一致，且支援滑動切換標題。

2.5 範本

2.5.1 新增範本

在「目錄」Tab 頁下開啟範本；

範本選擇「目錄首頁.frm」（自訂選擇範本），顯示位置為「目錄上方」。如下圖所示：

注1：若開啟了範本功能但不選擇範本，則範本功能不生效。

注2：顯示位置預設為目錄上方。

2.5.2 行動端效果

注1：效果中的目錄圖示為自訂的目錄圖示，可參考本文 2.5.2 章節。

注2：效果中所插入的範本請點選標題範本 下載。

1）App

2）HTML5

2.6 目錄圖示

FineReport 設計器內建三套（扁平、繽紛、漸變）類型的圖示，同時也可以自訂圖示。如下圖所示：

2.6.1 內建目錄圖示

左側為目錄樹，點選節點設定其圖示，如下圖所示：

2.6.2 自訂圖示

1）上傳圖示

「自訂」Tab 頁下，點選「」，上傳圖示，如下圖所示：

2）設定圖示

以「管理儀表板」目錄設定自訂圖示為例；

選中「管理儀表板」目錄，點選剛剛上傳好的自訂圖示，步驟如下圖所示：

3）刪除圖示

點選右上角的「編輯」進入圖示刪除狀態，點選需要刪除的小圖示上方叉，彈出「確定刪除該元素？」，點選確定，圖示刪除完成，點選「傳回」按鈕，跳出圖示刪除狀態。如下圖所示：