文档章节

移动端报表如何获取当前地理位置

朕想上头条
 朕想上头条
发布于 2015/11/17 10:41
字数 1055
阅读 16
收藏 0

1. 描述

对于企业大多数员工来说,由于其工作位置的固定的,可以有多种方式进行上班打卡签到以保证该员工有按时正常来上班,但是对于经常需要出差,去客户现场的员工来说,就无法保证他们是否有去工作,所以希望能通过手机位置定位来保证员工有正常上班。以报表开发工具FineReport 移动端为例演示企业可以如何完美解决这一问题。

2. 解决思路

可以通过FineReport模板添加一个按钮控件,点击该按钮的时候,获取当前地理位置,并将该位置信息复制给某个单元格,最后员工填报当前模板即可。

3. 示例

实现如下图所示效果,点击地理位置按钮获取当前位置与当前时间,并显示在下方对应的单元格中:


3.1 模板制作

打开设计器,新建一张模板,按照如下图所示样式设计模板,其中E2单元格为按钮控件,控件名称为地理位置,C5为下拉框控件,E5为时间控件:


3.2 获取当前地理位置

获取当前地理位置有两种方式,一个是点击按钮获取地理位置,一个是直接打开模板的时候就获取位置,示例中,我们是想实现通过点击按钮获取地理位置。

· 通过点击按钮获取地理位置

打开按钮的控件设置,为该控件添加一个点击事件,如下图:


js如下:

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

2. if(status=="success") {  

3.     //定位成功,message返回经纬度值  

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

5.     contentPane.setCellValue(23, message);      

6. } else {  

7.     //定位失败,message返回对应的错误信息  

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

9. }  

10. });  

FineReport通过FR.location方法获取当前位置,如果status值为success,则表示获取地理位置成功,否则定位失败,如果定位成功,则将返回的地理位置信息赋值给C4单元格。

注:该方法只在移动端有用,如果在web点击该按钮事件获取地理位置,则直接提示定位失败。

· 加载结束后获取当前位置

如果想在模板加载结束之后就获取到当前地理位置,那么只需要将上述代码添加到加载结束后事件中即可,打开模板,点击模板>模板web属性>填报页面设置,添加一个加载结束事件,如下图:


3.3 获取当前时间

在模板中还需要将当前签到时间也赋值过去,所以还需要在按钮的点击事件中获取到当前时间,并赋值给E4单元格,js如下:

1. var myDate = new Date();  

2. var mytime=myDate.getFullYear()+"-"+myDate.getMonth()+1+"-"+myDate.getDate()+" "+myDate.getHours()+":"+myDate.getMinutes()+":"+myDate.getSeconds(); //获取当前时间  

3. contentPane.setCellValue(43, mytime);   

按钮点击事件全部js如下:

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

2. if(status=="success") {  

3.     //定位成功,message返回经纬度值  

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

5.     contentPane.setCellValue(23, message);   

6.     var myDate = new Date();  

7.     var mytime=myDate.getFullYear()+"-"+myDate.getMonth()+1+"-"+myDate.getDate()+" "+myDate.getHours()+":"+myDate.getMinutes()+":"+myDate.getSeconds(); //获取当前时间  

8.     contentPane.setCellValue(43, mytime);   

9.   

10. } else {  

11.     //定位失败,message返回对应的错误信息  

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

13. }  

14. });  

3.4 效果查看

将该模板添加到数据决策系统的节点树上,其操作方法请查看添加模板,其中模板的预览方式为填报,如下图:


根据添加服务器章节介绍的操作步骤,用移动端登录该系统,访问该张模板,点击地理位置按钮获取当前地理位置和当前时间,如下图:


注:FineReport获取到的地理位置是经纬度,如需要确定其具体位置,需要另外转换。


© 著作权归作者所有

共有 人打赏支持
朕想上头条
粉丝 0
博文 39
码字总数 35647
作品 0
南京
私信 提问
移动端报表JS开发示例--获取定位

上次分享了移动端报表JS开发的系统概念,后来我又回去摸索了一些案例。之前接触到的FineReport的APP客户端可以用来打卡签到,就好奇研究了以下,这次就来聊一聊报表移动端开发如何实现定位功...

九月你好123
2016/05/05
171
0
FineReport移动端如何获取地址位置

对于企业大多数员工来说,由于其工作位置是固定的,可以有多种方式进行上班打卡签到以保证该员工有按时正常来上班,但是对于经常需要出差,去客户现场的员工来说,就无法保证他们是否有去上班...

雄霸天下啦
2018/06/26
0
0
移动端报表JS开发技术分享

最近对移动端的报表开发颇有研究,细磨精算了好久,虽然到现在还是“囊中羞涩”,但决定还是先抛砖引玉,拿点小干货出来和大家分享。 研究的工具是比较有代表性的FineReport。 1、 移动端哪...

九月你好123
2016/04/07
80
0
如何用产品经理的思维设计移动报表

之前研究过数据图表的最佳表达方式。随着手机端应用层出不穷,数据图表也不断沿用到手机端:健康、天气、股市、商务、办公。相比web端展示数据的空间优势,App端要兼顾手持设备的便捷,要考虑...

帆软
01/09
0
0
finereport普通报表的移动端自适应方案

移动端报表呈现,首先要求的是页面随手机屏幕大小自动放缩(自适应),下面给出一个普通报表中的finereport移动端自适应方案,适用于finereport 7.1之前的版本。 首先,了解一下当前我们可以...

九月你好123
2015/07/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何有效的背单词

转眼间到了大三快要结束了。英语四级考了三次了,每次都220多分。成绩很稳定,但离四级线还有200多分。学校规定如果过不了四级线,就拿不到学士学位证。没有学位证就找不到好工作,找不到好工...

我是菜鸟我骄傲
28分钟前
1
0
导出表格

https://blog.csdn.net/hhzzcc_/article/details/80419396

Js_Mei
51分钟前
0
0
Ubuntu中安装Elasticsearch

1.安装jre elasticsearch是使用java开发的搜索引擎,因此其运行依赖于java runtime environment,我们在这里不使用Oracel的官方jre,改为使用open-jre。 运行环境: ubuntu:18.04 jre:openj...

cloes
今天
0
0
nginx rails 详细站点配置入门教程

Ruby on Rails 是一个用于开发数据库驱动的网络应用程序的完整框架。Rails基于MVC(模型- 视图- 控制器)设计模式。从视图中的Ajax应用,到控制器中的访问请求和反馈,到封装数据库的模型,R...

xiangyunyan
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部