jifuning
/
ximeichang


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<!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: #16a085;
      }
      .header-nav-items .active::after{
        background: #16a085;
      }
    </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>
              <li class="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();
        var info = $api.getStorage('data'),
        token = JSON.parse(info).data.access_token;
        funIniGroup(token);
    }
    var eHeaderLis,frames;
    function funIniGroup(token){
      var systemType = api.systemType,heightH;
      if (systemType == 'ios') {
        heightH = $api.dom('.api_nav').offsetHeight + 70;
      }else if (systemType == 'android') {
        heightH = $api.dom('.api_nav').offsetHeight + 74.5;
      }
      eHeaderLis = $api.domAll('.header-nav-items li'),
      frames = [];
      for (var i = 0,len = eHeaderLis.length; i < len; i++) {
          frames.push( {
              name: 'myWord_frm'+i,
              url: 'myWord_frm'+i+'.html',
              bgColor : '#f2f2f2',
              bounces:true,
              pageParam:{
                data:token
              },
          })
      }
        api.openFrameGroup({
            name: 'group',
            scrollEnabled: false,
            rect: {
                x: 0,
                y: $api.dom('.api_nav').offsetHeight+$api.dom('header').offsetHeight,
                w: api.winWidth,
                h: $api.winHeight
            },
            index: 0,
            frames: frames
        }, function (ret, err) {
            menuSelected(ret.index);
        });
    };
    function menuSelected(index) {
        eHeaderLis = $api.domAll('.header-nav-items li');
        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.closeWin();
    }
</script>