message_list.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>消息列表</title>
  7. </head>
  8. <body layout:fragment="content">
  9. <nav class="breadcrumb">
  10. <i class="Hui-iconfont">&#xe67f;</i>
  11. 首页 <span class="c-gray en">&gt;</span>
  12. 我的消息 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
  13. href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
  14. </nav>
  15. <form id="myForm" th:action="@{/message/myMessage}" th:method="get">
  16. <div class="page-container">
  17. <div class="text-c">
  18. <span class="select-box" style="width:250px">
  19. <select class="select" th:name="is_read" onChange="$('#myForm').submit();">
  20. <option value="">--全部--</option>
  21. <option value="0" th:selected = "${searchCondition.is_read}==false">未读</option>
  22. <option value="1" th:selected = "${searchCondition.is_read}==true">已读</option>
  23. </select>
  24. </span>
  25. <span class="select-box" style="width:250px">
  26. <select class="select" th:name="business_type" onChange="$('#myForm').submit();">
  27. <option value="">--全部--</option>
  28. <option value="" th:each="item : ${messageTypeList}" th:value="${item.value}"
  29. th:text="${item.name}" th:selected = "${searchCondition.business_type}==${item.value}">
  30. </option>
  31. </select>
  32. </span>
  33. <input type="text" class="input-text" style="width:250px" placeholder="请输入标题进行搜索" name="queryStr" th:value="${keyword}"/>
  34. <button type="submit" class="btn btn-primary">
  35. 搜索
  36. </button>
  37. </div>
  38. <div class="cl pd-5 bg-1 bk-gray mt-20">
  39. <span class="r">共有数据:<strong th:text="${pageInfo?.total}">54</strong> 条</span>
  40. </div>
  41. <table class="table table-border table-bordered table-hover table-bg">
  42. <thead style="display:none;">
  43. <tr class="text-c">
  44. <th>消息类型</th>
  45. <th>标题</th>
  46. <th>消息时间</th>
  47. <th>是否已读</th>
  48. <th>操作</th>
  49. </tr>
  50. </thead>
  51. <tbody>
  52. <tr class="text-c" th:each="model:${pageInfo?.list}" th:object="${model}">
  53. <td><span class="label label-success radius" th:text="*{business_type_name}"></span></td>
  54. <th th:text="*{title}">标题</th>
  55. <td th:text="*{create_time}">消息时间</td>
  56. <td class="td-status">
  57. <input class="message_id" type="hidden" th:value="*{id}"/>
  58. <span class="label radius label-danger" th:if="*{is_read}==0">new</span>
  59. </td>
  60. <td class="td-manage">
  61. <a title="展开" style="text-decoration:none" th:onclick="'javascript:show_message(\'消息详情\',\'/message/check/'+*{id}+'/'+*{message_detail_id}+'\');'">展开</a>
  62. </td>
  63. </tr>
  64. </tbody>
  65. </table>
  66. <div th:replace="admin/common/page :: page"></div>
  67. </div>
  68. </form>
  69. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  70. <script type="text/javascript" th:inline="javascript">
  71. function show_message(title, url) {
  72. layer_show(title, pagePath + url, "800", "500");
  73. }
  74. //加载消息为已读
  75. function reloadMessage(message_id){
  76. $(".message_id[value="+message_id+"]").next(".label-danger").remove();
  77. }
  78. </script>
  79. </body>
  80. </html>