paper_list.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  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>Admin</p>
  23. <a href="#">
  24. <i class="fa fa-circle text-success"></i>
  25. Online
  26. </a>
  27. </div>
  28. </div>
  29. <!-- Search form -->
  30. <form action="#" method="get" class="sidebar-form">
  31. <div class="input-group">
  32. <input type="text" name="q" class="form-control" placeholder="Search..." />
  33. <span class="input-group-btn">
  34. <button type="submit" name="search" id="search-btn" class="btn btn-flat">
  35. <i class="fa fa-search"></i>
  36. </button>
  37. </span>
  38. </div>
  39. </form>
  40. <!-- Sidebar Menu -->
  41. <ul class="sidebar-menu tree" data-widget="tree" th:insert="/jobList::auditSidebar">
  42. </ul>
  43. </section>
  44. </aside>
  45. <!-- Main Content -->
  46. <div class="content-wrapper" style="min-height: 691px;">
  47. <section class="content-header">
  48. <h1>全部表单</h1>
  49. <ol class="breadcrumb">
  50. <li class="active">
  51. <a href="/papers">
  52. <i class="fa fa-dashboard"></i>
  53. 全部表单
  54. </a>
  55. </li>
  56. </ol>
  57. </section>
  58. <!-- Main Content -->
  59. <section class="content container-fluid">
  60. <!-- <div id="task-list-search" class="input-group col-md-6">
  61. <input type="text" class="form-control" placeholder="Search for application">
  62. <span class="input-group-btn">
  63. <button class="btn btn-default" type="button" id="task-search-btn">Search</button>
  64. </span>
  65. </div> -->
  66. <table id="task-list" class="table table-striped text-center" style="margin-top: 10px">
  67. <thead><tr>
  68. <!--<th></th>-->
  69. <th>试卷名称</th>
  70. <th>试卷类型</th>
  71. <th>创建时间</th>
  72. <!--<th>版本</th>-->
  73. <th>操作</th>
  74. </tr></thead>
  75. <tbody>
  76. <th:block th:each="task : ${tasks}">
  77. <tr>
  78. <td><b><a th:href="'/paperDetail?id='+${task.get('id')}" th:text="${task.get('name')}"></a></b></td>
  79. <!--<td><img th:src="${task.icon}" style="width: 25px; height: 25px;" /></td>-->
  80. <td><span class="label label-info" th:text="${task.get('type')}" ></span></td>
  81. <!-- <td><span class="label label-info" th:text="${task.caseId}">题号</span></td>-->
  82. <td>
  83. <span class=" " th:if="${task.get('create_time')!=null}" th:text="${#dates.format(task.get('create_time'),'yyyy-MM-dd HH:mm:ss')} " ></span>
  84. <!-- <span class=" " th:text="${task.get('create_time')}" ></span>-->
  85. </td>
  86. <td>
  87. <button th:paperId="${task.get('id')}" th:onclick="javascript:showYulan( this.getAttribute('paperId') )" class="btn btn-default">预览</button>
  88. <a type="button" th:paperId="${task.get('id')}" class="btn btn-default" th:href="'/changePaper?id='+${task.get('id')}">修改</a>
  89. <button th:paperId="${task.get('id')}" th:onclick="javascript:delPaper( this, this.getAttribute('paperId')) " class="btn btn-default">删除</button>
  90. </td>
  91. <!--<td th:text="${task.version}"></td>-->
  92. <!-- <td th:if="${task.numOfUndeal > 0}"><span class="label label-info">审核中</span></td>-->
  93. <!-- <td th:if="${task.numOfUndeal == 0}"><span class="label label-success">审核结束</span></td>-->
  94. <!--<td th:text="${task.startTime}">{{ task.print_start_time }}</td>-->
  95. <!--<td th:text="${task.endTime}">{{ task.print_end_time }}</td>-->
  96. <!-- <td><span class="badge"><a th:href="'/task_detail?examId=' + ${task.examId} + '&amp;caseId=' + ${task.caseId}" style="color: #fff;" th:text="${task.numOfUndeal}"></a></span></td>-->
  97. </tr>
  98. </th:block>
  99. </tbody>
  100. </table><!-- table -->
  101. </section>
  102. </div>
  103. </div>
  104. </body>
  105. </html>
  106. <script src="/static/AdminLTE/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
  107. <script src="/static/AdminLTE/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
  108. <script src="/static/AdminLTE/bower_components/select2/dist/js/select2.min.js"></script>
  109. <script type="text/javascript" xmlns:th="http://www.thymeleaf.org" th:inline="javascript">
  110. /*<![CDATA[*/
  111. var reportHost = [[${reportHost}]]
  112. /*]]>*/
  113. $(document).ready(function(){
  114. $('[data-toggle="tooltip"]').tooltip();
  115. var taskListTable = $('#task-list').DataTable({
  116. language: {
  117. "sProcessing": "处理中...",
  118. "sLengthMenu": "显示 _MENU_ 项数据",
  119. "sZeroRecords": "没有匹配结果",
  120. "sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
  121. "sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
  122. "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
  123. "sInfoPostFix": "",
  124. "sSearch": "搜索:",
  125. "sUrl": "",
  126. "sEmptyTable": "表中数据为空",
  127. "sLoadingRecords": "载入中...",
  128. "sInfoThousands": ",",
  129. "oPaginate": {
  130. "sFirst": "首页",
  131. "sPrevious": "上页",
  132. "sNext": "下页",
  133. "sLast": "末页"
  134. },
  135. "oAria": {
  136. "sSortAscending": ": 以升序排列此列",
  137. "sSortDescending": ": 以降序排列此列"
  138. }
  139. },
  140. searching: true,
  141. pageLength: 25,
  142. "order": []
  143. });
  144. $("#auditSidebar").addClass("active");
  145. $("#auditSidebar-formList").addClass("active");
  146. });
  147. showYulan = function ( id ) {
  148. window.open('http://'+reportHost+'/report/review/paper/'+ id);
  149. // 默认使用0号worker做展示页面。
  150. }
  151. delPaper = function ( element , id ) {
  152. $.ajax({
  153. url: '/dpaper?id='+id,
  154. // data:{
  155. // 'id':id
  156. // },
  157. type: 'DELETE',
  158. success: function (result) {
  159. console.log(result);
  160. // var obj = eval('(' + result + ')');
  161. element.parentNode.parentNode.remove();
  162. // success
  163. // var jobId = obj['paperId'];
  164. // if ( type == 1 ){
  165. // var workid = getOneWorker();
  166. // console.log("worke")
  167. // console.log(workid)
  168. // window.open('http://reporthost/report/job/'+jobId+'/'+workid+'/0/1');
  169. // }else{
  170. // $.notify({
  171. // // options
  172. // message: '添加成功,paperid为'+jobId
  173. // },{
  174. // // settings
  175. // delay: 100,
  176. // timer: 3000,
  177. // type: 'success'
  178. // });
  179. // }
  180. }
  181. });
  182. }
  183. </script>