215 lines
7.1 KiB
Plaintext
215 lines
7.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"/>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
$(document).ready(function() {
|
|||
|
|
if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端，就使用自适应大小弹窗
|
|||
|
|
width='auto';
|
|||
|
|
height='auto';
|
|||
|
|
}else{//如果是PC端，根据用户设置的width和height显示。
|
|||
|
|
width='700px';
|
|||
|
|
height='500px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$("#userPassWordBtn").click(function(){
|
|||
|
|
top.layer.open({
|
|||
|
|
type: 2,
|
|||
|
|
area: ["500px", "350px"],
|
|||
|
|
title:"修改密码",
|
|||
|
|
content: "${ctx}/sys/user/modifyPwd" ,
|
|||
|
|
btn: ['确定', '关闭'],
|
|||
|
|
yes: function(index, layero){
|
|||
|
|
var body = top.layer.getChildFrame('body', index);
|
|||
|
|
var inputForm = body.find('#inputForm');
|
|||
|
|
var btn = body.find('#btnSubmit');
|
|||
|
|
var top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
|
|||
|
|
inputForm.attr("target",top_iframe);//表单提交成功后，从服务器返回的url在当前tab中展示
|
|||
|
|
inputForm.validate({
|
|||
|
|
rules: {
|
|||
|
|
},
|
|||
|
|
messages: {
|
|||
|
|
confirmNewPassword: {equalTo: "输入与上面相同的密码"}
|
|||
|
|
},
|
|||
|
|
submitHandler: function(form){
|
|||
|
|
// loading('正在提交，请稍等...');
|
|||
|
|
form.submit();
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
errorContainer: "#messageBox",
|
|||
|
|
errorPlacement: function(error, element) {
|
|||
|
|
$("#messageBox").text("输入有误，请先更正。");
|
|||
|
|
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
|
|||
|
|
error.appendTo(element.parent().parent());
|
|||
|
|
} else {
|
|||
|
|
error.insertAfter(element);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if(inputForm.valid()){
|
|||
|
|
// loading("正在提交，请稍等...");
|
|||
|
|
inputForm.submit();
|
|||
|
|
top.layer.close(index);//关闭对话框。
|
|||
|
|
}else{
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
cancel: function(index){
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("#userInfoBtn").click(function(){
|
|||
|
|
top.layer.open({
|
|||
|
|
type: 2,
|
|||
|
|
area: [width, height],
|
|||
|
|
title:"个人信息编辑",
|
|||
|
|
content: "${ctx}/sys/user/infoEdit" ,
|
|||
|
|
btn: ['确定', '关闭'],
|
|||
|
|
yes: function(index, layero){
|
|||
|
|
var body = top.layer.getChildFrame('body', index);
|
|||
|
|
var inputForm = body.find('#inputForm');
|
|||
|
|
var top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
|
|||
|
|
inputForm.attr("target",top_iframe);//表单提交成功后，从服务器返回的url在当前tab中展示
|
|||
|
|
inputForm.validate();
|
|||
|
|
if(inputForm.valid()){
|
|||
|
|
// loading("正在提交，请稍1等...");
|
|||
|
|
inputForm.submit();
|
|||
|
|
}else{
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
top.layer.close(index);//关闭对话框。
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
cancel: function(index){
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("#userImageBtn").click(function(){
|
|||
|
|
top.layer.open({
|
|||
|
|
type: 2,
|
|||
|
|
area: [width, height],
|
|||
|
|
title:"上传头像",
|
|||
|
|
content: "${ctx}/sys/user/imageEdit" ,
|
|||
|
|
// btn: ['确定', '关闭'],
|
|||
|
|
yes: function(index, layero){
|
|||
|
|
var body = top.layer.getChildFrame('body', index);
|
|||
|
|
var inputForm = body.find('#inputForm');
|
|||
|
|
var top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
|
|||
|
|
inputForm.attr("target",top_iframe);//表单提交成功后，从服务器返回的url在当前tab中展示
|
|||
|
|
inputForm.validate();
|
|||
|
|
if(inputForm.valid()){
|
|||
|
|
loading("正在提交，请稍等...");
|
|||
|
|
inputForm.submit();
|
|||
|
|
}else{
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
top.layer.close(index);//关闭对话框。
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
cancel: function(index){
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
<style type="text/css">
|
|||
|
|
.bqys{
|
|||
|
|
background: #008B8B;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
border: 1px solid #379082;
|
|||
|
|
float: right;
|
|||
|
|
margin-right: 5px;
|
|||
|
|
padding: 2px 4px;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body style="width: 100%;height: auto;">
|
|||
|
|
<div class="ibox-title">
|
|||
|
|
<h5>个人资料</h5>
|
|||
|
|
<div class="ibox-tools">
|
|||
|
|
<div class="bqys"><a id="userImageBtn" data-toggle="modal" data-target="#register" style="color: #FFFFFF;">更换头像 </a></div>
|
|||
|
|
<div class="bqys"><a id="userInfoBtn" data-toggle="modal" data-target="#register" style="color: #FFFFFF;">编辑资料 </a></div>
|
|||
|
|
<div class="bqys"><a id="userPassWordBtn" data-toggle="modal" data-target="#register" style="color: #FFFFFF;">更换密码 </a></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ibox-content">
|
|||
|
|
<table class="table table-bordered table-condensed dataTables-example dataTable no-footer">
|
|||
|
|
<tbody>
|
|||
|
|
<tr>
|
|||
|
|
<td class="width-15 active"><label class="pull-right">姓名：</label></td>
|
|||
|
|
<td class="width-35">
|
|||
|
|
${user.name}
|
|||
|
|
</td>
|
|||
|
|
<td class="width-15" rowspan="3" colspan="2">
|
|||
|
|
<div style="width: 100%;height: 100%;text-align: center;">
|
|||
|
|
<img alt="image" class="img-responsive" src="${user.photo }" class="img-rcircle" style="width: 90px;height: 90px;border-radius: 10px; border: 1px solid #379082;" />
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td class="width-15 active"><label class="pull-right">邮箱：</label></td>
|
|||
|
|
<td class="width-35" >
|
|||
|
|
${user.email}
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td class="width-15 active"><label class="pull-right">用户类型：</label></td>
|
|||
|
|
<td class="width-35" >
|
|||
|
|
${fns:getDictLabel(user.userType, 'sys_user_type', '无')}
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td class="width-15 active"><label class="pull-right">手机：</label></td>
|
|||
|
|
<td class="width-35">
|
|||
|
|
${user.mobile}
|
|||
|
|
</td>
|
|||
|
|
<td class="width-15 active"><label class="pull-right">电话：</label></td>
|
|||
|
|
<td class="width-35" >
|
|||
|
|
${user.phone}
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td class="width-15 active"><label class="pull-right">公司：</label></td>
|
|||
|
|
<td class="width-35">
|
|||
|
|
${user.company.name}
|
|||
|
|
</td>
|
|||
|
|
<td class="width-15 active"><label class="pull-right">部门：</label></td>
|
|||
|
|
<td class="width-35" >
|
|||
|
|
${user.office.name}
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td class="width-15 active"><label class="pull-right">用户角色：</label></td>
|
|||
|
|
<td class="width-35" colspan="3">
|
|||
|
|
${user.roleNames}
|
|||
|
|
</td>
|
|||
|
|
|
|||
|
|
</tr>
|
|||
|
|
|
|||
|
|
<tr>
|
|||
|
|
<td class="width-15 active" style="height: 80px;"><label class="pull-right">备注</label></td>
|
|||
|
|
<td class="width-35" colspan="3">
|
|||
|
|
${user.remarks}
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<br>
|
|||
|
|
<br>
|
|||
|
|
<br>
|
|||
|
|
<div style="width: 100%;height: 100%;text-align: center;">
|
|||
|
|
<strong>上次登录</strong>
|
|||
|
|
IP: ${user.oldLoginIp} <br/>时间：<fmt:formatDate value="${user.oldLoginDate}" type="both" dateStyle="full"/>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|