決策報表設計界面

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

報表主體 form 相當於一個空白的設計畫板，默認有一個body，增加參數面板後，body 和參數面板同時存在於 form 下。

body 是 form 下的空白設計畫板，用戶可以将除「參數面板」外的組件拖拽到 body 内，body承載這些組件，使它們在預覽時呈現在一個報表頁面内。

在 body 中添加組件後，在右側組件列表中，添加的組件将會以 body 子目錄的方式列表呈現。如下圖所示：

點擊選中組件列表中body，可以設置 body 的屬性，詳細内容可以參考：決策報表框架樣式 。

報表組件包括參數面板、空白塊（報表塊、Tab 塊、絕對畫布塊）、圖表、控件和組件庫。

3.1 參數面板

和普通報表類似，決策報表的參數面板也是用來承載參數控件的，不同點爲決策報表的參數面板用戶可以選擇不添加在設計界面，但普通報表的參數面板是新建後就存在的，無法删除。使用方法可參考：參數入門 。

3.2 空白塊

空白塊包括Tab 塊、絕對畫布塊、報表塊。

1）Tab 塊

添加一個Tab 塊後，一個Tab 塊可以有多個 Tab 選項卡， 每個Tab 選項卡相當於一個空白畫布，可以在上面添加控件、圖表、報表塊。具體使用方法參見 Tab塊。

預覽報表時，點擊 Tab 塊标題，就可以跳轉到對應的 Tab 頁，也可以設置 Tab 頁輪流播放。效果如下圖所示：

2）絕對畫布塊

添加一個絕對畫布塊後，絕對畫布塊就相當於一個空白畫布，可以在上面添加控件、圖表、報表塊，并且可以調整布局方式，具體使用方法參見 絕對畫布塊。

一個單獨的絕對畫布塊添加邊框和背景後就可以顯示成爲一個區域，制作大屏時，不同的指标内容往往要顯示在不同的區域，且每個指标區域又内容豐富，這時添加空白畫布就非常有用。如下圖所示：

3）報表塊

報表塊組件就等同於普通報表的報表快，可以做成表格，也可以在表格的單元格中插入圖表等其他元素。添加後，點擊「編輯」可進入報表塊，具體使用與普通報表一緻。

注1：決策報表的報表塊内，單元格中不支持添加控件。

注2：不推薦在報表塊中使用文字+圖表的表現方式，若爲單個圖表，選擇直接拖入圖表組件比在報表塊中插入圖表自适應效果好。

3.3 圖表塊

圖表塊可以直接添加在 body 中，也可以添加在 Tab 塊和絕對畫布塊中。圖表塊中所有圖表的使用與普通報表一緻，具體使用參見 圖表入門 。

3.4 控件

控件是過濾數據的組件，可以作爲參數控件放在參數面板中，也可作爲單獨的組件添加到 body、Tab 塊和絕對畫布塊中 。如下圖所示：

作爲參數控件放在參數面板中，決策報表支持的控件類型與普通報表支持的控件類型基本一緻。詳細參見 控件類型。

3.5 組件庫

爲了讓用戶更快捷的設計出好看的決策報表，帆軟提供了組件本地複用功能。用戶可以從 帆軟市場 下載喜歡的組件，安裝後應用到報表設計中，具體使用參見 組件複用插件。

下載的組件安裝後就會出現在「組件庫」，支持多次複用。可通過拖拽方式将組件庫中的組件添加 body、Tab 塊和絕對畫布塊中，如下圖所示：

4.1 組件列表

在決策報表中添加組件後，在右側組件列表中，将會顯示組件名稱，點擊組件名稱可以選中組件。如下圖所示：

組件列表上方工具欄中，有剪切、複制、粘貼、删除等工具按鈕，選中組件後可對進行相應操作。如下圖所示：

若工具圖标置灰說明當前無法使用此工具，如「置於底層」、「置於上層」等工具只支持在 body 絕對布局下使用，在body自适應布局下就會置灰。

注：body 自适應布局下，右側組件列表中，不支持選擇多個組件，因此不支持對組件進行批量操作，如批量剪切、批量删除。

4.2 組件屬性

選中組件後，在右側組件設置中，可修改組件名稱、設置組件樣式、調整組件大小、爲組件添加事件、組件适配組件移動端等。如下圖所示：