zhkt/protected/view/common-classinfo.html

<!-- include 'admin-header' -->
<div class="mainWrap">
  <div class="container">
    <div class="page-header pageHeader">
      <h4>
        <ol class="breadcrumb breadcrumbNot">
          <li><a href="{{rootUrl}}common/classlist">课程列表</a></li>
          <li class="active">课程详情</li>
        </ol>
      </h4>
    </div>
    <div class="shopContent clearfix">
      <div class="year fL">
        <select class="form-control" id="statuschange">
          <!--<option>排序</option>-->
          <option value="0">课程完成度（高）</option>
          <option value="1" <!-- if isset({{status}}) && {{status}} == 1 -->selected="selected"<!-- endif -->>课程完成度（倒序）</option>
        </select>
      </div>
      <div class="input-group fR" style="width:400px;">
        <form method="post" action="{{rootUrl}}common/userinfo" class="form-horizontal" style="display: inherit" onsubmit="return backtourl();">
        <input type="text" class="form-control" id="search" name="search" placeholder="请输入账户/姓名/身份证后6位号">
        <input type="hidden" name="classid" id="classid" value="{{classid}}">
        <div class="input-group-btn">
          <button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-search"></span></button>
        </div>
        </form>
      </div>
    </div>
    <div class="clearfix">
      <div class="classList">
        <h5>
          {{classname}}
        </h5>
      </div>
      <table class="table table-hover">
        <thead>
          <tr>
            <th width="50">ID</th>
            <th width="150">账户</th>
            <th width="150">姓名</th>
            <th width="200">身份证号</th>
            <th width="400">课程进度</th>
            <th width="80"></th>
          </tr>
        </thead>
        <!-- if isset({{userlist}}) -->
        <!-- loop userlist -->
        <tr>
          <td>{{userlist' value.userid}}</td>
          <td>{{userlist' value.username}}</td>
          <td>{{userlist' value.realname}}</td>
          <td>{{userlist' value.idcard}}</td>
          <td>
            <div class="progress progressNot">
              <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{{userlist' value.user_progress.progress}}" aria-valuemin="0" aria-valuemax="100" style="width: {{userlist' value.user_progress.progress}}%;" data-toggle="tooltip" data-placement="bottom" title="已完成：{{userlist' value.user_progress.donehh}}小时">
                {{userlist' value.user_progress.progress}}%
              </div>
              <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="{{userlist' value.user_progress.noprogress}}" aria-valuemin="0" aria-valuemax="100" style="width: {{userlist' value.user_progress.noprogress}}%;" data-toggle="tooltip" data-placement="bottom" title="未完成：{{userlist' value.user_progress.nodonehh}}小时">
                {{userlist' value.user_progress.noprogress}}%
              </div>
            </div>
          </td>
          <td>{{userlist' value.user_progress.donehh}}小时</td>
        </tr>
        <!-- endloop -->
        <!-- endif -->
      </table>
    </div>
    <nav style="padding-top: 10px;padding-left: 10px">
      {{pager}}
    </nav>
  </div>
</div>
<script>
  function backtourl(){
    if($('#search').val() == '') {
      alert('搜索框不能为空');
      return false;
    }else{
      return true;
    }

  }

  $(function(){
    $('#statuschange').change(function(){
        window.location.href = '{{rootUrl}}common/classinfo/{{classid}}/status/' + $(this).val();
    });
  })
</script>
</body>
</html>