chatHistoryList.jsp 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>聊天管理</title>
  6. <meta name="decorator" content="ani"/>
  7. <link href="${ctxStatic}/plugin/layui/dist/css/layim.css" type="text/css" rel="stylesheet"/>
  8. <script type="text/javascript">
  9. function search(){//查询,页码清零
  10. $("#pageNo").val(0);
  11. $("#searchForm").submit();
  12. return false;
  13. }
  14. function reset(){//重置,页码清零
  15. $("#pageNo").val(0);
  16. $("#searchForm div.form-group input").val("");
  17. $("#searchForm div.form-group select").val("");
  18. $("#searchForm").submit();
  19. return false;
  20. }
  21. function sortOrRefresh(){//刷新或者排序,页码不清零
  22. $("#searchForm").submit();
  23. return false;
  24. }
  25. function page(n,s){//翻页
  26. $("#pageNo").val(n);
  27. $("#pageSize").val(s);
  28. $("#searchForm").submit();
  29. $("span.page-size").text(s);
  30. return false;
  31. }
  32. </script>
  33. </head>
  34. <body>
  35. <div class="layim-chat layim-chat-friend">
  36. <form:form id="searchForm" modelAttribute="chatHistory" action="${ctx}/iim/chatHistory/" method="post" class="form-inline">
  37. <input type="hidden" name="id" value="${chatHistory.id }"/>
  38. <input type="hidden" name="type" value="${chatHistory.type }"/>
  39. <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
  40. <input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
  41. <table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/><!-- 支持排序 -->
  42. <div class="row" style="padding-top: 10px">
  43. <div class="col-xs-1"></div>
  44. <div class="col-xs-6"><form:input path="msg" htmlEscape="false" maxlength="1024" class=" form-control input-sm"/></div>
  45. <div class="col-xs-3"><button class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="search()" ><i class="fa fa-search"></i> 查询</button></div>
  46. </div>
  47. </form:form>
  48. <div class="layim-chat-main" style="width:70%; height:100%">
  49. <ul>
  50. <c:forEach items="${page.list}" var="chatHistory">
  51. <c:if test="${fn:contains(chatHistory.sender, '_msg_')}"><!-- 如果是群组信息,取出实际的发送者信息 -->
  52. <c:set var="sender" value="${fn:substringAfter(chatHistory.sender, '_msg_')}"/>
  53. </c:if>
  54. <c:if test="${fn:contains(chatHistory.sender, '_msg_') == false}"><!-- 如果是群组信息,取出实际的发送者信息 -->
  55. <c:set var="sender" value="${chatHistory.sender}"/>
  56. </c:if>
  57. <c:if test="${fns:getUser().loginName != sender}">
  58. <li>
  59. <div class="layim-chat-user">
  60. <img src="${fns:getByLoginName(sender).photo}">
  61. <cite>${fns:getByLoginName(sender).name}<i><fmt:formatDate value="${chatHistory.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/></i></cite>
  62. </div>
  63. <div class="layim-chat-text">
  64. <c:if test="${fn:contains(chatHistory.msg, 'img[')}">
  65. <img src="${fn:substring(chatHistory.msg, 4, fn:length(chatHistory.msg)-1)}"/>
  66. </c:if>
  67. <c:if test="${fn:contains(chatHistory.msg, 'img[')==false}">
  68. ${chatHistory.msg}
  69. </c:if>
  70. </div>
  71. </li>
  72. </c:if>
  73. <c:if test="${fns:getUser().loginName == sender}">
  74. <li class="layim-chat-mine">
  75. <div class="layim-chat-user">
  76. <img src="${fns:getByLoginName(sender).photo}">
  77. <cite><i><fmt:formatDate value="${chatHistory.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/></i>${fns:getByLoginName(sender).name}</cite>
  78. </div>
  79. <div class="layim-chat-text">
  80. <c:if test="${fn:contains(chatHistory.msg, 'img[')}">
  81. <img src="${fn:substring(chatHistory.msg, 4, fn:length(chatHistory.msg)-1)}"/>
  82. </c:if>
  83. <c:if test="${fn:contains(chatHistory.msg, 'img[')==false}">
  84. ${chatHistory.msg}
  85. </c:if>
  86. </div>
  87. </li>
  88. </c:if>
  89. </c:forEach>
  90. </ul>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <table:page page="${page}"></table:page>
  97. </div>
  98. </body>
  99. </html>