決策報表填報

1.1 問題描述

大部分填報範本都是cpt格式，其設定和功能要優於frm。如果對頁面佈置有較高的自由度需求，可以考慮使用frm來做。然而，frm不支援 cpt 裏的填報預覽，那麼要如何實現填報功能呢？

1.2 解決思路

1）使用者可以透過新增按鈕元件的提交入庫事件來實現決策報表填報功能。

2）使用者可以透過新增網頁框元件插入報表來實現決策報表填報功能。

透過新增按鈕元件的提交入庫事件來實現決策報表填報功能

2.1 範本設計

2.1.1 報表內容設計

建立決策報表，報表設計如下圖所示：

左側一欄為標籤元件，右側一欄元件的設定如下：

2.1.2 行動端樣式調整

調整決策報表的寬度高度，同時取消手機端重佈局，如下圖所示： 

2.2 新增提交入庫事件

選中 submit 按鈕元件，點選元件設定>事件，新增點選事件

新增提交入庫事件，提交入庫的表為qingjia，對應值如下圖所示：

注：值前面有 $ 符號，代表引用對應參數元件的值。

2.3 設定回呼函式

使用按鈕設定提交入庫操作時，預設是沒有成功和失敗提示的。需要設定一下回呼函式，來提示使用者填報成功與否。如下圖所示：

JavaScript 程式碼如下：

if (fr_submitinfo.success) {
	FR.Msg.toast('提交成功');
} else {
	FR.Msg.toast('提交失敗，錯誤資訊為：' + fr_submitinfo.failinfo);
}

注：success 只表示後臺程式執行沒有異常，最終入庫結果會受到設定的影響，可能和預期的不一致。

2.4 效果預覽

2.4.1 PC 端

儲存範本，點選預覽，效果如下圖所示：

2.4.2 行動端

1）App

2）HTML5

透過新增網頁框元件插入報表來實現決策報表填報功能。

注：行動端不支援網頁框元件

3.1 安裝插件

安裝網頁框元件插件，具體操作步驟請參考：網頁框元件

3.2 新增網頁框元件

選擇元件>網頁框元件，拖曳到決策報表body框，新添網頁框元件 rHIframe0 ，如下圖所示：

3.3 設定地址和參數

選中網頁框元件，點選元件設定>屬性>地址和參數，設定對應的範本（範本路徑或網路範本），如下圖所示

注：範本 URL 尾部必須新增參數 &op=write（以填報預覽）。

3.4 效果預覽

儲存範本，選擇PC端預覽，效果如下圖所示：

4.1 範例一

點選下載範本：决策报表填报-示例一.frm

4.2 範例二

點選下載範本：决策报表填报-示例二.frm