gfwleak/k18-ntcs-web-ntc
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改个人信息及修改密码界面样式

Browse Source
This commit is contained in:
zhanghongqing
2018-03-21 14:49:49 +08:00
parent f92ae2dda4
commit a62a7ce2c7
2 changed files with 145 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
src/main/webapp/WEB-INF/views/sys/userInfo.jsp
View File

@@ -1,75 +1,114 @@
<%@ page contentType="text/html;charset=UTF-8" %> <%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%> <%@ include file="/WEB-INF/include/taglib.jsp"%>
<html> <html>
<head> <head>
<title>个人信息</title> <title>个人信息</title>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(
$("#inputForm").validate({ function() {
submitHandler: function(form){ $("#inputForm")
.validate(
{
submitHandler : function(form) {
loading('正在提交，请稍等...'); loading('正在提交，请稍等...');
form.submit(); form.submit();
}, },
errorContainer: "#messageBox", errorContainer : "#messageBox",
errorPlacement: function(error, element) { errorPlacement : function(error, element) {
$("#messageBox").text("输入有误，请先更正。"); $("#messageBox").text("输入有误，请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){ if (element.is(":checkbox")
error.appendTo(element.parent().parent()); || element.is(":radio")
|| element.parent().is(
".input-append")) {
error.appendTo(element.parent()
.parent());
} else { } else {
error.insertAfter(element); error.insertAfter(element);
} }
} }
}); });
}); });
</script> </script>
</head> </head>
<body> <body>
<div class="page-content">
<div class="row">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/sys/user/info">个人信息</a></li> <li class="active"><a href="${ctx}/sys/user/info">个人信息</a></li>
<li><a href="${ctx}/sys/user/modifyPwd">修改密码</a></li> <li><a href="${ctx}/sys/user/modifyPwd">修改密码</a></li>
</ul><br/> </ul>
<form:form id="inputForm" modelAttribute="user" action="${ctx}/sys/user/info" method="post" class="form-horizontal"> <br />
<sys:message content="${message}"/> <div class="col-md-12">
<div class="portlet box blue">
<div class="control-group"> <div class="portlet-title">
<label class="control-label">头像:</label> <div class="caption">
<div class="controls"> <i class="fa fa-gift"></i>
<form:hidden id="nameImage" path="photo" htmlEscape="false" maxlength="255" class="input-xlarge"/> <spring:message code="userInfo" />
<sys:ckfinder input="nameImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/> </div>
</div>
<div class="portlet-body form">
<form:form id="inputForm" modelAttribute="user"
action="${ctx}/sys/user/info" method="post"
class="form-horizontal form-striped">
<sys:message content="${message}" />
<div class="form-body">
<div class="form-group">
<label class="col-md-3 control-label">头像:</label>
<div class="col-md-4">
<form:hidden id="nameImage" path="photo" htmlEscape="false"
maxlength="255" class="input-xlarge" />
<sys:ckfinder input="nameImage" type="images"
uploadPath="/photo" selectMultiple="false" maxWidth="100"
maxHeight="100" />
</div> </div>
</div> </div>
<div class="control-group"> <div class="form-group">
<label class="control-label">姓名:</label> <label class="col-md-3 control-label">姓名:</label>
<div class="controls"> <div class="col-md-4">
<form:input path="name" htmlEscape="false" maxlength="50" class="required" readonly="true"/> <form:input path="name" htmlEscape="false" maxlength="50"
class="required form-control" readonly="true" />
</div> </div>
</div> </div>
<div class="control-group"> <div class="form-group">
<label class="control-label">邮箱:</label> <label class="col-md-3 control-label">邮箱:</label>
<div class="controls"> <div class="col-md-4">
<form:input path="email" htmlEscape="false" maxlength="50" class="email"/> <form:input path="email" htmlEscape="false" maxlength="50"
class="email form-control" />
</div> </div>
</div> </div>
<div class="control-group"> <div class="form-group">
<label class="control-label">用户部门:</label> <label class="col-md-3 control-label">用户部门:</label>
<div class="controls"> <div class="col-md-4">
<label class="lbl">${user.office.name}</label> <label class="lbl control-label">${user.office.name}</label>
</div> </div>
</div> </div>
<div class="control-group"> <div class="form-group">
<label class="control-label">用户角色:</label> <label class="col-md-3 control-label">用户角色:</label>
<div class="controls"> <div class="col-md-4">
<label class="lbl">${user.roleNames}</label> <label class="lbl control-label">${user.roleNames}</label>
</div>
</div> </div>
</div> </div>
<div class="form-actions"> <div class="form-actions">
<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/> <div class="row">
<div class="col-md-offset-3 col-md-9">
<button id="btnSubmit" type="submit" class="btn btn-primary">
<spring:message code="submit"></spring:message>
</button>
</div>
</div>
</div> </div>
</form:form> </form:form>
</div>
</div>
</div>
</div>
</div>
</body> </body>
</html> </html>

