| | |
| | | import {Avatar, UserFilled} from "@element-plus/icons-vue"; |
| | | import useUserInfoStore from "@/stores/userInfo"; |
| | | import {useRoute, useRouter} from "vue-router"; |
| | | import {useI18n} from "vue-i18n"; |
| | | |
| | | const router = useRouter() |
| | | const route = useRoute() |
| | | const { t } = useI18n() |
| | | const userStore = useUserInfoStore() |
| | | //注册用户参数 |
| | | const register = reactive({ |
| | |
| | | |
| | | const oldPassword = (rule: any, value: any, callback: any) => { |
| | | if (value.trim() === '') { |
| | | callback(new Error('旧密码不能为空')) |
| | | callback(new Error(t('user.OldPasswordCannotBeEmpty'))) |
| | | }else{ |
| | | callback() |
| | | } |
| | |
| | | |
| | | const checkPassword = (rule: any, value: any, callback: any) => { |
| | | if (value.trim() === '') { |
| | | callback(new Error('新密码不能为空')) |
| | | callback(new Error(t('user.TheNewPasswordCannotBeEmpty'))) |
| | | }else if(value.length>16 || value.length<6){ |
| | | callback(new Error('密码长度不能低于6或超过16')) |
| | | callback(new Error(t('user.ThePasswordLengthCannotBeLessThan6OrMoreThan16'))) |
| | | }else{ |
| | | callback() |
| | | } |
| | |
| | | |
| | | const checkConfirmPassword = (rule: any, value: any, callback: any) => { |
| | | if (value.trim() === '') { |
| | | callback(new Error('确认密码不能为空')) |
| | | callback(new Error(t('user.ConfirmPasswordCannotBeEmpty'))) |
| | | }else if(value !== register.password){ |
| | | callback(new Error('两次密码不相同')) |
| | | callback(new Error(t('user.ConfirmPasswordCannotBeEmpty'))) |
| | | }else if(value.length>16 || value.length<6){ |
| | | callback(new Error('密码长度不能低于6或超过16')) |
| | | callback(new Error(t('user.TheTwoPasswordsAreNotTheSame'))) |
| | | }else{ |
| | | callback() |
| | | } |
| | |
| | | register.oldPassword = btoa(register.oldPassword) |
| | | request.post('/user/updatePassWord', register).then((res) => { |
| | | if (res.data === true) { |
| | | ElMessage.success(`修改成功`) |
| | | ElMessage.success(t('basicData.msg.saveSuccess')) |
| | | router.push("/login") |
| | | } else { |
| | | ElMessage.error('旧密码错误') |
| | | ElMessage.error(t('user.OldPasswordError')) |
| | | return false |
| | | } |
| | | }).catch(error => { |
| | | ElMessage.error("服务器连接失败") |
| | | ElMessage.error(t('basicData.msg.ServerConnectionError')) |
| | | return false |
| | | }) |
| | | } |
| | |
| | | status-icon |
| | | :rules="rules" |
| | | > |
| | | <el-form-item label="旧密码:" prop="oldPassword"> |
| | | <el-form-item :label="$t('user.OldPassword')" prop="oldPassword"> |
| | | <el-input autocomplete="off" type="text" style="-webkit-text-security: disc" v-model="register.oldPassword" /> |
| | | </el-form-item> |
| | | <el-form-item label="新密码:" prop="password"> |
| | | <el-form-item :label="$t('user.TheNewPassword')" prop="password"> |
| | | <el-input autocomplete="off" type="text" style="-webkit-text-security: disc" v-model="register.password" /> |
| | | </el-form-item> |
| | | <el-form-item label="确认密码:" prop="confirmPassword"> |
| | | <el-form-item :label="$t('user.ConfirmPassword')" prop="confirmPassword"> |
| | | <el-input autocomplete="off" type="text" style="-webkit-text-security: disc" v-model="register.confirmPassword" /> |
| | | </el-form-item> |
| | | <el-form-item > |
| | | <el-button |
| | | type="primary" |
| | | @click="submitForm(ruleFormRef)" |
| | | >修改 |
| | | >{{ $t('basicData.save') }} |
| | | </el-button> |
| | | </el-form-item> |
| | | </el-form> |