148 lines
6.7 KiB
HTML
148 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>修改密码</title>
|
||
<meta name="renderer" content="webkit">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<link rel="stylesheet" href="../lib/layui-v2.5.5/css/layui.css" media="all">
|
||
<link rel="stylesheet" href="../css/public.css" media="all">
|
||
<style>
|
||
.layui-form-item .layui-input-company {
|
||
width: auto;
|
||
padding-right: 10px;
|
||
line-height: 38px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="layuimini-container">
|
||
<div class="layuimini-main">
|
||
|
||
<div class="layui-form layuimini-form">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">旧密码</label>
|
||
<div class="layui-input-block">
|
||
<input type="password" name="old_password" lay-verify="required" lay-reqtext="旧的密码不能为空"
|
||
placeholder="请输入旧的密码" value="" class="layui-input">
|
||
<tip>填写自己账号的旧的密码。</tip>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">新密码</label>
|
||
<div class="layui-input-block">
|
||
<input type="password" name="new_password" lay-verify="required" lay-reqtext="新的密码不能为空"
|
||
placeholder="请输入新的密码" value="" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">确认新密码</label>
|
||
<div class="layui-input-block">
|
||
<input type="password" name="again_password" lay-verify="required" lay-reqtext="新的密码不能为空"
|
||
placeholder="请输入新的密码" value="" class="layui-input">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-block">
|
||
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
||
<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
|
||
<script src="../js/md5/md5.js" charset="utf-8"></script>
|
||
<script src="../../js/PublicParameters/PublicParameters.js" charset="utf-8"></script>
|
||
<script>
|
||
layui.use(['form', 'miniTab'], function () {
|
||
var $ = layui.jquery,
|
||
form = layui.form,
|
||
layer = layui.layer,
|
||
miniTab = layui.miniTab;
|
||
|
||
//监听提交
|
||
form.on('submit(saveBtn)', function (data) {
|
||
var old_password = data.field.old_password;
|
||
var new_password = data.field.new_password;
|
||
var again_password = data.field.again_password;
|
||
|
||
if (again_password != new_password) {
|
||
return layer.msg('确认新密码与输入的新密码不一致，请检查!');
|
||
}
|
||
|
||
var CurrUserInfo = layui.sessionData('CurrUserInfo');
|
||
var CurrUserID = CurrUserInfo.data.userid;
|
||
|
||
//获取用户数据
|
||
$.ajax({
|
||
url: apiUrl + "/api/services/app/UserInfo/Get", //请求的url地址
|
||
dataType: "json", //返回格式为json
|
||
//async: false,//请求是否异步，默认为异步，这也是ajax重要特性
|
||
data: { id: CurrUserID }, //参数值
|
||
type: "GET", //请求方式
|
||
success: function (req) {
|
||
//请求成功时处理
|
||
var data = req.result;
|
||
var currpassword = data.passWord;
|
||
var old_passwordToMD5 = b64_md5(old_password);
|
||
if (old_passwordToMD5 != currpassword) {
|
||
return layer.msg('输入的旧密码与当前账号的密码不一致，请检查!');
|
||
}
|
||
|
||
var new_passwordToMD5 = b64_md5(new_password);
|
||
$.ajax({
|
||
url: apiUrl + "/api/services/app/UserInfo/ChangePassWord", //请求的url地址
|
||
dataType: "json", //返回格式为json
|
||
//async: false,//请求是否异步，默认为异步，这也是ajax重要特性
|
||
contentType: 'application/json',
|
||
data: JSON.stringify({
|
||
id: CurrUserID,
|
||
new_password: new_passwordToMD5,
|
||
}), //参数值
|
||
type: "POST", //请求方式
|
||
success: function (req) {
|
||
//请求成功时处理
|
||
layer.open({
|
||
type: 1
|
||
, offset: 'auto' //具体配置参考：offset参数项
|
||
, content: '<div style="padding: 20px 80px;">密码修改成功，请重新登录！</div>'
|
||
, btn: '确认'
|
||
, btnAlign: 'c' //按钮居中
|
||
, shade: 0 //不显示遮罩
|
||
, yes: function () {
|
||
layer.closeAll();
|
||
layui.sessionData('UserInfo', null);
|
||
layui.sessionData('CurrUserInfo', null);
|
||
window.parent.location = 'login.html';
|
||
}
|
||
});
|
||
},
|
||
error: function () {
|
||
/*错误信息处理*/
|
||
layer.alert("密码修改失败，请重试！");
|
||
return false;
|
||
},
|
||
});
|
||
|
||
|
||
},
|
||
error: function () {
|
||
/*错误信息处理*/
|
||
layer.msg("获取用户信息失败，请重试！");
|
||
return false;
|
||
},
|
||
});
|
||
return false;
|
||
});
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html> |