1. FineReport 11.0 新增组件複用功能，可透過下載在線庫中的組件並拖曳到自己的報表中，修改下資料、大小、背景色，轻松实现美化範本樣式的效果。

2. 組件複用功能還可將使用者自己製作的组件儲存起來，方便下次直接拿來用，只需要將組件生成後儲存到本機組件庫即可。

3. 下載並複用線上商城組件件的步驟如下圖所示。

4. 註：帆軟組件商城持續上新中，您可以透過 帆軟市場組件更新日志 查詢最新上架的組件。

1

功能入口。

1. 決策報表右側工具欄有一個【組件庫】按鈕，點擊此按鈕即可進入組件庫頁面。

2. 決策報表上方工具欄最右側有一個【套用組件】按鈕，點擊此按鈕即可進入組件庫頁面。

2

下載組件--設計器在線組件頁面下載。

1. 進入【組件庫】的【線上組件】頁面後，【組件】和【組件包】Tab 下會有很多組件。

2. 滑鼠懸浮在組件上方時，左側會出現組件的效果預覽圖，根據效果圖選擇需要的組件。

3. 滑鼠懸浮在需要下載的組件上方，出現白色的下載按鈕，點選下載按鈕後，組件即下載到本機組件中，如下圖所示。

4. 註1：所有下載的組件都以 .reu 檔案的形式儲存在%FR_HOME%\webapps\webroot\WEB-INF\assets\component路徑下，如下圖所示。

3

下載組件--商城下載並安裝到本地。

1. 開啟 組件線上商城 後，挑選自己想要的組件進行下載。

2. 組件會以.reu檔案的格式保存到本地。

3. 進入設計器組件庫頁面，開啟【本機組件】頁面，點選【新增組件】→【安裝組件】，點選對應的.reu 檔案進行安裝，如下圖所示。

4. 註2：按住 Shift 鍵可以批次選中 .reu 檔案進行批次安裝組件。

4

使用組件。

1. 選中需要使用的組件，拖曳到決策報表的 body 中即可。

2. 如果是絕對佈局，可自由調整組件位置和大小。

3. 滑鼠懸浮在組件上方時，其右上角就會出現【幫助設定】按鈕，點選按鈕會進入幫助設定頁面。

4. 【幫助設定】頁面可以看到組件使用說明和組件中所有條件屬性、JS、超連結這些特殊設定項（如果組件沒有特殊設定項，則不顯示）。

5. 在【幫助設定】的組件介紹處，會有推薦的組件body背景色，使用時建議您設定成該顔色，以保證最佳展示效果。具體操作如下圖所示。

5

新建可複用组件。

1. 滑鼠選中需要用於復用的報表塊或圖表塊後，進入組件庫頁面，點選【本機組件】→【新增組件】→【建立組件】。

2. 開啟生成組件的配置頁面，設定相關資訊後，點選確定即可生成組件，生成的組件儲存在【本機組件】頁面。下次可以直接拿來用。具體演示步驟如下圖。

6

管理本機組件。

1. 點選【本機組件】→【新增分組】按鈕，可以新建分組。

2. 右鍵選中組件後點選【移動分組】，可以將組件移到某個分組下面去。完整操作見下圖。

3. 多個組件支援批次操作，點選【本機組件】→【管理組件】按鈕，所有組件右上角出現勾選標識，可進行批次選中。

4. 選中後可進行刪除或者移動分組操作，具體操作如下圖所示。

1

組件庫組件識別方式。

1. 可透過組件右上角藍色logo判斷是否為組件庫組件，如下圖所示。

2

遠端設計無法開啟组件庫。

1. 場景說明：遠端設計時，服務器 JAR 包版本設計器保持一緻，但是打開組件庫仍然會報錯，如下圖所示。

2. 原因分析：複用組件的不合法命名導致在某些系統上無法識別，例如下圖使用橫線給元件命名。

3. 註：組件命名的問題，在fanruan.log中還會有錯誤資訊：檔名、目錄名或卷標語法不正確。

3

新手提示框。

1. 第一次開啟組件庫頁面時，會彈出新手提示框，且關閉後不再出現，如下圖所示。