admin-classtrack.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!-- include 'admin-header' -->
  2. <div class="mainWrap">
  3. <!-- include 'admin-leftWrap' -->
  4. <div class="mainContent">
  5. <div class="page-header pageHeader">
  6. <h4>
  7. <ol class="breadcrumb breadcrumbNot">
  8. <li><a href="{{rootUrl}}m/tracklist">课程进度列表</a></li>
  9. <li class="active">课程进度</li>
  10. </ol>
  11. </h4>
  12. </div>
  13. <div class="shopContent clearfix">
  14. <div class="year fL">
  15. <select class="form-control" id="statuschange">
  16. <option value="id" <!-- if isset({{sort}}) && {{sort}} == 'id' -->selected="selected"<!-- endif -->>ID</option>
  17. <option value="progress" <!-- if isset({{sort}}) && {{sort}} == 'progress' -->selected="selected"<!-- endif -->>课程进度</option>
  18. <option value="time" <!-- if isset({{sort}}) && {{sort}} == 'time' -->selected="selected"<!-- endif -->>学习时间</option>
  19. </select>
  20. </div>
  21. </div>
  22. <div class="clearfix">
  23. <div class="classList">
  24. <h5>
  25. {{classname}}
  26. </h5>
  27. </div>
  28. <table class="table table-hover">
  29. <thead>
  30. <tr>
  31. <th width="50">ID</th>
  32. <th width="130">名称</th>
  33. <th width="420">课程进度</th>
  34. <th width="120"></th>
  35. <th width="200">最近学习时间</th>
  36. </tr>
  37. </thead>
  38. <!-- if isset({{userlist}}) && !empty({{userlist}}) -->
  39. <!-- loop userlist -->
  40. <tr>
  41. <td>{{userlist' value.userid}}</td>
  42. <td>{{userlist' value.username}}</td>
  43. <td>
  44. <div class="progress progressNot">
  45. <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}}小时">
  46. {{userlist' value.user_progress.progress}}%
  47. </div>
  48. <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}}小时">
  49. {{userlist' value.user_progress.noprogress}}%
  50. </div>
  51. </div>
  52. </td>
  53. <td>{{userlist' value.user_progress.donehh}}小时</td>
  54. <td>{{formatDate(userlist' value.lasttime)}}</td>
  55. </tr>
  56. <!-- endloop -->
  57. <!-- endif -->
  58. </table>
  59. </div>
  60. <nav style="padding-top: 10px;padding-left: 10px">
  61. {{pager}}
  62. </nav>
  63. </div>
  64. </div>
  65. <script>
  66. $(function(){
  67. $('#statuschange').change(function(){
  68. window.location.href = '{{rootUrl}}m/trackinfo/{{classid}}/sort/'+ $(this).val();
  69. })
  70. })
  71. </script>
  72. </body>
  73. </html>