From 73b48dd59a2d47b365b87784371c4ef57dde659b Mon Sep 17 00:00:00 2001
From: Oliver <1070107765@qq.com>
Date: 星期四, 22 十二月 2022 11:17:47 +0800
Subject: [PATCH] 首页新增
---
src/views/layout/components/Header/updatePassword/index.vue | 67 ++++++++++++++++-----------------
1 files changed, 32 insertions(+), 35 deletions(-)
diff --git a/src/views/layout/components/Header/updatePassword/index.vue b/src/views/layout/components/Header/updatePassword/index.vue
index 5e5c04c..b75e94e 100644
--- a/src/views/layout/components/Header/updatePassword/index.vue
+++ b/src/views/layout/components/Header/updatePassword/index.vue
@@ -2,16 +2,16 @@
<div class="createUser">
<main>
<div class="mainContent">
- <el-form ref="password" label-width="140px" :rules="passwordRules" autoComplete="on" :model="password"
- label-position="right">
- <el-form-item class="optionItem" label="褰撳墠瀵嗙爜:" prop="oldPassword">
- <el-input type="password" v-model="password.oldPassword" placeholder="璇峰～鍐欏綋鍓嶅瘑鐮�"></el-input>
+ <el-form ref="password" label-width="120px" :rules="passwordRules" autoComplete="on" :model="password"
+ label-position="right">
+ <el-form-item class="optionItem" label="褰撳墠瀵嗙爜:" prop="oldPassword" show-password>
+ <el-input type="password" v-model="password.oldPassword" placeholder="璇峰～鍐欏綋鍓嶅瘑鐮�" show-password> </el-input>
</el-form-item>
- <el-form-item class="optionItems" label="鏂板瘑鐮�:" prop="newPassword">
- <el-input type="password" v-model="password.newPassword" placeholder="璇峰～鍐欐柊瀵嗙爜"></el-input>
+ <el-form-item class="optionItems" label="鏂板瘑鐮�:" prop="newPassword" show-password>
+ <el-input type="password" v-model="password.newPassword" placeholder="璇峰～鍐欐柊瀵嗙爜" show-password></el-input>
</el-form-item>
- <el-form-item class="optionItems" label="纭畾鏂板瘑鐮�:" prop="confirmPassword">
- <el-input type="password" v-model="password.confirmPassword" placeholder="璇峰啀娆″～鍐欐柊瀵嗙爜"></el-input>
+ <el-form-item class="optionItems" label="纭畾鏂板瘑鐮�:" prop="confirmPassword" >
+ <el-input type="password" v-model="password.confirmPassword" placeholder="璇峰啀娆″～鍐欐柊瀵嗙爜" show-password></el-input>
</el-form-item>
<el-form-item class="optionItems">
<el-button type="primary" @click="onSubmit">鎻愪氦</el-button>
@@ -27,20 +27,12 @@
export default {
data() {
const validatePass = (rule, value, callback) => {
- if (!value) {
- callback(new Error("鐢ㄦ埛瀵嗙爜涓嶈兘涓虹┖"));
- } else {
- if (value.length < 6 || value.length > 16) {
- callback(new Error("鐢ㄦ埛瀵嗙爜闀垮害涓嶅悎娉�"));
- } else {
- const rep = /^\w+$/;
- if (!rep.test(value)) {
- callback(new Error("瀵嗙爜鍙兘鏄互鏁板瓧銆�26涓嫳鏂囧瓧姣嶆垨鑰呬笅鍒掔嚎缁勬垚鐨勫瓧绗︿覆"));
+ var rep =/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[a-zA-Z0-9]{8,16}$/;
+ if (!rep.test(value) ) {
+ callback(new Error("瀵嗙爜闀垮害8鍒�16浣嶄笖瀵嗙爜涓殑瀛楃蹇呴』鍖呭惈瀛楁瘝澶у啓鍜屽瓧姣嶅皬鍐欏拰蹇呴』鍖呭惈鏁板瓧锛屼笉鑳藉寘鍚┖鏍�"));
} else {
callback();
}
- }
- }
};
return {
updatePasswordParam: {
@@ -55,16 +47,16 @@
},
passwordRules: {
newPassword: [
- {required: true, trigger: 'blur', message: '瀵嗙爜涓嶈兘涓虹┖'},
- {validator: validatePass, trigger: 'blur'}
+ { required: true, trigger: 'blur', message: '鏂板瘑鐮佷笉鑳戒负绌�' },
+ { validator: validatePass, trigger: 'blur' }
],
oldPassword: [
- {required: true, trigger: 'blur', message: '鏂板瘑鐮佷笉鑳戒负绌�'},
- {validator: validatePass, trigger: 'blur'}
+ { required: true, trigger: 'blur', message: '褰撳墠瀵嗙爜涓嶈兘涓虹┖' },
+ // { validator: validatePass, trigger: 'blur' }
],
confirmPassword: [
- {required: true, trigger: 'blur', message: '鏂板瘑鐮佷笉鑳戒负绌�'},
- {validator: validatePass, trigger: 'blur'}
+ { required: true, trigger: 'blur', message: '鏂板瘑鐮佷笉鑳戒负绌�' },
+ { validator: validatePass, trigger: 'blur' }
],
}
}
@@ -79,22 +71,22 @@
this.updatePasswordParam.username = sessionStorage.getItem('name');
this.updatePasswordParam.newPassword = this.password.newPassword;
users.updatePassword(this.updatePasswordParam)
- .then(() => {
- this.$message.success('淇敼瀵嗙爜鎴愬姛, 鍗冲皢閲嶆柊鐧诲綍');
- this.logout();
- location.reload();
- })
- .catch(err => this.$message.error(err))
+ .then(() => {
+ this.$message.success('淇敼瀵嗙爜鎴愬姛, 鍗冲皢閲嶆柊鐧诲綍');
+ this.logout();
+ location.reload();
+ })
+ .catch(err => this.$message.error(err))
}
})
}
,
logout() {
users.logout()
- .then(() => {
- sessionStorage.clear();
- })
- .catch(err => this.$message.error(err))
+ .then(() => {
+ sessionStorage.clear();
+ })
+ .catch(err => this.$message.error(err))
}
},
}
@@ -161,5 +153,10 @@
background-color: #09152f;
border: 1px solid #17324c;
}
+
+ ::v-deep .el-form-item__error {
+ position:unset;
+}
+
}
</style>
--
Gitblit v1.8.0