map_win.html 2.6 KB
<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
      <title>map_win</title>
      <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
      <link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
      <style>
          html,
          body{
            background-color: #FFFFFF;
          }
      </style>
  </head>
  <body>
    <header class="aui-header-bar" style="padding-top:30px;background-color:#5B7FF8">
      <div class="aui-header-left" tapmode onclick="closeWin();">
          <i class="aui-iconfont aui-icon-left" style="color:#FFFFFF;font-size:16px;">返回</i>
      </div>
      <div class="aui-title" style="color:#FFFFFF;">设备所在地址</div>
      <div class="aui-header-right" tapmode onclick="commitAddress();">
        <span style="color:#FFFFFF;">完成</span>
      </div>
    </header>
    <footer></footer>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript">
    var selected_address = {};
      apiready = function(){
        api.parseTapmode();
        var header = $api.dom('header'); // 获取 header 标签元素
        var footer = $api.dom('footer'); // 获取 footer 标签元素
        var headerH = $api.fixStatusBar(header);
        var footerH = $api.fixTabBar(footer);

        api.openFrame({
            name: 'map_frm',
            url: './map_frm.html',
            rect: {
                x: 0,
                y: headerH,
                w: api.winWidth,
                h: api.winHeight-headerH-footerH
            },
            pageParam: {
              fH: api.winHeight-headerH-footerH
            },
            bounces: false,
        });

        api.addEventListener({
            name: 'selected_device_location'
        }, function(ret, err){
            if( ret ){
              selected_address = ret.value.address;
            }
        });


      };

      function commitAddress() {
        if (!selected_address.address) {
          api.toast({msg: '请选择设备位置',duration: 2000,location: 'bottom'});
          return;
        }else {
          api.sendEvent({
              name: 'changeDeviceLocation',
              extra: {
                  info: selected_address
              }
          });
          closeWin();
        }
      }

      function closeWin() {
        api.closeWin({
            name: 'map_win'
        });

      }
  </script>
  </html>