alarm.html 3.23 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/style.css"/>
      <style>
          html,
          body{
            background: rgba(255, 255, 255, 0);
          }
      </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="alarm-edit-font" id="edit_title">编辑</div>
        </div>
    </header>
    <div style="background:linear-gradient(90deg,rgba(91,127,248,1) 0%,rgba(75,175,239,1) 100%);height:50%;width:auto;"></div>
    <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);

        openAlarmFrm(headerH,footerH);

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

        api.addEventListener({
            name: 'reflashAlarm'
        }, function(ret, err){
            if( ret ){
              handleMsg(true);
            }
        });



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

      function handleMsg(bol) {
        if (bol) {
          isEdit = false;
        }else {
          isEdit = !isEdit;
        }

        api.sendEvent({
            name: 'handleAllAlarmMsgBegin',
            extra: {
              isEdit: isEdit,
            }
        });
        if (isEdit) {
          $api.html($api.byId('edit_title') , '取消');
        }else {
          $api.html($api.byId('edit_title') , '编辑');
        }
      }

      function openAlarmFrm(headerH,footerH) {
        api.openFrame({
            name: 'alarmFrm',
            url: './alarm_frm.html',
            rect: {
                x: 0,
                y: headerH,
                w: api.winWidth,
                h: api.winHeight-49-footerH-headerH
            },
            pageParam: {
                f: footerH,
                h: headerH,
            },
            bounces: true,
            hScrollBarEnabled: true,
            vScrollBarEnabled: true,
            reload: true,
        });
      }
  </script>
</html>