218 lines
8.1 KiB
HTML
218 lines
8.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css">
|
||
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../css/font-awesome/css/font-awesome.css">
|
||
|
|
<link rel="stylesheet" href="../../js/layui-v2.6.8/css/layui.css" media="all">
|
||
|
|
<link rel="stylesheet" href="../../css/dataForm.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
||
|
|
<form class="form-horizontal layui-form" onsubmit="return false" id="form">
|
||
|
|
<fieldset>
|
||
|
|
<input type="hidden" id="id" name="id">
|
||
|
|
<div class="layui-form-item" style="margin-top: 2%;">
|
||
|
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>旧密码</label>
|
||
|
|
<div class="layui-input-inline password">
|
||
|
<input class="form-control layui-input secret1 " placeholder="旧密码" type="password" name="oldP" id="oldP" maxlength="50"
|
||
|
|
lay-verify="required">
|
||
|
|
<span class="eyes1">
|
||
|
|
<img class="secreteyes1 fa" src="../../img/by.gif"> <!-- 闭眼 -->
|
||
|
|
<img class="secreteyesk1 none fa" src="../../img/ky.gif">
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item" style="margin-top: 2%;">
|
||
|
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>新密码</label>
|
||
|
|
<div class="layui-input-inline password1">
|
||
|
|
<input class="form-control layui-input secret2" placeholder="新密码" type="password" name="newP1" id="pas sword" maxlength="50 "
|
||
|
|
data-bv-notempty="true"
|
||
|
|
data-bv-notempty-message="新密码 不能为空"
|
||
|
|
|
||
|
|
data-bv-identi cal="true"
|
||
|
|
data-bv-identical-field="newP2"
|
||
|
|
data-bv-identical-message="两次密码不一致">
|
||
|
|
<span class="eyes2">
|
||
|
|
<img class="secreteyes2 fa" src="../../img/by.gif"> <!-- 闭眼 -->
|
||
|
|
<img class="secreteyesk2 none fa" src="../../img/ky.gif">
|
||
|
|
</span>
|
||
|
|
<span id="password-error" style="color: red;"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item" style="margin-top: 2%;">
|
||
|
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>确认密码</label>
|
||
|
|
<div class="layui-input-inline password2">
|
||
|
|
<input class="form-control layui-input secret3" placeholder="再次输入新密码" type="password" name="newP2" id="newP2" maxlength="50"
|
||
|
|
data-bv-notempty="true"
|
||
|
|
data-bv-notempty-message="再次输入新密码"
|
||
|
|
data-bv-identical="true"
|
||
|
|
data-bv-identical-field="newP1"
|
||
|
|
data-bv-identical-message="两次密码不一致">
|
||
|
|
<span class="eyes3">
|
||
|
|
<img class="secreteyes3 fa" src="../../img/by.gif"> <!-- 闭眼 -->
|
||
|
|
<img class="secreteyesk3 none fa" src="../../img/ky.gif">
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button type="submit" id="formSubmit" class="layui-btn" lay-submit="" lay-filter="formData"
|
||
|
|
style="display: none;"></button>
|
||
|
|
|
||
|
|
<div class="form-actions">
|
||
|
|
<div class="row" align="center">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<button class="btn btn-primary" onclick="closePage()">返回</button>
|
||
|
|
<button class="btn btn-primary" type="submit" onclick="updateClick()">
|
||
|
|
<i class="fa fa-save"></i> 保存
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</fieldset>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<script type="text/javascript" src="../../js/libs/jquery-3.7.0.min.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/jq.js"></script>
|
||
|
|
<script type="text/javascript" src="../../layui/layui.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/plugin/bootstrapvalidator/bootstrapValidator.min.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/publicJs.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/common.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/my/aes.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/ajaxRequest.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var a = 0;
|
||
|
|
var b = 0;
|
||
|
|
var c= 0;
|
||
|
|
$(".secreteyesk1").hide();
|
||
|
|
$(".secreteyesk2").hide();
|
||
|
|
$(".secreteyesk3").hide();
|
||
|
|
$('.eyes1').click(function() {
|
||
|
|
a += 1;
|
||
|
|
if (a % 2 == 0) {
|
||
|
|
$('.secreteyesk1').hide();
|
||
|
|
$('.secreteyes1').show();
|
||
|
|
$('.secret1').prop('type', 'password');
|
||
|
|
} else if (a % 2 != 0) {
|
||
|
|
$('.secreteyes1').hide();
|
||
|
|
$('.secreteyesk1').show();
|
||
|
|
$('.secret1').prop('type', 'text');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
$('.eyes2').click(function() {
|
||
|
|
b += 1;
|
||
|
|
if (b % 2 == 0) {
|
||
|
|
$('.secreteyesk2').hide();
|
||
|
|
$('.secreteyes2').show();
|
||
|
|
$('.secret2').prop('type', 'password');
|
||
|
|
} else if (b % 2 != 0) {
|
||
|
|
$('.secreteyes2').hide();
|
||
|
|
$('.secreteyesk2').show();
|
||
|
|
$('.secret2').prop('type', 'text');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
$('.eyes3').click(function() {
|
||
|
|
c += 1;
|
||
|
|
if (c % 2 == 0) {
|
||
|
|
$('.secreteyesk3').hide();
|
||
|
|
$('.secreteyes3').show();
|
||
|
|
$('.secret3').prop('type', 'password');
|
||
|
|
} else if (c % 2 != 0) {
|
||
|
|
$('.secreteyes3').hide();
|
||
|
|
$('.secreteyesk3').show();
|
||
|
|
$('.secret3').prop('type', 'text');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var passwordError = document.getElementById('password-error');
|
||
|
|
function setParams(params) {
|
||
|
|
layui.use(['form', 'layer', 'util'], function () {
|
||
|
|
layer = layui.layer;
|
||
|
|
form = layui.form;
|
||
|
|
util = layui.util;
|
||
|
|
var $ = layui.jquery;
|
||
|
|
form.render();
|
||
|
|
form.verify();
|
||
|
|
form.on('submit(formData)', function (data) {
|
||
|
|
update(data);
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function updateClick() {
|
||
|
|
$('#formSubmit').trigger('click')
|
||
|
|
}
|
||
|
|
|
||
|
|
function update() {
|
||
|
|
$('#form').bootstrapValidator();
|
||
|
|
var bootstrapValidator = $("#form").data('bootstrapValidator');
|
||
|
|
bootstrapValidator.validate();
|
||
|
|
if(!bootstrapValidator.isValid()){
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var formdata = $("#form").serializeObject();
|
||
|
|
|
||
|
|
getPasswordConfig(function(data) {
|
||
|
|
var passwordPattern = data.passwordRegex;
|
||
|
|
var passwordTip = data.tip;
|
||
|
|
|
||
|
|
var passwordRegex = new RegExp(passwordPattern);
|
||
|
|
|
||
|
|
if (passwordRegex.test(formdata.newP1)) {
|
||
|
|
passwordError.textContent = ''; // 清空错误信息
|
||
|
|
} else if (formdata.newP1 === '') {
|
||
|
|
passwordError.textContent = ''; // 清空错误信息
|
||
|
|
} else {
|
||
|
|
passwordError.textContent = passwordTip;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
console.log(formdata)
|
||
|
|
var params={
|
||
|
|
encryptedData:encryptCBC(JSON.stringify(formdata))
|
||
|
|
}
|
||
|
|
let url = dataUrl + "/users/changePassword";
|
||
|
|
console.log(params)
|
||
|
|
ajaxRequest(url, "POST", params, true, function () {}, function (result) {
|
||
|
|
console.log(result)
|
||
|
|
if (result.status === 200) {
|
||
|
|
// layer.alert(result.msg, {icon: 2})
|
||
|
|
closePage()
|
||
|
|
parent.layer.msg(result.msg, {icon: 1});
|
||
|
|
} else {
|
||
|
|
layer.alert(result.msg, {icon: 2})
|
||
|
|
}
|
||
|
|
}, function (xhr) {
|
||
|
|
error(xhr)
|
||
|
|
});
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
function getPasswordConfig(callback) {
|
||
|
|
let url = dataUrl + "/users/getPasswordConfig"
|
||
|
|
ajaxRequest(url, "POST", null, true, function () {}, function (result) {
|
||
|
|
// layer.close(loadingMsg); // 关闭提示层
|
||
|
|
if (result.status === 200) {
|
||
|
|
callback(result.data);
|
||
|
|
} else if (result.status === 500) {
|
||
|
|
layer.alert(result.msg, {icon: 2})
|
||
|
|
}
|
||
|
|
}, function (xhr) {
|
||
|
|
error(xhr)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function closePage(type) {
|
||
|
|
let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
|
|
parent.layer.close(index); //再执行关闭
|
||
|
|
if (type === 1) {
|
||
|
|
// parent.getDictLIst()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|