170 lines
8.4 KiB
Plaintext
170 lines
8.4 KiB
Plaintext
<%@ page contentType="text/html;charset=UTF-8" %>
|
||
<%@ include file="/webpage/include/taglib.jsp"%>
|
||
<html>
|
||
<head>
|
||
<title>聊天管理</title>
|
||
<meta name="decorator" content="default"/>
|
||
<script type="text/javascript">
|
||
$(document).ready(function() {
|
||
laydate({
|
||
elem: '#createDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
|
||
event: 'focus' //响应事件。如果没有传入event，则按照默认的click
|
||
});
|
||
});
|
||
function search(){//查询，页码清零
|
||
$("#pageNo").val(0);
|
||
$("#searchForm").submit();
|
||
return false;
|
||
}
|
||
|
||
function reset(){//重置，页码清零
|
||
$("#pageNo").val(0);
|
||
$("#searchForm div.form-group input").val("");
|
||
$("#searchForm div.form-group select").val("");
|
||
$("#searchForm").submit();
|
||
return false;
|
||
}
|
||
function sortOrRefresh(){//刷新或者排序，页码不清零
|
||
|
||
$("#searchForm").submit();
|
||
return false;
|
||
}
|
||
function page(n,s){//翻页
|
||
$("#pageNo").val(n);
|
||
$("#pageSize").val(s);
|
||
$("#searchForm").submit();
|
||
$("span.page-size").text(s);
|
||
return false;
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="wrapper wrapper-content animated fadeInRight">
|
||
|
||
|
||
<form:form id="searchForm" modelAttribute="chatHistory" action="${ctx}/iim/chatHistory/" method="post" class="form-inline">
|
||
<input type="hidden" name="userid1" value="${chatHistory.userid1 }"/>
|
||
<input type="hidden" name="userid2" value="${chatHistory.userid2 }"/>
|
||
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
|
||
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
|
||
<table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/><!-- 支持排序 -->
|
||
<div class="form-group">
|
||
<span>消息内容：</span>
|
||
<form:input path="msg" htmlEscape="false" maxlength="1024" class=" form-control input-sm"/>
|
||
<button class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="search()" ><i class="fa fa-search"></i> 查询</button>
|
||
</div>
|
||
</form:form>
|
||
<br>
|
||
<div class="ibox chat-view">
|
||
|
||
|
||
|
||
<div class="ibox-content">
|
||
|
||
<div class="row">
|
||
|
||
<div class="col-md-12 ">
|
||
<div class="chat-discussion">
|
||
<c:forEach items="${page.list}" var="chatHistory">
|
||
<c:if test="${fns:getUser().loginName != chatHistory.userid1}">
|
||
<div class="chat-message chat-message-left">
|
||
<img class="message-avatar" src="${fns:getByLoginName(chatHistory.userid1).photo}" alt="">
|
||
<div class="message">
|
||
<a class="message-author" href="###"> ${fns:getByLoginName(chatHistory.userid1).name}</a>
|
||
<span class="message-date"> <fmt:formatDate value="${chatHistory.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/> </span>
|
||
<span class="message-content">
|
||
${chatHistory.msg}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</c:if>
|
||
<c:if test="${fns:getUser().loginName == chatHistory.userid1}">
|
||
<div class="chat-message chat-message-right">
|
||
<img class="message-avatar" src="${fns:getByLoginName(chatHistory.userid1).photo}" alt="">
|
||
<div class="message">
|
||
<a class="message-author" href="###"> ${fns:getByLoginName(chatHistory.userid1).name}</a>
|
||
<span class="message-date"> <fmt:formatDate value="${chatHistory.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/> </span>
|
||
<span class="message-content">
|
||
${chatHistory.msg}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</c:if>
|
||
</c:forEach>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<!--
|
||
<div class="col-md-3">
|
||
<div class="chat-users">
|
||
|
||
|
||
<div class="users-list">
|
||
<div class="chat-user">
|
||
<img class="chat-avatar" src="img/a4.jpg" alt="">
|
||
<div class="chat-user-name">
|
||
<a href="###">伤城Simple</a>
|
||
</div>
|
||
</div>
|
||
<div class="chat-user">
|
||
<img class="chat-avatar" src="img/a1.jpg" alt="">
|
||
<div class="chat-user-name">
|
||
<a href="###">从未出现过的风景__</a>
|
||
</div>
|
||
</div>
|
||
<div class="chat-user">
|
||
<span class="pull-right label label-primary">在线</span>
|
||
<img class="chat-avatar" src="img/a2.jpg" alt="">
|
||
<div class="chat-user-name">
|
||
<a href="###">冬伴花暖</a>
|
||
</div>
|
||
</div>
|
||
<div class="chat-user">
|
||
<span class="pull-right label label-primary">在线</span>
|
||
<img class="chat-avatar" src="img/a3.jpg" alt="">
|
||
<div class="chat-user-name">
|
||
<a href="###">ZM敏姑娘 </a>
|
||
</div>
|
||
</div>
|
||
<div class="chat-user">
|
||
<img class="chat-avatar" src="img/a5.jpg" alt="">
|
||
<div class="chat-user-name">
|
||
<a href="###">才越越</a>
|
||
</div>
|
||
</div>
|
||
<div class="chat-user">
|
||
<img class="chat-avatar" src="img/a6.jpg" alt="">
|
||
<div class="chat-user-name">
|
||
<a href="###">时光十年TENSHI</a>
|
||
</div>
|
||
</div>
|
||
<div class="chat-user">
|
||
<img class="chat-avatar" src="img/a2.jpg" alt="">
|
||
<div class="chat-user-name">
|
||
<a href="###">刘顰颖</a>
|
||
</div>
|
||
</div>
|
||
<div class="chat-user">
|
||
<span class="pull-right label label-primary">在线</span>
|
||
<img class="chat-avatar" src="img/a3.jpg" alt="">
|
||
<div class="chat-user-name">
|
||
<a href="###">陈泳儿SccBaby</a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
-->
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<table:page page="${page}"></table:page>
|
||
</div>
|
||
</body>
|
||
</html> |