[通用]設置頂部參數面板

1.1 版本

1.2 預期效果

範本預設參數介面是透過底部參數介面的漏斗過濾按鈕呼叫的，點選後會跳轉到新的頁面編輯參數，再進行查詢。如下圖所示：

部分使用者可能不習慣該交互，希望參數介面能夠直接在報表主體中顯示，選擇參數等也不需要進行頁面跳轉。如下圖所示：

注：標籤元件不支援行動端的參數面板。

1.3 實現方法

使用者可以設定參數面板「行動設備>樣式範本」為「頂部」，這樣行動端預覽範本時，可直接在報表頂部進行參數篩選。

2.1 功能入口

在報表設計器中，可以對 CPT 和 FRM 範本參數介面設定顯示樣式為「頂部」樣式。

選中 para ，點選下方屬性配置面板「行動設備」，樣式範本選擇「頂部」。如下圖所示：

2.2 自動查詢

頂部參數面板預設勾選「自動查詢」，勾選後則預覽時，元件選擇資料後報表立即更新。如下圖所示：

若取消勾選，則頂部參數面板會多出一個查詢按鈕，元件選擇資料後，需點選「查詢」，報表再更新資料。如下圖所示：

2.3 元件顯示規則

2.3.1 元件展示個數

V11.0.76 及之後的版本，頂部參數面板支援設定「元件展示個數」：

• 勾選自動查詢：最多支援展示 4 個元件，超過的元件將收納到「更多」按鈕，點選後右側展開元件查詢。

• 未勾選自動查詢：最多支援展示 3 個元件，超過的元件將收納到「更多」按鈕，點選後右側展開元件查詢。

2.3.2 元件初始化顯示規則

• 元件有預設值：顯示設定的元件值。若有多值元件設定了多個預設值，則顯示第一個值+選中個數。如下圖所示：

• 元件無預設值：按「顯示水印>顯示標籤名稱>都為空」的順序來顯示。對應的設定位置如下圖所示：

範例效果如下圖所示：

2.4 參數面板背景

V11.0.76 及之後的版本，頂部參數面板支援顯示 PC 端設定的背景。如下圖所示：

注：設計器直接預覽行動端時暫時僅支援「顏色」和「漸變色」，其他選項需將範本掛載到數據決策系統預覽才生效。

App 端和 HTML5 端均支援，預覽效果如下圖所示：

本文範例所用範本可點選下載：参数查询-phone.cpt

效果如 1.2 節所示。

4.1 資料篩選效果

若參數面板中存在「正文元件」時，參數面板選擇「頂部」，頂部顯示「篩選」按鈕，點選後從側邊欄進行輸入查詢。

預覽效果如下圖所示：