jifuning
/
xinxi_zhongxin_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
							<!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">
    <meta name="format-detection"content="telephone=no">
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <link rel="stylesheet" href="../../css/projeck.css">
    <style media="screen">
      body,html{
        margin: 0;
        background: #fff;
      }
      .header-nav-items li{
        color: #BDC3C7;
      }
      .header-nav-items .active{
        color: #009FE8;
      }
      .header-nav-items .active::after {
        height: 3px;
      }
    </style>
</head>
<body>
  <div class="api_layout">
    <header class="header-login">
       <img class="backBtn" src="../../image/btn_back.png" alt="" tapmode onclick="backIndex()">
       <p class="api_text">值班</p>
    </header>
    <div class="api_nav">
      <div class="header-nav scroller nav-haohuo" id="navScroll">
          <ul class="header-nav-items flex-wrap">
              <li class="active flex-con" tapmode="active" onclick="randomSwitchBtn(this)">
                  我的值班
              </li>
              <li class="flex-con" tapmode="active" onclick="randomSwitchBtn(this)">
                  值班表
              </li>
          </ul>
      </div>
    </div>
  </div>
</body>
</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript">
    apiready = function () {
        $api.fixStatusBar($api.dom('header') );
        api.parseTapmode()
        funIniGroup();
        keybackFun();
    }
    var eHeaderLis;
    function funIniGroup(){
            eHeaderLis = $api.domAll('.header-nav-items li'),
            frames = [];
        for (var i = 0,len = eHeaderLis.length; i < len; i++) {
            frames.push( {
                name: 'getDuty'+i,
                url: 'getDuty'+i+'.html',
                bgColor : '#F0F0F0',
                bounces:false
            } )
        }
        api.openFrameGroup({
            name: 'group',
            scrollEnabled: false,
            rect: {
                x: 0,
                y: $api.dom('header').offsetHeight+$api.dom('.api_nav').offsetHeight,
                w: api.winWidth,
                h: $api.winHeight
            },
            preload:0,
            index: 0,
            frames: frames
        }, function (ret, err) {
            menuSelected(ret.index);
        });
    };
    function menuSelected(index) {
        for (var i = 0; i < eHeaderLis.length; i++) {
          if(index == i ){
            $api.addCls(eHeaderLis[i], 'active');
          }else {
            $api.removeCls(eHeaderLis[i], 'active');
          }
        }
    }
    function randomSwitchBtn( tag ) {
        if( tag == $api.dom('.header-nav-items li.active') )return;
        var eFootLis = $api.domAll('.header-nav-items li');
            index = 0;
        for (var i = 0,len = eFootLis.length; i < len; i++) {
            if( tag == eFootLis[i] ){
                index = i;
            }else{
                $api.removeCls(eFootLis[i], 'active');
            }
        }
        $api.addCls( eFootLis[index], 'active');
        api.setFrameGroupIndex({
            name: 'group',
            index: index
        });
    }
    function backIndex() {
      api.sendEvent({
        name: 'userInfo'
      });
      api.closeWin();
    }
    // 监听物理返回键
    function keybackFun() {
      api.addEventListener({
          name: 'keyback'
        }, function(ret, err){
          api.sendEvent({
            name: 'userInfo'
          });
          api.closeWin();
      });
    }
</script>