［App］JS 實現掃碼查詢資訊

1.1 版本

1.2 解決思路 

FineReport 支援行動端對正文元件掃碼來自動查詢報表資訊，不需要手動輸入正文元件資訊。

該功能透過在正文元件的編輯後事件裏新增自動查詢 JS 語句：_g().parameterCommit(); 來實現。

支援範圍：

• App 支援、HTML5 需在微信釘釘整合下支援；

• 填報中的正文元件、表單中的正文元件。

注：HTML5 存取需設定 單點登入 。

2.1 建立範本

1）開啟 FineReport 設計器，點選「檔案」>「建立普通報表」，建立範本資料集 ds1 

2）在「資料庫查詢」對話框中寫入 SQL 查詢語句：SELECT * FROM 銷量，點選「確定」

如下圖所示：

3）將範本資料集 ds1 中的欄位拖入到對應儲存格中。如下圖所示：

2.2 設定範本參數

1）點選「範本」>「範本參數」，在「範本參數」提示框中新增參數。

2）雙擊修改範本參數名稱為「地區」，「預設值」設定為空。

如下圖所示：

2.3 設定參數元件

1）點選參數面板的「編輯」按鈕，進入參數面板設定介面。

2）右上角元件設定面板會顯示沒有新增元件的參數，點選「地區」或者點選「全部新增」。

3）將參數的預設元件新增到參數面板。

如下圖所示：

4）點選自訂元件的「編輯」按鈕，選擇正文框元件類型。

5）新增一個「正文元件」，元件名為「地區」。

如下圖所示：

2.4 設定過濾

雙擊 A1 儲存格，為其設定過濾條件，地區等於參數，即(列名:地區) 等於$地區

如下圖所示：

2.5 新增自動查詢 JS 語句

為正文元件新增「編輯後事件」：_g().parameterCommit();

如下圖所示：

2.6 選擇輸入方式

選中正文元件，在「行動端」下可選擇三種支援方式：「支援手動和掃碼輸入」、「僅支援手動輸入」、「僅支援掃碼輸入」

本文選擇「僅支援掃碼輸入」，如下圖所示：

2.7 行動端預覽效果

將範本新增到決策系統中，在行動端存取該範本。

1）App展示：

僅支援掃碼輸入即點選整個正文元件區域，都觸發掃碼，如下圖所示：

2）HTML5展示：

僅支援掃碼輸入即點選整個正文元件區域，都觸發掃碼，如下圖所示：

點選下載範本：［App］JS 實現掃碼查詢資訊..cpt