決策報表簡介

1.1 版本

1.2 應用場景

決策報表是 FineReport 設計器支援的 報表型別介紹 其中之一。相較於普通報表和複合式報表，決策報表包含二者所擁有的基礎組件，同時組件新增更自由化，允許使用者根據自己的需求構建報表的框架，在報表中新增更豐富的元素。

由於決策報表自由靈活的設計風格，可以說其專為企業戰情室和行動端而生，可製作畫面美觀、內容豐富的管理儀錶板，製作在手機、平板等行動裝置端查看的敏捷報表。在同一個頁面，整合不同的業務資料，完美展示企業的各類業務指標，實現資料的多維度分析。

1.3 功能簡介

多屏自適應：響應式佈局，PC 端設計，平板、手機、電視、企業戰情室等多類終端自適應。

豐富的視覺化元素：提供表格、圖形、元件等超多視覺化組件。

多種佈局方式：自適應佈局、絕對佈局、Tab 佈局等多種佈局方式，且建立範本時可選擇推薦佈局。

組件複用：組件雲端共享和本地複用，幫助使用者更快設計出好看報表。

組件聯動分析：組件之間的聯動分析，點選某個組件，聯動組件自動觸發資料載入。

資料監視/定時重新整理：後臺資料智慧檢查對比，資料有變更時前端及時更新。

Tab 輪播：支援同一個位置輪播顯示不同的圖表樣式，支援多個 Tab 頁輪播。

決策報表設計一般有 6 個步驟，如下圖1所示。

1）建立決策報表：設計器中菜單欄點選【檔案】→【新增決策報表】，在彈出的建立範本彈窗中選擇一種佈局範本或者直接建立空白範本。建立決策報表時選擇的佈局方式尤為重要，詳情可參見文檔：決策報表佈局方式 。

2）選擇範本主題：建立範本時，均有一個預設主題，顯示在頂部工具欄處，根據實際情況選擇一個合適的範本主題。詳情請參見文檔：範本主題管理。如下圖3所示。

3）建立資料集：定義各個組件資料來源。

4）拖拽組件：從參數面板、空白塊、圖表塊、元件面板中選擇想要的組件拖拽到 body 中，調整決策報表的整體樣式。

5）設計組件：對組件的內容和屬性進行設計，包括組件的型別、資料、樣式、特效等。

6）報表預覽：決策報表設計好之後，點選預覽按鈕【】 ，PC 端採用【PC 端預覽】，行動端採用【預覽行動端範本】，另外 PC 端還可以使用【開發者除錯】預覽，可直接在瀏覽器中調整組件的位置大小。

決策報表入門範例參見文檔：第一張決策報表 。

決策報表設計介面由報表主體 form，組件、組件設定三部分組成，組件包括參數面板、空白塊（Tab 塊、絕對畫布塊、報表塊）、圖表、元件和組件庫，組件設定包括組件設定列表和組件屬性。如下圖所示。

3.1 報表主體及設定

報表主體 form 是承載一個決策報表所有内容的容器，默認有一個 body 組件，body 就像一個空白的畫板，使用者透過將組件拖拽到 body 中的方式設計報表。將組件拖入 body 後，右側組件設定列表中會顯示已新增的組件名稱，點選【組件名稱】可以選中組件，進行一些複制、行動、刪除等操作，在下方的屬性介面還可以進行一些屬性設定。詳情請參見文檔：決策報表組件操作 。

3.2 參數面板

和普通報表類似，決策報表的參數面板也是用來承載參數元件的，其組件名稱為 para。參數面板只能拖拽到 body 的頂部，para 與 body 共存於 form 下，為同一層級。詳情請參見文檔：參數面板 。

3.3 空白塊

3.3.1 Tab 塊

可在一個 Tab 塊中新增多個 Tab 頁，在不同 Tab 頁均可新增組件，透過 Tab 切換或輪播的方式查看所有組件。詳情請參見文檔：Tab 塊 。

3.3.2 絕對畫布塊

絕對畫布塊相當於一個空白畫布，可以在裏面新增元件、圖表、報表塊，並且可以調整佈局方式，透過組件疊加可實現多種展示效果。詳情請參見文檔：絕對畫布塊 。

3.3.3 報表塊

新增報表塊後，點選【編輯組件】進入報表塊，具體使用與普通報表一緻，可以製作表格，也可以在表格的儲存格中插入圖表等元素，但不支援在報表塊的儲存格中新增元件。詳情請參見文檔：報表塊 。

3.4 圖表塊

圖表塊  可以直接拖入 body 中，也可以拖入 Tab 塊和絕對畫布塊。圖表的使用與普通報表一緻，具體使用可參見 圖表簡介 。

3.5 元件

元件 是過濾資料的組件，可以作為參數元件放在參數面板中，也可作為單獨的組件新增到 body、Tab 塊和絕對畫布塊中 。

作為參數元件放在參數面板中，決策報表支援的元件型別與普通報表支援的元件型別基本一緻。詳細參見 元件簡介。

3.6 組件庫

為了讓使用者更快捷的設計出好看的決策報表，帆軟提供了組件本地複用功能。使用者可以直接從線上組件中下載 帆軟市場 的組件，然後拖拽到自己的範本中，根據實際情況修改資料就可以使用了。詳情請參見文檔：組件複用 。如下圖所示。

FineReport 11.0 将 FineReport 10.0 的 決策報表新自適應插件 内置到了設計器中，在很多功能上都有變化，主要表現在模板的自适應方式和一些 JS 接口的不同。為了相容 10.0 的範本，在 11.0 決策報表設計介面頂部可以轉換範本。

1）若在 11.0 設計器中打開由 10.0 設計器製作的範本，可點擊頂部工具欄【轉換至新版】，點擊【是】确認轉換即可。

注：11.0 設計器製作的範本，無論是新版決策報表還是舊版決策報表，均不能在 10.0 設計器中開啟。

2）若在 11.0 直接新建決策報表，可點擊頂部工具欄的【轉換至舊版】按鈕，确認轉換後即可轉換為舊版決策報表。

注2：舊版決策報表的自適應屬性請參考 FineReport10.0 文檔 自適應屬性。

轉換為舊版時會生成一個帶有_bak後綴的備份範本，這個備份範本即舊版決策報表。

5. 應用範例

5.1 大屏應用

用決策報表製作公司儀錶板企業戰情室，如下圖所示，製作詳細步驟可參考：實體一：企業戰情室範本實體。

5.2 行動端應用

用決策報表製作行動端報表，詳細內容可參考：行動端 Demo。