FineReport移動端如何獲取地址位置

對於企業大多數員工來說,由於其工作位置是固定的,可以有多種方式進行上班打卡簽到以保證該員工有按時正常來上班,但是對於經常需要出差,去客戶現場的員工來說,就無法保證他們是否有去上班,所以希望能通過手機位置定位來保證員工有正常上班。

上述情況可以通過FineReport模板添加一個按鈕控件,點擊該按鈕的時候,獲取當前地理位置,並將該位置信息複製給某個單元格,最後員工填報當前模板即可。

實現如下圖所示效果,點擊地理位置按鈕獲取當前位置與當前時間,並顯示下下方對應的單元格中:

wKiom1iGzKXg7bx7AAAIPnu6anE200.png-wh_50

模板製作

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

wKiom1iGzLOy704EAAALnvhq2Ns476.png-wh_50

獲取當前地理位置

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

1)通過點擊按鈕獲取地理位置

打開按鈕的控件位置,爲該控件添加一個點擊事件,如下圖:

wKioL1iGzRLBqD8ZAACwVViFSYI300.png-wh_50

相應代碼如下:

FR.location(function(status, message){ //獲取地理位置
if(status=="success") {
//定位成功,message返回經緯度值
FR.Msg.alert("當前位置是" + message);
contentPane.setCellValue(2, 3, message);
} else {
//定位失敗,message返回對應的錯誤信息
FR.Msg.alert(message); //定位失敗
}
});

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

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

2)加載結束後獲取當前位置

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

wKioL1iGzVXBo7XdAAEaMATzpZU809.png-wh_50

獲取當前時間

在模板中還需要將當前簽到時間也賦值過去,所以還需要在按鈕的點擊事件中獲取到當前時間,即給E2單元格再添加一個點擊事件,並賦值給E4單元格,代碼如下:

var myDate = new Date();
var mytime=myDate.getFullYear()+"-"+myDate.getMonth()+1+"-"+myDate.getDate()+" "+myDate.getHours()+":"+myDate.getMinutes()+":"+myDate.getSeconds(); //獲取當前時間
contentPane.setCellValue(4, 3, mytime);

按鈕點擊事件全部代碼如下:

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); //定位失敗
}
});

效果查看

將該模板添加到數據決策系統的節點樹上,其中模板的預覽方式爲填報,如下圖:

wKiom1iGzYHxOAhHAABF8Tfgze8460.png-wh_50

用移動端登錄該系統,訪問該張模板,點擊地理位置按鈕獲取當前地理位置和當前時間,如下圖:

wKioL1iGzbShXEaOAADZxKg88M8241.png-wh_50

FineReport中獲取的地理位置是經緯度,如果需要確定其具體位置的話,還需要另外轉換。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章