54
src/main/webapp/WEB-INF/views/sys/userModifyPwd.jsp
View File

@@ -3,7 +3,7 @@
<html> <html>
<head> <head>
<title>修改密码</title> <title>修改密码</title>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
$("#oldPassword").focus(); $("#oldPassword").focus();
$("#inputForm").validate({ $("#inputForm").validate({
@@ -30,37 +30,61 @@
</script> </script>
</head> </head>
<body> <body>
<div class="page-content">
<div class="row">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<li><a href="${ctx}/sys/user/info">个人信息</a></li> <li><a href="${ctx}/sys/user/info">个人信息</a></li>
<li class="active"><a href="${ctx}/sys/user/modifyPwd">修改密码</a></li> <li class="active"><a href="${ctx}/sys/user/modifyPwd">修改密码</a></li>
</ul><br/> </ul><br/>
<div class="col-md-12">
<div class="portlet box blue">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-gift"></i>
<spring:message code="updatePwd" />
</div>
</div>
<div class="portlet-body form">
<form:form id="inputForm" modelAttribute="user" action="${ctx}/sys/user/modifyPwd" method="post" class="form-horizontal"> <form:form id="inputForm" modelAttribute="user" action="${ctx}/sys/user/modifyPwd" method="post" class="form-horizontal">
<form:hidden path="id"/> <form:hidden path="id"/>
<sys:message content="${message}"/> <sys:message content="${message}"/>
<div class="control-group"> <div class="form-body">
<label class="control-label">旧密码:</label> <div class="form-group">
<div class="controls"> <label class="col-md-3 control-label">旧密码:</label>
<input id="oldPassword" name="oldPassword" type="password" value="" maxlength="50" minlength="3" class="required"/> <div class="col-md-4">
<input id="oldPassword" name="oldPassword" type="password" value="" maxlength="50" minlength="3" class="required form-control"/>
</div>
<span class="help-inline"><font color="red">*</font> </span> <span class="help-inline"><font color="red">*</font> </span>
</div> </div>
<div class="form-group">
<label class="col-md-3 control-label">新密码:</label>
<div class="col-md-4">
<input id="newPassword" name="newPassword" type="password" value="" maxlength="50" minlength="3" class="required form-control"/>
</div> </div>
<div class="control-group">
<label class="control-label">新密码:</label>
<div class="controls">
<input id="newPassword" name="newPassword" type="password" value="" maxlength="50" minlength="3" class="required"/>
<span class="help-inline"><font color="red">*</font> </span> <span class="help-inline"><font color="red">*</font> </span>
</div> </div>
<div class="form-group">
<label class="col-md-3 control-label">确认新密码:</label>
<div class="col-md-4">
<input id="confirmNewPassword" name="confirmNewPassword" type="password" value="" maxlength="50" minlength="3" class="required form-control" equalTo="#newPassword"/>
</div> </div>
<div class="control-group">
<label class="control-label">确认新密码:</label>
<div class="controls">
<input id="confirmNewPassword" name="confirmNewPassword" type="password" value="" maxlength="50" minlength="3" class="required" equalTo="#newPassword"/>
<span class="help-inline"><font color="red">*</font> </span> <span class="help-inline"><font color="red">*</font> </span>
</div> </div>
</div>
<div class="form-actions"> <div class="form-actions">
<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/> <div class="row">
<div class="col-md-offset-3 col-md-9">
<button id="btnSubmit" type="submit" class="btn btn-primary">
<spring:message code="submit"></spring:message>
</button>
</div>
</div>
</div>
</div> </div>
</form:form> </form:form>
</div>
</div>
</div>
</div>
</div>
</body> </body>
</html> </html>