sup_report.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
  3. <ul class="list-group" style="max-width: 331px;">
  4. <li class="list-group-item" style="background-color: rgb(25, 149, 207); color: white;">
  5. <b th:text="|Sup-${supId}|"></b>
  6. </li>
  7. <!-- <li class="list-group-item">
  8. <b>Type: </b>
  9. <label class="label" style="background-color: rgb(3, 64, 178);">
  10. <span class="glyphicon glyphicon-duplicate" style="margin-right: 5px;"></span>
  11. Supplementary
  12. </label>
  13. </li> -->
  14. <li class="list-group-item">
  15. <!-- <b>Content: </b><br> -->
  16. <ul class="list-group sup-list row" style="max-width: 290px;">
  17. <th:block th:each="report : ${supplement.bugs}">
  18. <li class="list-group-item">
  19. <span class="glyphicon glyphicon-file" style="color: rgb(244, 172, 7); margin-right: 5px;"></span>
  20. <a href="#" style="color: #F4AC07;" th:text="${report.id}"></a>
  21. <br />
  22. <!-- description -->
  23. <th:block th:each="sent, iterStat : ${report.taggedSentences}">
  24. <span th:if="${sent.isDiff()}" th:text="${sent.sentence}" style="color: red; font-weight: bold;"></span>
  25. <span th:unless="${sent.isDiff()}" th:text="${sent.sentence}"></span>
  26. </th:block>
  27. <br/>
  28. <!-- imgs -->
  29. <th:block th:each="img, iterStat : ${report.taggedImgs}">
  30. <img th:if="${img.isDiff()}" class="my-img-thumbnail pointer" style="border: 2px solid red;"
  31. th:src="${img.imgUrl}" th:onclick="'javascript:showimage(\''+${img.imgUrl}+'\');'"/>
  32. <img th:unless="${img.isDiff()}" class="my-img-thumbnail pointer"
  33. th:src="${img.imgUrl}" th:onclick="'javascript:showimage(\''+${img.imgUrl}+'\');'"/>
  34. </th:block>
  35. </li>
  36. </th:block>
  37. </ul>
  38. </li>
  39. </ul>
  40. </html>