120 lines
4.1 KiB
Plaintext
120 lines
4.1 KiB
Plaintext
|
<%@ page contentType="text/html;charset=UTF-8" %>
|
|||
|
|
<%@ include file="/webpage/include/taglib.jsp"%>
|
|||
|
|
<html>
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
|
|||
|
|
<title>通讯录</title>
|
|||
|
|
<meta name="decorator" content="default"/>
|
|||
|
|
|
|||
|
|
<link href="${ctxStatic}/common/css/animate.css" rel="stylesheet">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
|
|||
|
|
function search(n,s){
|
|||
|
|
$("#searchForm").attr("action","${ctx}/iim/contact/index");
|
|||
|
|
$("#searchForm").submit();
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function deleteFriend(id){
|
|||
|
|
|
|||
|
|
window.location = "${ctx}/iim/contact/delFriend?id="+id;
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body class="gray-bg">
|
|||
|
|
<div class="wrapper wrapper-content animated fadeInRight">
|
|||
|
|
<div class="row">
|
|||
|
|
<c:forEach var="user" items="${list}">
|
|||
|
|
|
|||
|
|
<div class="col-sm-4">
|
|||
|
|
<div class="contact-box">
|
|||
|
|
<a href="###">
|
|||
|
|
<div class="col-sm-4">
|
|||
|
|
<div class="text-center">
|
|||
|
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="<c:out value="${user.photo}" />">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-7">
|
|||
|
|
<h3><strong><c:out value="${user.name}" /></strong></h3>
|
|||
|
|
<p><i class="fa fa-map-marker"></i> <c:out value="${user.company.name}" /></p>
|
|||
|
|
<address>
|
|||
|
|
<strong><c:out value="${user.office.name}" /></strong><br>
|
|||
|
|
<c:out value="${user.email}" /><br>
|
|||
|
|
tel:<c:out value="${user.phone}" /><br>
|
|||
|
|
<abbr title="Phone">mobile:</abbr> <c:out value="${user.mobile}" />
|
|||
|
|
</address>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-1">
|
|||
|
|
<a class="hidden pull-right close-link btn btn-outline btn-default btn-circle" onclick="deleteFriend('${user.id}')"><i class="fa fa-times"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="clearfix"></div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</c:forEach>
|
|||
|
|
<div class="col-sm-4">
|
|||
|
|
<div class="contact-box">
|
|||
|
|
<a href="###" onclick="searchFriend()">
|
|||
|
|
<div class="col-sm-4">
|
|||
|
|
<div class="text-center">
|
|||
|
|
<img alt="image" style="height:140px;width:140px" class="img-circle m-t-xs img-responsive" src="${ctxStatic}/images/add_user.jpg">
|
|||
|
|
<div class="m-t-xs font-bold"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<br/>
|
|||
|
|
<br/>
|
|||
|
|
<h1><strong>添加好友</strong></h1>
|
|||
|
|
</div>
|
|||
|
|
<div class="clearfix"></div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 全局js -->
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
$('.contact-box').each(function () {
|
|||
|
|
animationHover(this, 'pulse');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function searchFriend(){
|
|||
|
|
top.layer.open({
|
|||
|
|
type: 2,
|
|||
|
|
area: ['800px', '500px'],
|
|||
|
|
title:"添加好友",
|
|||
|
|
name:'friend',
|
|||
|
|
content: "${ctx}/iim/contact/searchUsers" ,
|
|||
|
|
btn: ['确定', '关闭'],
|
|||
|
|
yes: function(index, layero){
|
|||
|
|
var iframeWin = layero.find('iframe')[0].contentWindow; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
|
|||
|
|
var ids = iframeWin.getSelectedIds();
|
|||
|
|
|
|||
|
|
if(ids == "-1"){
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
window.location = "${ctx}/iim/contact/addFriend?ids="+ids;
|
|||
|
|
top.layer.close(index);//关闭对话框。
|
|||
|
|
},
|
|||
|
|
cancel: function(index){
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
|
|||
|
|
<!--统计代码，可删除-->
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|