報表設計器FineReport使用:移動端獲取地理位置?

對於經常要出差的員工,企業無法通過上班打卡簽到來確保該員工是否有按時正常來上班,所以希望能通過手機位置定位來保證員工有正常上班。下面就通過報表設計器FineReport來進行介紹。

工具/原料

報表設計器FineReport V8.0

方法/步驟

開啟設計器,新建一張模板,按照如下圖所示樣式設計模板,其中E2單元格為按鈕控制元件,控制元件名稱為地理位置,C5為下拉框控制元件,E5為時間控制元件:

報表設計器FineReport使用:移動端獲取地理位置

獲取當前地理位置有兩種方式,一個是點選按鈕獲取地理位置,一個是直接開啟模板的時候就獲取位置,示例中,我們是想實現通過點選按鈕獲取地理位置。

通過點選按鈕獲取地理位置

開啟按鈕的控制元件設定,為該控制元件新增一個點選事件,如下圖:

報表設計器FineReport使用:移動端獲取地理位置

FineReport通過FR.location方法獲取當前位置,如果status值為success,則表示獲取地理位置成功,否則定位失敗,如果定位成功,則將返回的地理位置資訊賦值給C4單元格。

注:該方法只在移動端有用,如果在web點選該按鈕事件獲取地理位置,則直接提示定位失敗。

載入結束後獲取當前位置

如果想在模板載入結束之後就獲取到當前地理位置,那麼只需要將上述程式碼新增到載入結束後事件中即可,開啟模板,點選模板>模板web屬性>填報頁面設定,新增一個載入結束事件,如下圖:

報表設計器FineReport使用:移動端獲取地理位置

獲取當前時間

在模板中還需要將當前簽到時間也賦值過去,所以還需要在按鈕的點選事件中獲取到當前時間,並賦值給E4單元格,js如下:

var myDate = new Date();

var mytime=myDate.getFullYear()+"-"+myDate.getMonth()+1+"-"+myDate.getDate()+" "+myDate.getHours()+":"+myDate.getMinutes()+":"+myDate.getSeconds(); //獲取當前時間

contentPane.setCellValue(4, 3, mytime);

按鈕點選事件全部js如下:

FR.location(function(status, message){ //獲取地理位置

if(status=="success") {

//定位成功,message返回經緯度值

FR.Msg.alert("當前位置是" + message);

contentPane.setCellValue(2, 3, message);

var myDate = new Date();

var mytime=myDate.getFullYear()+"-"+myDate.getMonth()+1+"-"+myDate.getDate()+" "+myDate.getHours()+":"+myDate.getMinutes()+":"+myDate.getSeconds(); //獲取當前時間

contentPane.setCellValue(4, 3, mytime);

} else {

//定位失敗,message返回對應的錯誤資訊

FR.Msg.alert(message); //定位失敗

}

});

效果檢視

將該模板新增到資料決策系統的節點樹上,其操作方法請檢視新增模板,其中模板的預覽方式為填報,如下圖:

報表設計器FineReport使用:移動端獲取地理位置

根據新增伺服器章節介紹的操作步驟,用移動端登入該系統,訪問該張模板,點選地理位置按鈕獲取當前地理位置和當前時間,如下圖:

報表設計器FineReport使用:移動端獲取地理位置

位置, 員工, 報表, 地理位置,
相關問題答案