agg_report_list.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  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">聚合视图 <span class="badge badge-info" th:text="${aggNum}"></span></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()}">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. <span th:text="${bugId}">{{ report.print_id
  113. }}</span>
  114. </div>
  115. <div style="margin-top: 5px" th:text="${bugMap.get(bugId).description}">
  116. {{ report.description }}
  117. </div>
  118. </li>
  119. </ul>
  120. </div>
  121. </div>
  122. </th:block>
  123. </div><!-- /.box-body -->
  124. </div>
  125. </section>
  126. </th:block>
  127. </body>
  128. </html>
  129. <div class="modal fade bs-example-modal-lg text-center" id="imgModal" tabindex="-1" role="dialog"
  130. aria-labelledby="myLargeModalLabel">
  131. <div class="modal-dialog modal-lg" style="display: inline-block; width: 300px;">
  132. <div class="modal-content">
  133. <img id="imgInModalID"
  134. class="carousel-inner img-responsive img-rounded"
  135. onclick="closeImageViewer()"
  136. onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
  137. onmouseout="this.style.cursor='default'"
  138. />
  139. </div>
  140. </div>
  141. </div>
  142. <script type="text/javascript">
  143. //显示大图
  144. function showimage(source) {
  145. $("#imgModal").find("#imgInModalID").attr("src", source);
  146. $("#imgModal").modal();
  147. }
  148. //关闭
  149. function closeImageViewer() {
  150. $("#imgModal").modal('hide');
  151. }
  152. </script>
  153. <script src="/static/AdminLTE/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
  154. <script src="/static/AdminLTE/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
  155. <script src="/static/js/all_reports.js"></script>