home.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  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" th:fragment="mainSidebar">
  31. <li class="treeview" id="crowdSidebar">
  32. <a href="#">
  33. <i class="fa fa-users"></i>
  34. <span>
  35. 众包测试
  36. </span>
  37. </a>
  38. <ul class="treeview-menu" id="crowdSidebarMenu">
  39. <li id="crowdSidebarMenu-taskList">
  40. <a href="/crowdTask">
  41. <i class="fa fa-align-justify"></i>任务列表
  42. </a>
  43. </li>
  44. <li id="crowdSidebarMenu-addCrowdTask">
  45. <a href="/addCrowdTask">
  46. <i class="fa fa-plus"></i>新建众测任务
  47. </a>
  48. </li>
  49. <li id="crowdSidebarMenu-addExcel">
  50. <a href="/addExcel">
  51. <i class="fa fa-file-excel-o"></i>导入第三方项目
  52. </a>
  53. </li>
  54. <li id="crowdSidebarMenu-importTask">
  55. <a href="/importTask">
  56. <i class="fa fa-object-ungroup"></i>导入任务
  57. </a>
  58. </li>
  59. </ul>
  60. </li>
  61. <li class="treeview">
  62. <a href="#">
  63. <i class="fa fa-file-text-o"></i>
  64. <span>
  65. 众包审核
  66. </span>
  67. </a>
  68. <ul class="treeview-menu">
  69. <li>
  70. <a href="/addPaper">
  71. <i class="glyphicon glyphicon-pencil"></i>
  72. <span>
  73. 新建表单
  74. </span>
  75. </a>
  76. </li>
  77. <li>
  78. <a href="/papers">
  79. <i class="fa fa-reorder "></i>
  80. <span>
  81. 表单列表
  82. </span>
  83. </a>
  84. </li>
  85. <li>
  86. <a href="#">
  87. <i class="fa fa-plus"></i>
  88. <span>
  89. 新建任务
  90. </span>
  91. </a>
  92. </li>
  93. <li>
  94. <a href="/review/jobs">
  95. <i class="glyphicon glyphicon-tasks"></i>
  96. <span>
  97. 任务列表
  98. </span>
  99. </a>
  100. </li>
  101. </ul>
  102. </li>
  103. </ul>
  104. </section>
  105. </aside>
  106. <!-- Main Content -->
  107. <div class="content-wrapper" style="min-height: 691px;">
  108. <section class="content-header">
  109. <h1>主页</h1>
  110. <ol class="breadcrumb">
  111. <li class="active">
  112. <a href="/home">
  113. <i class="fa fa-dashboard"></i>
  114. 主页
  115. </a>
  116. </li>
  117. </ol>
  118. </section>
  119. <!-- Main Content -->
  120. <section class="content container-fluid">
  121. <div class="row">
  122. <div class="col-md-6">
  123. <div class="box">
  124. <div class="box-header">
  125. <h3 class="box-title">最近的众测任务</h3>
  126. </div>
  127. <!-- /.box-header -->
  128. <div class="box-body no-padding">
  129. <table class="table table-striped" style="text-align: center;">
  130. <tr>
  131. <th style="text-align: center;">测试序号(考试号)</th>
  132. <th style="text-align: center;">任务序号(题号)</th>
  133. <th style="text-align: center;">应用名</th>
  134. </tr>
  135. <th:block th:each="task : ${tasks}">
  136. <tr>
  137. <!--<td><img th:src="${task.icon}" style="width: 25px; height: 25px;" /></td>-->
  138. <td><span class="label label-info" th:text="${task.examId}"></span></td>
  139. <td><span class="label label-info" th:text="${task.caseId}">题号</span></td>
  140. <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>
  141. <!--<td th:text="${task.version}"></td>-->
  142. </tr>
  143. </th:block>
  144. </table>
  145. </div>
  146. </div>
  147. </div>
  148. <div class="col-md-6">
  149. <div class="box">
  150. <div class="box-header">
  151. <h3 class="box-title">最近的众审任务</h3>
  152. </div>
  153. <!-- /.box-header -->
  154. <div class="box-body no-padding">
  155. <table class="table table-striped" style="text-align: center;">
  156. <tr>
  157. <th style="text-align: center;">测试序号(考试号)</th>
  158. <th style="text-align: center;">任务序号(题号)</th>
  159. <th style="text-align: center;">应用名</th>
  160. </tr>
  161. <th:block th:each="task : ${jobs}">
  162. <tr>
  163. <td><b><a th:href="'/review/jobDetail?id='+${task.get('id')}" th:text="${task.get('name')}"></a></b></td>
  164. <!--<td><img th:src="${task.icon}" style="width: 25px; height: 25px;" /></td>-->
  165. <td>
  166. <span th:if="${task.get('group').equals('') and task.get('exam_id').equals('')}" class="label label-warning" >暂无</span>
  167. <span th:if="${task.get('group').equals('') and !task.get('exam_id').equals('')}" class="label label-info" >企业版</span>
  168. <span th:if="${task.get('exam_id').equals('') and !task.get('group').equals('') }" class="label label-success" >教育版</span>
  169. </td>
  170. <!-- <td><span class="label label-info" th:text="${task.caseId}">题号</span></td>-->
  171. <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>
  172. </tr>
  173. </th:block>
  174. </table>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. </section>
  180. </div>
  181. </div>
  182. </body>
  183. </html>
  184. <script src="/static/AdminLTE/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
  185. <script src="/static/AdminLTE/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
  186. <script src="/static/AdminLTE/bower_components/select2/dist/js/select2.min.js"></script>
  187. <script type="text/javascript">
  188. $(document).ready(function(){
  189. $('[data-toggle="tooltip"]').tooltip();
  190. var taskListTable = $('#task-list').DataTable({
  191. searching: true,
  192. pageLength: 25
  193. });
  194. });
  195. </script>