元件顯示增強

1.1 版本

1.2 應用場景

FineReport提供了「範本主題」功能，允許使用者切換整體的報表配色風格。然而，因為範本主題功能無法切換元件的樣式，導致元件與整體報表的配色不統一。

為了解決這個問題，FineReport引入了「元件顯示增強」功能。使用者可以在範本主題中自訂「參數面板」和「元件樣式」，進而使元件與報表整體配色風格一致。

「元件顯示增強」預設關閉，需要手動開啟。

選擇「範本>元件顯示增強」，勾選「開啟元件顯示增強」，點選確定即可開啟此功能。

2.1 參數面板

1）普通報表支援在開啟「新計算引擎」的條件下使用。

2）普通報表支援在「分頁預覽」、「填報預覽」、「資料分析預覽」下使用。

3）決策報表的「新自適應」、「舊自適應」均支援。

4）「參數面板」支援自訂參數面板背景顏色，PC 端和行動端均支援，如下圖所示：

2.2 元件樣式

支援設定「PC 端」和「行動端」。

2.2.1 PC端

1）普通報表支援在「分頁預覽」、「填報預覽」、「資料分析預覽」下使用。

2）普通報表支援在開啟「新計算引擎」的條件下使用。

3）決策報表的「新自適應」、「舊自適應」均支援。

• PC 端支援的設定如下所示：

• PC 端參數面板不同元件樣式的差異

• PC 端填報元件不同元件樣式的差異
  

注：按鈕元件的元件背景填報預覽後直接展示；編輯類元件需要點選進行編輯後才顯示為元件背景，相反則顯示為儲存格背景。

2.2.2 行動端

1）普通報表支援在「分頁預覽」、「填報預覽」下使用。

2）普通報表支援在開啟「新計算引擎」的條件下使用。

3）決策報表的「新自適應」、「舊自適應」均支援。

• 行動端支援的設定如下所示：

• 行動端參數面板不同元件樣式的差異

• 行動端填報元件不同元件樣式的差異

2.3 頂部工具欄

頂部/底部工具欄支援自動、淺色、深色設定項。

範本開啟「元件顯示增強」功能後，行動端預覽時的元件交互優化。

3.1 下拉類元件

1）下拉類元件點選後從側邊展開，更改為從底部展開，更符合使用者的操作習慣。如下圖所示：

2）下拉框/單選下拉樹元件，介面和交互優化，簡化使用者過濾步驟。

使用者展開元件面板時，刪除「確定」按鈕。使用者選擇選項，或點選「清空」後點選「查詢」可直接進行過濾，如下圖所示：

3）搜尋顯示全螢幕，能夠展示更多搜尋內容。

3.2 檔案元件

上傳圖片的交互和操作流程優化。

1）未新增圖片時的介面優化，點選「+」新增圖片。

2）查看圖片支援放大。

3）縮略圖支援點選右上角直接刪除。

4）如果未顯示的圖片超過 6 張，點選摺疊的圖片「+N」，即可批量查看縮略圖，並支援查看大圖、刪除圖片等操作。