From 6f6cec5dccd4eae851ef27d820db17ab3b20473d Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 23 十月 2024 16:54:42 +0800
Subject: [PATCH] 18443
---
src/views/login/index.vue | 61 ++++++++++++++++++------------
1 files changed, 36 insertions(+), 25 deletions(-)
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 019ad5a..46ce712 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -4,7 +4,7 @@
label-position="left">
<div class="title-container">
- <h3 class="title">姹熻タ璇煶瑙嗛鍩硅绯荤粺</h3>
+ <h3 class="title">璇煶瑙嗛鍩硅绯荤粺</h3>
</div>
<el-form-item prop="userName">
@@ -63,8 +63,8 @@
:show-close="false"
>
<div style="margin-bottom: 10px; color: #aa1111">鎮ㄧ殑瀵嗙爜宸茬粡杩囨湡锛岃閲嶆柊璁剧疆~</div>
- <el-form :model="updatePasswordForm">
- <el-form-item label="鏂板瘑鐮�">
+ <el-form ref="updatePasswordForm" :model="updatePasswordForm" :rules="updatePasswordRules">
+ <el-form-item label="鏂板瘑鐮�" prop="newPassword">
<el-input v-model="updatePasswordForm.newPassword" placeholder="搴斿寘鍚ぇ灏忓啓銆佹暟瀛�" show-password></el-input>
</el-form-item>
<el-form-item label="纭瀵嗙爜">
@@ -88,16 +88,15 @@
export default {
name: 'Login',
data () {
- const validateUsername = (rule, value, callback) => {
- if (value.length < 5) {
- callback(new Error('鐢ㄦ埛鍚嶄笉鑳藉皯浜�5涓瓧绗�'))
- } else {
- callback()
- }
- }
const validatePassword = (rule, value, callback) => {
- if (value.length < 5) {
- callback(new Error('瀵嗙爜涓嶈兘灏戜簬5涓瓧绗�'))
+ if (value === '') {
+ callback(new Error('璇疯緭鍏ュ瘑鐮�'))
+ } else if (!/[A-Z]/.test(value)) {
+ callback(new Error('瀵嗙爜蹇呴』鍖呭惈鑷冲皯涓�涓ぇ鍐欏瓧姣�'))
+ } else if (!/[a-z]/.test(value)) {
+ callback(new Error('瀵嗙爜蹇呴』鍖呭惈鑷冲皯涓�涓皬鍐欏瓧姣�'))
+ } else if (!/[0-9]/.test(value)) {
+ callback(new Error('瀵嗙爜蹇呴』鍖呭惈鑷冲皯涓�涓暟瀛�'))
} else {
callback()
}
@@ -109,14 +108,19 @@
newPassword: '',
confirmPassword: ''
},
+ updatePasswordRules: {
+ newPassword: [
+ { validator: validatePassword, trigger: 'blur' }
+ ]
+ },
loginForm: {
userName: '',
password: '',
remember: false
},
loginRules: {
- userName: [{ required: true, trigger: 'blur', validator: validateUsername }],
- password: [{ required: true, trigger: 'blur', validator: validatePassword }]
+ userName: [{ required: true, trigger: 'blur' }],
+ password: [{ required: true, trigger: 'blur' }]
},
passwordType: 'password',
capsTooltip: false,
@@ -139,15 +143,22 @@
},
methods: {
updatePassword () {
- if (this.updatePasswordForm.newPassword !== this.updatePasswordForm.confirmPassword) {
- this.$message.error("涓ゆ杈撳叆鐨勫瘑鐮佷笉涓�鑷�")
- return
- }
- UserApi.updatePassword(this.updatePasswordForm).then(res => {
- if (res.code === 1) {
- this.$message.success('瀵嗙爜淇敼鎴愬姛銆傝閲嶆柊鐧诲綍')
- this.loginForm.password = ''
- this.forceUpdateShow = false
+ let _this = this
+ _this.$refs.updatePasswordForm.validate(valid => {
+ if (valid) {
+ if (this.updatePasswordForm.newPassword !== this.updatePasswordForm.confirmPassword) {
+ _this.$message.error('涓ゆ杈撳叆鐨勫瘑鐮佷笉涓�鑷�')
+ return
+ }
+ UserApi.updatePassword(this.updatePasswordForm).then(res => {
+ if (res.code === 1) {
+ _this.$message.success('瀵嗙爜淇敼鎴愬姛銆傝閲嶆柊鐧诲綍')
+ _this.loginForm.password = ''
+ _this.forceUpdateShow = false
+ }
+ })
+ } else {
+ return false
}
})
},
@@ -189,6 +200,7 @@
}
if (result && result.code === 1) {
_this.setUserName(_this.loginForm.userName)
+ _this.setUserInfo(result.data)
_this.$router.push({ path: '/dashboard' })
} else {
_this.loading = false
@@ -205,7 +217,7 @@
}
})
},
- ...mapMutations('user', ['setUserName'])
+ ...mapMutations('user', ['setUserName', 'setUserInfo'])
}
}
</script>
@@ -333,4 +345,3 @@
}
}
</style>
-
--
Gitblit v1.8.0