Commit d1c07722 authored by agping's avatar agping

修改密码

parent 5fdab92d
......@@ -99,6 +99,98 @@
.divider{
background-color: #F8F9FB !important;
}
/*修改密码*/
.edit-area{
width: 416px;
height: 280px;
box-sizing: border-box;
background-color: white;
position: relative;
top: 50%;
left: 50%;
margin-left: -220px;
padding: 30px 30px 0;
}
.edit-area>p:nth-of-type(1){
font-size: 24px;
color: #333;
font-weight: bold;
padding-bottom: 20px;
}
.edit-area>p:nth-of-type(2){
overflow: hidden;
}
.edit-area>p:nth-of-type(2)>span:nth-of-type(1){
float: left;
width: 32px;
height: 6px;
background-color: #FF9419;
}
.edit-area>p:nth-of-type(2)>span:nth-of-type(2){
float: left;
margin-left: 24px;
width: 6px;
height: 6px;
background-color: #FF9419;
}
.edit-area>div.input-area{
padding-top: 40px;
padding-bottom: 20px;
overflow: hidden;
border-bottom: 1px solid #ccc;
}
.edit-area>div.input-area-active{
border-bottom: 1px solid #FF9419;
}
.edit-area>div.input-area>div.img-cell{
float: left;
width: 14px;
height: 18px;
margin-right: 20px;
}
.edit-area>div.input-area>input{
float: left;
outline: none;
box-sizing: border-box;
border: 0;
padding: 0;
font-size: 14px;
}
.edit-area>div.btn-area{
overflow: hidden;
padding-top: 50px;
}
.edit-area>div.btn-area>a{
float: left;
width: 320px;
height: 50px;
line-height: 50px;
text-align: center;
text-decoration: none;
color: white;
}
.main-modify-password{
position: relative;
}
.img-cell6{
width: 100px;
float: left;
color: #333;
top: -2px;
}
.main-modify-password div.input-area>input{
float: left;
outline: none;
box-sizing: border-box;
border: 0;
padding: 0;
font-size: 15px;
width: 116px;
margin-left: 100px;
}
.main-modify-password .edit-area>div.input-area{
padding-top: 20px;
}
</style>
</head>
<body>
......@@ -115,7 +207,7 @@
<button class="btn btn-default dropdown-toggle new_btn" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"></button>
<i><img src="/resource/image/Path20@1x.png" class="down_control"></i>
<ul class="dropdown-menu c-user" aria-labelledby="dropdownMenu1" style="left: 26px;">
<li><a href="#">修改密码</a></li>
<li><a href="#modal-changePassword" data-toggle="modal" class="reset-con">修改密码</a></li>
<li role="separator" class="divider"></li>
<li><a href="/index/logout" id="logout">退出登录</a></li>
</ul>
......@@ -138,3 +230,86 @@
</div>
</body>
</html>
<!-- /#修改密码弹窗 -->
<div class="modal fade" id="modal-changePassword" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title">
修改密码
</h4>
</div>
<div class="modal-body">
<div class="main-modify-password">
<div class="edit-area">
<div class="input-area">
<div class="img-cell6">原密码:</div>
<input type="password" placeholder="请输入原密码" id="passwdmodify" />
</div>
<div class="input-area">
<div class="img-cell6">新密码:</div>
<input type="password" placeholder="请输入新密码" id="new_passwdmodify" />
</div>
<div class="input-area">
<div class="img-cell6">密码确认:</div>
<input type="password" placeholder="再次输入密码" id="confirm_passwdmodify" />
</div>
<!--<div class="btn-area">
<a href="javascript:;" id="btn_loginmodify">提交</a>
<a href="javascript:;" id="btn_login_temp">正在登录...</a>
</div>-->
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消
</button>
<button type="button" class="btn btn-primary btn-guanbi" id="confirm_tijiao">
确认
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<script>
window.onload = function(){
$(document).on('click', '.reset-con', function(e) {
e.preventDefault();
e.stopPropagation();
$('#passwdmodify').val('');//置空密码框内容
$('#new_passwdmodify').val('');
$('#confirm_passwdmodify').val('');
});
//修改密码
$(document).on('click', '#confirm_tijiao', function(e) {
$.ajax({
'type': 'POST',
'url': '/index/modifyAgentPassword',
data: {
"agent_id": JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))).id,
"old_password": $('#passwdmodify').val(),
"new_password": $('#new_passwdmodify').val(),
"confirm_password": $('#confirm_passwdmodify').val()
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
alert('修改成功!');
//修改成功 关闭弹窗
$("#modal-changePassword").modal('hide');//提交成功后 关闭弹窗
}else{
alert(data.msg)
}
}
});
});
}
</script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment