home.html 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
  4. layout:decorator="base">
  5. <head>
  6. <link rel="stylesheet" href="/static/css/applications.css" type="text/css"/>
  7. <!-- dataTables -->
  8. <link rel="stylesheet" type="text/css"
  9. href="/static/AdminLTE/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css"/>
  10. <!-- Select2 -->
  11. <link rel="stylesheet" type="text/css" href="/static/AdminLTE/bower_components/select2/dist/css/select2.min.css"/>
  12. </head>
  13. <body>
  14. <div layout:fragment="mainbody">
  15. <aside class="main-sidebar">
  16. <section class="sidebar">
  17. <div class="user-panel">
  18. <div class="pull-left image">
  19. <img src="/static/images/avatar/avatar-admin.jpg" class="img-circle" alt="User Image" />
  20. </div>
  21. <div class="pull-left info">
  22. <p>管理员</p>
  23. <a href="#">
  24. <i class="fa fa-circle text-success"></i>
  25. 在线
  26. </a>
  27. </div>
  28. </div>
  29. <!-- Sidebar Menu -->
  30. <ul class="sidebar-menu tree" data-widget="tree">
  31. <li class="treeview">
  32. <a href="#">
  33. <i class="fa fa-users"></i>
  34. <span>
  35. 众包测试
  36. </span>
  37. </a>
  38. <ul class="treeview-menu">
  39. <li>
  40. <a href="/crowdTask">
  41. <i class="fa fa-align-justify"></i>任务列表
  42. </a>
  43. </li>
  44. <li>
  45. <a href="/addExcel">
  46. <i class="fa fa-file-excel-o"></i>导入第三方项目
  47. </a>
  48. </li>
  49. </ul>
  50. </li>
  51. <li class="treeview">
  52. <a href="#">
  53. <i class="fa fa-file-text-o"></i>
  54. <span>
  55. 众包审核
  56. </span>
  57. </a>
  58. <ul class="treeview-menu">
  59. <li>
  60. <a href="/addPaper">
  61. <i class="glyphicon glyphicon-pencil"></i>
  62. <span>
  63. 新建表单
  64. </span>
  65. </a>
  66. </li>
  67. <li>
  68. <a href="/papers">
  69. <i class="fa fa-reorder "></i>
  70. <span>
  71. 表单列表
  72. </span>
  73. </a>
  74. </li>
  75. <li>
  76. <a href="#">
  77. <i class="fa fa-plus"></i>
  78. <span>
  79. 新建任务
  80. </span>
  81. </a>
  82. </li>
  83. <li>
  84. <a href="/review/jobs">
  85. <i class="glyphicon glyphicon-tasks"></i>
  86. <span>
  87. 任务列表
  88. </span>
  89. </a>
  90. </li>
  91. </ul>
  92. </li>
  93. </ul>
  94. </section>
  95. </aside>
  96. <!-- Main Content -->
  97. <div class="content-wrapper" style="min-height: 691px;">
  98. <section class="content-header">
  99. <h1>主页</h1>
  100. <ol class="breadcrumb">
  101. <li class="active">
  102. <a href="/home">
  103. <i class="fa fa-dashboard"></i>
  104. 主页
  105. </a>
  106. </li>
  107. </ol>
  108. </section>
  109. <!-- Main Content -->
  110. <section class="content container-fluid">
  111. <div class="row">
  112. <div class="col-md-6">
  113. <div class="box">
  114. <div class="box-header">
  115. <h3 class="box-title">最近的众测任务</h3>
  116. </div>
  117. <!-- /.box-header -->
  118. <div class="box-body no-padding">
  119. <table class="table table-striped" style="text-align: center;">
  120. <tr>
  121. <th style="text-align: center;">测试序号(考试号)</th>
  122. <th style="text-align: center;">任务序号(题号)</th>
  123. <th style="text-align: center;">应用名</th>
  124. </tr>
  125. <th:block th:each="task : ${tasks}">
  126. <tr>
  127. <!--<td><img th:src="${task.icon}" style="width: 25px; height: 25px;" /></td>-->
  128. <td><span class="label label-info" th:text="${task.examId}"></span></td>
  129. <td><span class="label label-info" th:text="${task.caseId}">题号</span></td>
  130. <td><b><a th:href="'/task_detail?examId=' + ${task.examId} + '&amp;caseId=' + ${task.caseId}" id="task-name-name" th:text="${task.name}">{{ task.name }}</a></b></td>
  131. <!--<td th:text="${task.version}"></td>-->
  132. </tr>
  133. </th:block>
  134. </table>
  135. </div>
  136. </div>
  137. </div>
  138. <div class="col-md-6">
  139. <div class="box">
  140. <div class="box-header">
  141. <h3 class="box-title">最近的众审任务</h3>
  142. </div>
  143. <!-- /.box-header -->
  144. <div class="box-body no-padding">
  145. <table class="table table-striped" style="text-align: center;">
  146. <tr>
  147. <th style="text-align: center;">测试序号(考试号)</th>
  148. <th style="text-align: center;">任务序号(题号)</th>
  149. <th style="text-align: center;">应用名</th>
  150. </tr>
  151. <th:block th:each="task : ${jobs}">
  152. <tr>
  153. <td><b><a th:href="'/review/jobDetail?id='+${task.get('id')}" th:text="${task.get('name')}"></a></b></td>
  154. <!--<td><img th:src="${task.icon}" style="width: 25px; height: 25px;" /></td>-->
  155. <td>
  156. <span th:if="${task.get('group').equals('') and task.get('exam_id').equals('')}" class="label label-warning" >暂无</span>
  157. <span th:if="${task.get('group').equals('') and !task.get('exam_id').equals('')}" class="label label-info" >企业版</span>
  158. <span th:if="${task.get('exam_id').equals('') and !task.get('group').equals('') }" class="label label-success" >教育版</span>
  159. </td>
  160. <!-- <td><span class="label label-info" th:text="${task.caseId}">题号</span></td>-->
  161. <td><span class=" " th:if="${task.get('create_time')!=null}" th:text="${#dates.format(task.get('create_time'),'yyyy-MM-dd HH:mm:ss')} " ></span></td>
  162. </tr>
  163. </th:block>
  164. </table>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </section>
  170. </div>
  171. </div>
  172. </body>
  173. </html>
  174. <script src="/static/AdminLTE/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
  175. <script src="/static/AdminLTE/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
  176. <script src="/static/AdminLTE/bower_components/select2/dist/js/select2.min.js"></script>
  177. <script type="text/javascript">
  178. $(document).ready(function(){
  179. $('[data-toggle="tooltip"]').tooltip();
  180. var taskListTable = $('#task-list').DataTable({
  181. searching: true,
  182. pageLength: 25
  183. });
  184. });
  185. </script>