wuxiren123

          FineReport移動(dòng)端如何獲取地址位置

          對(duì)于企業(yè)大多數(shù)員工來(lái)說(shuō),由于其工作位置是固定的,可以有多種方式進(jìn)行上班打卡簽到以保證該員工有按時(shí)正常來(lái)上班,但是對(duì)于經(jīng)常需要出差,去客戶現(xiàn)場(chǎng)的員工來(lái)說(shuō),就無(wú)法保證他們是否有去上班,所以希望能通過(guò)手機(jī)位置定位來(lái)保證員工有正常上班。


          上述情況可以通過(guò)FineReport模板添加一個(gè)按鈕控件,點(diǎn)擊該按鈕的時(shí)候,獲取當(dāng)前地理位置,并將該位置信息復(fù)制給某個(gè)單元格,最后員工填報(bào)當(dāng)前模板即可。

          實(shí)現(xiàn)如下圖所示效果,點(diǎn)擊地理位置按鈕獲取當(dāng)前位置與當(dāng)前時(shí)間,并顯示下下方對(duì)應(yīng)的單元格中:


          模板制作

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

           

          獲取當(dāng)前地理位置

          獲取當(dāng)前地理位置有兩種方式,一個(gè)是點(diǎn)擊按鈕獲取地理位置,一個(gè)是直接打開模板的時(shí)候就獲取位置,示例中,想實(shí)現(xiàn)通過(guò)點(diǎn)擊按鈕獲取地理位置。

          1)通過(guò)點(diǎn)擊按鈕獲取地理位置

          打開按鈕的控件位置,為該控件添加一個(gè)點(diǎn)擊事件,如下圖:


          相應(yīng)代碼如下:

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

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

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

          2)加載結(jié)束后獲取當(dāng)前位置

          如果想在模板加載結(jié)束之后就獲取到當(dāng)前地理位置,那么只需要將上述代碼添加到加載結(jié)束后事件中即可,打開模板,點(diǎn)擊模板>模板web屬性>填報(bào)頁(yè)面設(shè)置,添加一個(gè)加載結(jié)束事件,如下圖:

          獲取當(dāng)前時(shí)間

          在模板中還需要將當(dāng)前簽到時(shí)間也賦值過(guò)去,所以還需要在按鈕的點(diǎn)擊事件中獲取到當(dāng)前時(shí)間,即給E2單元格再添加一個(gè)點(diǎn)擊事件,并賦值給E4單元格,代碼如下:

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

          按鈕點(diǎn)擊事件全部代碼如下:

          FR.location(function(status, message){ //獲取地理位置
          if(status=="success") {
              //定位成功,message返回經(jīng)緯度值
              FR.Msg.alert("當(dāng)前位置是" + 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(); //獲取當(dāng)前時(shí)間
              contentPane.setCellValue(4, 3, mytime);    

          else {
              //定位失敗,message返回對(duì)應(yīng)的錯(cuò)誤信息
              FR.Msg.alert(message); //定位失敗
          }
          });

          效果查看

          將該模板添加到數(shù)據(jù)決策系統(tǒng)的節(jié)點(diǎn)樹上,其中模板的預(yù)覽方式為填報(bào),如下圖:

          用移動(dòng)端登錄該系統(tǒng),訪問該張模板,點(diǎn)擊地理位置按鈕獲取當(dāng)前地理位置和當(dāng)前時(shí)間,如下圖:

          FineReport中獲取的地理位置是經(jīng)緯度,如果需要確定其具體位置的話,還需要另外轉(zhuǎn)換。

          posted on 2017-01-24 11:34 喝水居然長(zhǎng)肉 閱讀(142) 評(píng)論(0)  編輯  收藏


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 杂多县| 乐至县| 九江县| 桃园县| 华阴市| 叙永县| 宁城县| 普兰店市| 崇信县| 蒙城县| 福贡县| 麻江县| 宁城县| 西青区| 铅山县| 翁牛特旗| 榆树市| 柯坪县| 云和县| 兰溪市| 通州市| 东辽县| 桐梓县| 漯河市| 读书| 石河子市| 方正县| 孟连| 盐源县| 兴安县| 青州市| 仁布县| 二连浩特市| 登封市| 琼中| 平遥县| 万盛区| 台北县| 太仆寺旗| 汨罗市| 东安县|