[通用]目錄

1.1 版本

1.2 應用場景

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

1.3 功能簡介

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

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 新增標題

範例中使用的圖片：橫幅圖片.zip

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

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

1）名稱：不能為空，且不能重複。

2）手機：上傳手機端標題圖片，上傳的圖片會等比例尺為 375*188，推薦圖片格式為：PNG、JPG 。

3）平板：上傳 Pad 端標題圖片，上傳的圖片會等比例尺為 1024*188，推薦圖片格式為：PNG、JPG 。

4）連結：

• 非必填，點選圖片時跳轉的超連結，輸入相對路徑或 http/https 開頭的絕對路徑。

• 跳轉 cpt/frm，範本上只有批註（翻頁）按鈕。

• 導航欄標題為標題標題。

• 連結地址有問題時，提示相應的錯誤。

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

2.4.2 編輯標題

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

2.5 範本

2.5.1 新增範本

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

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

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

注意事項：

1）範例中插入的範本: 目录首页.zip

2）放置在%JAVAHOME%/webapps/webroot/WEB-INF/reportlets資料夾下。如下圖所示：

3）重新整理 FineBI 工程地址，在「行動平台」中即可出現範本。

2.5.2 行動端效果

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

1）App

2）HTML5

2.6 是否展示“我的分析”、“分享給我的”

設定「是否展示“我的分析”、“分享給我的”」。如下圖所示：

• 開關預設開，即預設展示兩個入口

• 對全局使用者生效

開啟則行動端查看時展示「我的分析」節點。關閉則不顯示該節點。

2.7 目錄圖示

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

2.7.1 內建目錄圖示

左側為目錄樹，選中目錄或範本，點選右側圖示，即可為目錄或範本取代圖示。如下圖所示：

2.7.2 自訂圖示

1）上傳圖示

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

2）設定圖示

以「新手入門」目錄設定自訂圖示為例，選中「新手入門」目錄，點選剛剛上傳好的自訂圖示。步驟如下圖所示：

3）刪除圖示

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

如下圖所示：