detail.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head>
  4. <th:block th:include="include :: header('查看动态详情')" />
  5. </head>
  6. <body class="white-bg">
  7. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  8. <form class="form-horizontal m" id="form-dict-edit">
  9. <input name="id" type="hidden" th:field="${moments.id}" />
  10. <div class="form-group">
  11. <label class="col-sm-2 control-label">动态主卿卿号:</label>
  12. <div class="col-sm-10">
  13. <input th:field="${moments.erBanNo}" readonly="readonly" class="form-control" type="text"/>
  14. </div>
  15. </div>
  16. <div class="form-group">
  17. <label class="col-sm-2 control-label">参与话题:</label>
  18. <div class="col-sm-10">
  19. <input th:field="${moments.topicTitle}" readonly="readonly" class="form-control" type="text"/>
  20. </div>
  21. </div>
  22. <div class="form-group">
  23. <label class="col-sm-2 control-label">动态配图:</label>
  24. <div class="col-sm-10">
  25. <img th:each="momentsPic: ${momentsPics}" th:src="${momentsPic.pic}" width="200" height="150"/>
  26. </div>
  27. </div>
  28. <div class="form-group">
  29. <label class="col-sm-2 control-label">配文:</label>
  30. <div class="col-sm-10">
  31. <input th:field="${moments.content}" readonly="readonly" class="form-control" type="text"/>
  32. </div>
  33. </div>
  34. <div class="form-group">
  35. <label class="col-sm-2 control-label">录音:</label>
  36. <div class="col-sm-10">
  37. <audio th:field="${moments.tape}" controls preload="none"></audio>
  38. </div>
  39. </div>
  40. <div class="form-group">
  41. <label for="state" class="col-sm-2 control-label">状态:</label>
  42. <div class="col-sm-10">
  43. <select name="state" disabled="disabled" id="state" class="form-control m-b" th:with="type=${@dict.getType('review_status')}">
  44. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="${moments.state}"></option>
  45. </select>
  46. </div>
  47. </div>
  48. <div class="form-group" id="redOption">
  49. <label class="col-sm-2 control-label">发布时间:</label>
  50. <div class="col-sm-10" >
  51. <input th:field="${moments.createTime}" readonly="readonly" class="form-control" type="text"/>
  52. </div>
  53. </div>
  54. </form>
  55. <div class="btn-group-sm" id="toolbar" role="group" style="float: right; padding-top: 20px; padding-bottom: 20px;">
  56. <a th:if="${moments.state == 0 || moments.state == 2}" class="btn btn-success" onclick="pass()" shiro:hasPermission="dynamic:circle:dynamic:pass">
  57. <i class="fa fa-check-circle"></i> 审核通过
  58. </a>
  59. <a th:if="${moments.state == 0 || moments.state == 1}" class="btn btn-danger btn-xs" onclick="fail()" shiro:hasPermission="dynamic:circle:dynamic:fail">
  60. <i class="fa fa-check-circle-o"></i> 审核不通过
  61. </a>
  62. </div>
  63. </div>
  64. <th:block th:include="include :: footer" />
  65. <script type="text/javascript">
  66. var prefix = ctx + "dynamic/circle/dynamic";
  67. $("#form-dict-edit").validate({
  68. focusCleanup: true
  69. });
  70. function pass(){
  71. var id = $('input[name="id"]').val();
  72. $.modal.confirm("确认要审核通过该记录吗?", function() {
  73. $.operate.post(prefix + "/pass?ids=" +id);
  74. });
  75. }
  76. function fail(){
  77. var id = $('input[name="id"]').val();
  78. $.modal.confirm("确认要审核不通过该记录吗?", function() {
  79. $.operate.post(prefix + "/fail?ids=" +id);
  80. });
  81. }
  82. </script>
  83. </body>
  84. </html>