mailComposeList.jsp 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <title>已发送</title>
  9. <meta name="decorator" content="ani"/>
  10. </head>
  11. <body>
  12. <div class="wrapper wrapper-content">
  13. <div class="row">
  14. <div class="col-sm-3">
  15. <div class="inbox-container">
  16. <div class="col email-options ps-container">
  17. <div class="padding-15">
  18. <div class="butt-container">
  19. <a href="${ctx}/iim/mailCompose/sendLetter" class="btn btn-primary btn-block btn-rounded">写信</a>
  20. </div>
  21. <ul class="main-options">
  22. <li>
  23. <a href="${ctx}/iim/mailBox/list?orderBy=sendtime desc">
  24. <span class="title"> &nbsp; 收件箱</span>
  25. <span class="badge pull-right">${noReadCount}/${mailBoxCount}</span>
  26. </a>
  27. </li>
  28. <li class="activeli">
  29. <a href="${ctx}/iim/mailCompose/list?status=1&orderBy=sendtime desc">
  30. <span class="title"> &nbsp; 已发送</span>
  31. <span class="badge pull-right">${mailComposeCount}</span>
  32. </a>
  33. </li>
  34. <li>
  35. <a href="${ctx}/iim/mailCompose/list?status=0&orderBy=sendtime desc">
  36. <span class="title"> &nbsp; 草稿箱</span>
  37. <span class="badge pull-right">${mailDraftCount}</span>
  38. </a>
  39. </li>
  40. <hr class="poor">
  41. <h5>标签</h5>
  42. <li>
  43. <a href="#">
  44. <span class="title"> &nbsp; 客户 <i class="fa fa-stop pull-right faorange"></i></span>
  45. </a>
  46. </li>
  47. <li>
  48. <a href="#">
  49. <span class="title"> &nbsp; 社交 <i class="fa fa-stop pull-right fayellow"></i></span>
  50. </a>
  51. </li>
  52. <li>
  53. <a href="#">
  54. <span class="title"> &nbsp; 家人 <i class="fa fa-stop pull-right facyan"></i></span>
  55. </a>
  56. </li>
  57. <li>
  58. <a href="#">
  59. <span class="title"> &nbsp; 朋友 <i class="fa fa-stop pull-right fapurple"></i></span>
  60. </a>
  61. </li>
  62. </ul>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="col-sm-9 animated fadeInRight">
  68. <div class="mail-box-header">
  69. <div class="row">
  70. <div class="col-sm-6" style="left:-5px">
  71. <h2 >
  72. 已发送(${mailComposeCount})
  73. </h2>
  74. </div>
  75. <div class="col-sm-6">
  76. <form:form id="searchForm" modelAttribute="mailCompose" action="${ctx}/iim/mailCompose/?status=1" method="post" class="pull-right mail-search">
  77. <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
  78. <input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
  79. <table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"></table:sortColumn><!-- 支持排序 -->
  80. <div class="input-group">
  81. <form:input path="mail.title" htmlEscape="false" maxlength="128" class=" form-control" placeholder="搜索邮件标题,正文等"/>
  82. <div class="input-group-btn">
  83. <button id="btnSubmit" type="submit" class="btn btn-primary">
  84. 搜索
  85. </button>
  86. </div>
  87. </div>
  88. </form:form>
  89. </div>
  90. </div>
  91. <div class="mail-tools tooltip-demo m-t-md">
  92. <div class="btn-group pull-right">
  93. ${page }
  94. </div>
  95. <button class="btn btn-primary" data-toggle="tooltip" data-placement="left" onclick="sortOrRefresh()" title="刷新邮件列表"><i class="fa fa-refresh"></i> 刷新</button>
  96. <button class="btn btn-default" data-toggle="tooltip" data-placement="top" title="标为已读"><i class="fa fa-eye"></i>
  97. </button>
  98. <button class="btn btn-default" data-toggle="tooltip" data-placement="top" title="标为重要"><i class="fa fa-exclamation"></i>
  99. </button>
  100. <table:delRow url="${ctx}/iim/mailCompose/deleteAllCompose" id="contentTable"></table:delRow><!-- 删除按钮 -->
  101. </div>
  102. </div>
  103. <div class="mail-box">
  104. <table id="contentTable" class="table table-hover table-mail">
  105. <thead>
  106. <tr>
  107. <th class="check-mail">
  108. <input type="checkbox" class="i-checks">
  109. </th>
  110. <th class="sort-column receiver.name">收件人</th>
  111. <th class="sort-column title">标题</th>
  112. <th class="sort-column overview">内容</th>
  113. <th class="sort-column sendtime">时间</th>
  114. <th>操作</th>
  115. </tr>
  116. </thead>
  117. <tbody>
  118. <c:forEach items="${page.list}" var="mailCompose">
  119. <tr>
  120. <td class="check-mail">
  121. <input id="${mailCompose.id}" type="checkbox" class="i-checks">
  122. </td>
  123. <td class=""><a href="${ctx}/iim/mailCompose/detail?id=${mailCompose.id}">
  124. ${mailCompose.receiver.name}
  125. </a></td>
  126. <td class="mail-ontact"><a href="${ctx}/iim/mailCompose/detail?id=${mailCompose.id}">
  127. ${mailCompose.mail.title}
  128. </a></td>
  129. <td class="mail-subject"><a href="${ctx}/iim/mailCompose/detail?id=${mailCompose.id}">
  130. ${mailCompose.mail.overview}
  131. </a>
  132. </td>
  133. <td class="mail-date">${fns:formatDateTime(mailCompose.sendtime)}</td>
  134. <td>
  135. <a href="${ctx}/iim/mailCompose/delete?id=${mailCompose.id}" onclick="return jp.confirm('确认要删除该站内信吗?', this.href)" class="btn btn-info btn-xs btn-danger"><i class="fa fa-trash"></i> 删除</a>
  136. </td>
  137. </tr>
  138. </c:forEach>
  139. </tbody>
  140. </table>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. <script>
  146. function search(){//查询,页码清零
  147. $("#pageNo").val(0);
  148. $("#searchForm").submit();
  149. return false;
  150. }
  151. function reset(){//重置,页码清零
  152. $("#pageNo").val(0);
  153. $("#searchForm div.form-group input").val("");
  154. $("#searchForm div.form-group select").val("");
  155. $("#searchForm").submit();
  156. return false;
  157. }
  158. function sortOrRefresh(){//刷新或者排序,页码不清零
  159. $("#searchForm").submit();
  160. return false;
  161. }
  162. function page(n,s){//翻页
  163. $("#pageNo").val(n);
  164. $("#pageSize").val(s);
  165. $("#searchForm").submit();
  166. $("span.page-size").text(s);
  167. return false;
  168. }
  169. </script>
  170. </body>
  171. </html>