［通用］目錄

1.1 版本

1.2 應用場景

移動端默認顯示九宮格目錄樣式，在一級目錄比較少的情況下，目錄界面會顯的很空，平台提供橫幅和模板設置，可在目錄頁中展示。

1.3 功能簡介

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

App 預覽移動端目錄方法請參考：App 使用 

HTML5 預覽移動端目錄方法：請參考 企業微信集成 、釘釘集成 或 HTML5 端訪問報表系統 

2.1 目錄結構

平台默認移動端目錄結構爲「九宮格」，如下圖所示：

移動端效果如下圖所示：

1）App

2）HTML5

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

2.2 樣式設置

2.2.1 九宮格樣式設置

若 JAR 包版本爲 2020-01-15，且目錄結構爲九宮格，則可以對九宮格的一級目錄樣式進行設置。

打開修改九宮格默認設置按鈕，如下圖所示：

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

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

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

若 JAR 包版本爲 2020-01-15，分類導航目錄樹插件版本爲 V10.4.55，則可對分類導航目錄樹結構的一級目錄樣式、二級目錄樣式進行設置。

「目錄結構」選擇分類導航目錄樹，打開分類導航目錄樹默認設置按鈕，如下圖所示：

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

2.3 橫幅

2.3.1 添加橫幅

在「目錄」Tab 頁下開啓橫幅；

點擊左上角的号，彈出編輯框，添加橫幅，并點擊确定。如下圖所示：

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

2）手機：上傳手機端橫幅圖片，上傳的圖片會等比例縮放爲 375*188，推薦圖片格式爲：PNG、JPG 。

3）平板：上傳 Pad 端橫幅圖片，上傳的圖片會等比例縮放爲 1024*188，推薦圖片格式爲：PNG、JPG 。

4）鏈接：

• 非必填，點擊圖片時跳轉的超鏈，輸入相對路徑或 http/https 開頭的絕對路徑；

• 跳轉 CPT/FRM，模板上只有批注（翻頁）按鈕；

• 導航欄标題爲橫幅标題；

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

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

注2：若要實現點擊橫幅跳轉到一張模板的效果，以「段落明細表」爲例，則相對路徑：/decision/view/report?viewlet=demo/Phone/basic/段落明細表-phone.cpt

2.3.2 編輯橫幅

當添加 2 個及以上橫幅時，可設置橫幅輪播間隔，默認爲 5 秒，則每隔 5 s 自動輪播橫幅，也可以手動滑動切換。如下圖所示：

2.3.3 移動端效果

當添加了 2 個橫幅，輪播間隔爲 3 秒時，移動端效果如下圖所示：

1）App

2）HTML5

2.4 模板

2.4.1 添加模板

在「目錄」Tab 頁下開啓模板；

模板選擇目錄首頁.frm（自定義選擇模板），顯示位置爲「目錄上方」。如下圖所示：

注1：若開啓了模板功能但不選擇模板，則模板功能不生效。

注2：顯示位置默認爲目錄上方。

2.4.2 移動端效果

注1：效果中的目錄圖标爲自定義的目錄圖标，可參考本文 2.5.2 章節。

注2：效果中所插入的模板以及自定義的圖标請在 移動端 Demo 的 1.1.2 章節中下載。

1）App

2）HTML5

2.5 目錄圖标

FineReport 設計器内置三套（扁平、缤紛、漸變）類型的圖标，同時也可以自定義圖标。如下圖所示：

2.5.1 内置目錄圖标

左側爲目錄樹，點擊節點設置其圖标，如下圖所示：

2.5.2 自定義圖标

1）上傳圖标

「自定義」Tab 頁下，點擊，上傳圖标，如下圖所示：

2）設置圖标

以「管理駕駛艙」目錄設置自定義圖标爲例；

選中「管理駕駛艙」目錄，點擊剛剛上傳好的自定義圖标，步驟如下圖所示：

3）删除圖标

點擊右上角的編輯進入圖标删除狀态，點擊需要删除的小圖标上方叉，彈出「确定删除該元素？」，點擊确定，圖标删除完成，點擊返回退出圖标删除狀态，如下圖所示：