alarm.html 2.48 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>所有报警_win</title>
      <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
      <link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
      <link rel="stylesheet" type="text/css" href="../../css/alarm/alarm.css"/>
      <style>
          html,
          body{
            background-color: #F4F6F9;
          }
      </style>
  </head>
  <body>
    <header class="aui-header-bar alarm-title" >
        <div class="aui-title title-font">所有报警</div>
        <div class="aui-header-right" tapmode onclick="handleMsg();">
            <div class="edit-font" id="edit_title">编辑</div>
        </div>
    </header>
    <footer></footer>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/common.js"></script>
  <script type="text/javascript">
      var isEdit = false;
      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: 'alarm_frm',
            url: './alarm_frm.html',
            rect: {
                x: 0,
                y: headerH,
                w: api.winWidth,
                h: api.winHeight-49-footerH-44-$api.getStorage('SAFEAREATOP')
            },
            pageParam: {
                f: footerH,
                h: headerH,
            },
            bounces: true,
        });

        api.addEventListener({
            name: 'handleAllAlarmMsgEnd'
        }, function(ret, err){
            if( ret ){
              isEdit = false;
              $api.html($api.byId('edit_title') , '编辑');
            }
        });

      };

      function handleMsg() {
        isEdit = !isEdit;
        api.sendEvent({
            name: 'handleAllAlarmMsgBegin',
            extra: {
              isEdit: isEdit,
            }
        });
        if (isEdit) {
          $api.html($api.byId('edit_title') , '完成');
        }else {
          $api.html($api.byId('edit_title') , '编辑');
        }
      }
  </script>
  </html>