对于企业大多数员工来说,由于其工作位置是固定的,可以有多种方式进行上班打卡签到以保证该员工有按时正常来上班,但是对于经常需要出差,去客户现场的员工来说,就无法保证他们是否有去上班,所以希望能通过手机位置定位来保证员工有正常上班。
上述情况可以通过FineReport模板添加一个按钮控件,点击该按钮的时候,获取当前地理位置,并将该位置信息复制给某个单元格,最后员工填报当前模板即可。
实现如下图所示效果,点击地理位置按钮获取当前位置与当前时间,并显示下下方对应的单元格中:
模板制作
打开设计器,新建一张模板,按照如下图所示样式设计模板,其中E2单元格为按钮控件,控件名称为地理位置,C5为下拉框控件,E5为时间控件:
获取当前地理位置
获取当前地理位置有两种方式,一个是点击按钮获取地理位置,一个是直接打开模板的时候就获取位置,示例中,想实现通过点击按钮获取地理位置。
1)通过点击按钮获取地理位置
打开按钮的控件位置,为该控件添加一个点击事件,如下图:
相应代码如下:
1
2
3
4
5
6
7
8
9
10
|
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属性>填报页面设置,添加一个加载结束事件,如下图:
获取当前时间
在模板中还需要将当前签到时间也赋值过去,所以还需要在按钮的点击事件中获取到当前时间,即给E2单元格再添加一个点击事件,并赋值给E4单元格,代码如下:
1
2
3
|
var
myDate =
new
Date();
var
mytime=myDate.getFullYear()+
"-"
+myDate.getMonth()+1+
"-"
+myDate.getDate()+
" "
+myDate.getHours()+
":"
+myDate.getMinutes()+
":"
+myDate.getSeconds();
//获取当前时间
contentPane.setCellValue(4, 3, mytime);
|
按钮点击事件全部代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
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中获取的地理位置是经纬度,如果需要确定其具体位置的话,还需要另外转换。
本文转自 雄霸天下啦 51CTO博客,原文链接:http://blog.51cto.com/10549520/1894019,如需转载请自行联系原作者