FVS實現填報處理異常資料

適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FVS 範本的相關功能。

1.1 版本

1.2 場景介紹

本文主要介紹在 FVS 範本中如何結合填報 cpt 範本實現對告警事件的處理。

完整範本資源下載地址：智慧風電監視企業戰情室 。

1.3 實現效果

本文使用一個簡單的範例範本，講解如何實現填報修改資料，且資料即時更新的效果。如下圖所示：

本文僅講解各個關鍵步驟的實現方式，不詳細講解範本的製作思路，請先下載範例範本和資料：

告警事件處理測試.zip

將下載的「智慧風電.db」資料檔案放到工程 %FR_HOME%\webapps\webroot\help 資料夾下；

將「告警事件處理範例.fvs」和「告警事件詳情.cpt」兩個範本放到工程 %FR_HOME%\webapps\webroot\WEB-INF\reportlets 資料夾下。

2.1 定義資料連結

在設計器中 定義資料連結 ，可直接複製內建 FRDemo 資料連結，將 URL 中的「FRDemo」改成「智慧風電」，雙擊資料連結名稱將其也改為「智慧風電」。如下圖所示：

2.2 填報cpt範本介紹

2.2.1 資料集

該範本獲取的是「智慧風電」中「風機告警事件」資料表的資料。如下圖所示：

2.2.2 表格內容

儲存格內容及說明如下：

• C2 儲存格條件屬性如下圖所示：

• E2 儲存格公式如下圖所示：

2.2.3 填報設定

1）給 E2 儲存格新增一個 按鈕元件 ，為了美觀，將按鈕類型設定為「自訂」，所有背景顏色都改為「透明」，使用儲存格背景即可。 

2）給按鈕元件新增點選事件，實現點選按鈕即可「提交入庫」。

• 提交類型：智慧提交

• 表：「智慧風電」資料庫中的「風機告警事件」表

• 點選「智慧新增欄位」後，勾選全部欄位；勾選「事件編號」為「主鍵」；「事件編號」的值為儲存格「A2」，「事件內容」的值為儲存格「B2」，「是否處理」的值為公式 IF(D2="待處理","處理中",IF(D2="處理中","已關閉","待處理")) 

如下圖所示：

2.2.4 點選觸發範本重新整理事件

填報範本在填報後，不會自動重新整理範本，因此需要給按鈕元件重新整理增一個點選事件，觸發範本重新整理。如下圖所示：

JavaScript 程式碼為：

setTimeout(function() {
	_g().refreshAllSheets();
}, 500)

2.2.5 填報Web屬性

在「範本>範本Web屬性>填報頁面設定」中，選擇「為該範本單獨設定」，將報表顯示位置設定為「置中展示」。

新增一個「載入結束」事件，JavaScript 程式碼如下：

var width1 = FR.windowWidth;
$('#content-container').css("width",width1+18)
//重新定義範本寬度，用於去除範本的縱向捲軸

2.2.6 範本紙張背景

將「範本>紙張背景」設定為「自訂>顏色>透明」，則在其餘範本引用時，該範本顯示為透明背景，利於美觀。

2.3 FVS範本介紹

2.3.1 資料集

該範本資料集同 2.2.1 節，獲取的是「智慧風電」中「風機告警事件」資料表的資料。

2.3.2 標題組件使用公式獲取資料

該範本使用 標題組件 寫公式獲取資料集資料，使用 富正文組件 寫正文區分各項資料。如下圖所示：

公式分別為：

• 告警事件總數：count(VALUE("風機告警事件",1))

• 待處理：count(VALUE("風機告警事件",1,3,"待處理"))

• 處理中：count(VALUE("風機告警事件",1,3,"處理中"))

• 已關閉：count(VALUE("風機告警事件",1,3,"已關閉"))

2.3.3 標題組件開啟監視重新整理

給標題組件開啟監視重新整理，每隔 2 秒，組件重新整理一次，可實現資料即時變化的效果。如下圖所示：

2.3.4 標題組件設定彈出框

「查看詳情」使用標題組件製作，給其新增一個「交互>點選事件」，事件類型為 彈出框 。

1）內容事件：由於是填報範本，這裏需設定內容連結為「網頁連結」，使用相對路徑並新增填報預覽參數 &op=write 。

本例相對路徑為： /webroot/decision/view/report?viewlet=告警事件詳情.cpt&op=write。如下圖所示：

2）樣式設定

為了範本的美觀，可以自行設定彈出框的大小、邊框背景、聯動性以及內邊距。如下圖所示：

到這裏本文範例講解結束，實現效果請參考 1.3 節，範本下載請參考第 2 章開頭。