agg_report_list.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  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="main">
  5. <head>
  6. <link rel="stylesheet" type="text/css" href="/static/css/main.css" />
  7. <link rel="stylesheet" type="text/css" href="/static/css/all_reports.css" />
  8. <!-- dataTables -->
  9. <link rel="stylesheet" type="text/css"
  10. href="/static/AdminLTE/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css" />
  11. </head>
  12. <body>
  13. <th:block layout:fragment="sidebar">
  14. <li>
  15. <a th:href="'/final_reports?examId=' + ${examId} + '&amp;caseId=' + ${caseId}">
  16. <i class="fa fa-calendar-check-o"></i>
  17. <span>预交付报告</span>
  18. </a>
  19. </li>
  20. <li class="treeview">
  21. <a href="#">
  22. <i class="fa fa-list"></i>
  23. <span>Reports</span>
  24. <span class="pull-right-container">
  25. <i class="fa fa-angle-left pull-right"></i>
  26. </span>
  27. </a>
  28. <ul class="treeview-menu" style="display: block;">
  29. <li class="active">
  30. <a th:href="'/agg_report_list?examId='+${examId}+'&amp;caseId='+${caseId}">
  31. <i class="fa fa-circle-o"></i>
  32. <span>全部报告</span>
  33. <span class="badge pull-right all-number" th:text="${task.numOfTotalBug}">199</span>
  34. </a>
  35. </li>
  36. <li>
  37. <a th:href="'/agg_report_list?examId='+${examId}+'&amp;caseId='+${caseId}+'&amp;status=1'">
  38. <i class="fa fa-check-circle-o text-success"></i>
  39. <span>已审核报告</span>
  40. <span class="badge badge-success pull-right assigned-number" th:text="${task.numOfTotalBug - task.numOfUndeal}">50</span>
  41. </a>
  42. </li>
  43. <li>
  44. <a th:href="'/agg_report_list?examId='+${examId}+'&amp;caseId='+${caseId}+'&amp;status=0'">
  45. <i class="fa fa-clock-o text-danger"></i>
  46. <span>未审核报告</span>
  47. <span class="badge badge-danger pull-right unassign-number" th:text="${task.numOfUndeal}">149</span>
  48. </a>
  49. </li>
  50. </ul>
  51. </li>
  52. </th:block>
  53. <th:block layout:fragment="maincontent">
  54. <section class="content-header">
  55. <h1>审核列表
  56. <small th:text="${task.name}">{{ app.name }}</small>
  57. </h1>
  58. <ol class="breadcrumb">
  59. <li>
  60. <a href="/home">
  61. <i class="fa fa-dashboard"></i>
  62. 全部任务
  63. </a>
  64. </li>
  65. <li class="active" th:text="|${task.name} 审核列表|">
  66. </li>
  67. </ol>
  68. </section>
  69. <section class="content container-fluid">
  70. <div class="box">
  71. <div class="box-header with-border">
  72. <h3 class="box-title">聚合视图</h3>
  73. <div class="box-tools pull-right">
  74. <a class="btn btn-sm btn-primary" th:href="'/task_detail?examId='+${examId}+'&amp;caseId='+${caseId}">
  75. <i class="fa fa-list-alt" style="margin-right: 5px;"></i>
  76. 默认视图
  77. </a>
  78. </div>
  79. </div><!-- /.box-header -->
  80. <div class="box-body agg-report-list">
  81. <th:block th:each="masterBug : ${master2BugIdsMap}">
  82. <div class="col-md-4">
  83. <div class="box box-solid box-default">
  84. <div class="box-header" id="agg-title-{{aggReport.dup_tag}}">
  85. <div style="overflow: auto;">
  86. <a th:href="@{'/report?masterId=' + ${masterBug.key} + '&amp;examId=' + ${examId} + '&amp;caseId=' + ${caseId}}"
  87. class="pull-left agg-title" th:text="|ML-AG-${masterBug.key.substring(10)}|"></a>
  88. <a th:href="'#dup-list-'+${masterBug.key}"
  89. class="glyphicon glyphicon-menu-hamburger pull-right agg-title"
  90. data-toggle="collapse"></a>
  91. <span class="pull-right" style="margin-right: 5px;">
  92. <label class="badge badge-success" th:if="${bugMap.get(masterBug.key).status == 1}">已审核</label>
  93. <label class="badge badge-warning" th:if="${bugMap.get(masterBug.key).status == 0}">未审核</label>
  94. </span>
  95. <br/>
  96. </div>
  97. <div style="margin-top: 5px;">
  98. <span class="agg-title">聚合报告数<span class="badge badge-default agg-badge" th:text="${masterBug.value.size()+1}">10</span></span>
  99. </div>
  100. </div>
  101. <div class="sup-title" style="padding: 15px 15px; min-height: 181px;overflow: scroll; max-height: 181px;"
  102. >
  103. <span th:text="${bugMap.get(masterBug.key).description}"></span><br/>
  104. <img class="my-img-thumbnail pointer to-add" th:src="${imgUrl}"
  105. th:each="imgUrl,iterStat : ${bugMap.get(masterBug.key).getImgUrls()}"
  106. th:onclick="'javascript:showimage(\''+${imgUrl}+'\');'"/>
  107. </div>
  108. <ul class="list-group collapse" th:id="'dup-list-' + ${masterBug.key}"
  109. style="max-height: 161px; min-height: 161px; overflow: scroll;" >
  110. <li class="list-group-item list-group-item-inner" th:each="bugId : ${masterBug.value}" >
  111. <div th:id="'report-title-' + ${bugId}">
  112. <a href="/report" th:text="${bugId}">{{ report.print_id
  113. }}</a>
  114. </div>
  115. <div style="margin-top: 5px" th:text="${bugMap.get(bugId).description}">
  116. {{ report.description }}
  117. </div>
  118. <!--<div style="margin-top: 5px;">-->
  119. <!--<small class="text-muted">-->
  120. <!--Created By {{ report.worker }} At {{ report.print_datestamp }}-->
  121. <!--{% if report.status != 0 %}-->
  122. <!--<br>-->
  123. <!--Be Assigned To-->
  124. <!--{{ report.last_assignment.developer_name }}-->
  125. <!--{% if report.last_assignment.assign_method == 2 %}-->
  126. <!--Automatically-->
  127. <!--{% else %}-->
  128. <!--Manually-->
  129. <!--{% endif %}-->
  130. <!--At {{ report.last_assignment.print_datestamp }}-->
  131. <!--{% endif %}-->
  132. <!--</small>-->
  133. <!--</div>-->
  134. </li>
  135. </ul>
  136. </div>
  137. </div>
  138. </th:block>
  139. </div><!-- /.box-body -->
  140. </div>
  141. </section>
  142. </th:block>
  143. </body>
  144. </html>
  145. <div class="modal fade bs-example-modal-lg text-center" id="imgModal" tabindex="-1" role="dialog"
  146. aria-labelledby="myLargeModalLabel">
  147. <div class="modal-dialog modal-lg" style="display: inline-block; width: 300px;">
  148. <div class="modal-content">
  149. <img id="imgInModalID"
  150. class="carousel-inner img-responsive img-rounded"
  151. onclick="closeImageViewer()"
  152. onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
  153. onmouseout="this.style.cursor='default'"
  154. />
  155. </div>
  156. </div>
  157. </div>
  158. <script type="text/javascript">
  159. //显示大图
  160. function showimage(source) {
  161. $("#imgModal").find("#imgInModalID").attr("src", source);
  162. $("#imgModal").modal();
  163. }
  164. //关闭
  165. function closeImageViewer() {
  166. $("#imgModal").modal('hide');
  167. }
  168. </script>
  169. <script src="/static/AdminLTE/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
  170. <script src="/static/AdminLTE/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
  171. <script src="/static/js/all_reports.js"></script>