| | |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { updateUserPwd } from "@/api/system/user"; |
| | | import type { ResetPwdForm } from "@/api/system/user/types"; |
| | | import { updateUserPwd } from '@/api/system/user'; |
| | | import type { ResetPwdForm } from '@/api/system/user/types'; |
| | | |
| | | const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
| | | const pwdRef = ref<ElFormInstance>(); |
| | | const user = ref<ResetPwdForm>({ |
| | | oldPassword: "", |
| | | newPassword: "", |
| | | confirmPassword: "" |
| | | oldPassword: '', |
| | | newPassword: '', |
| | | confirmPassword: '' |
| | | }); |
| | | |
| | | const equalToPassword = (rule: any, value: string, callback: any) => { |
| | | if (user.value.newPassword !== value) { |
| | | callback(new Error("两次输入的密码不一致")); |
| | | callback(new Error('两次输入的密码不一致')); |
| | | } else { |
| | | callback(); |
| | | } |
| | | }; |
| | | const rules = ref({ |
| | | oldPassword: [{ required: true, message: "旧密码不能为空", trigger: "blur" }], |
| | | newPassword: [{ required: true, message: "新密码不能为空", trigger: "blur" }, { |
| | | min: 6, |
| | | max: 20, |
| | | message: "长度在 6 到 20 个字符", |
| | | trigger: "blur" |
| | | }], |
| | | confirmPassword: [{ required: true, message: "确认密码不能为空", trigger: "blur" }, { |
| | | required: true, |
| | | validator: equalToPassword, |
| | | trigger: "blur" |
| | | }] |
| | | oldPassword: [{ required: true, message: '旧密码不能为空', trigger: 'blur' }], |
| | | newPassword: [ |
| | | { required: true, message: '新密码不能为空', trigger: 'blur' }, |
| | | { |
| | | min: 6, |
| | | max: 20, |
| | | message: '长度在 6 到 20 个字符', |
| | | trigger: 'blur' |
| | | } |
| | | ], |
| | | confirmPassword: [ |
| | | { required: true, message: '确认密码不能为空', trigger: 'blur' }, |
| | | { |
| | | required: true, |
| | | validator: equalToPassword, |
| | | trigger: 'blur' |
| | | } |
| | | ] |
| | | }); |
| | | |
| | | /** 提交按钮 */ |
| | |
| | | pwdRef.value?.validate(async (valid: boolean) => { |
| | | if (valid) { |
| | | await updateUserPwd(user.value.oldPassword, user.value.newPassword); |
| | | proxy?.$modal.msgSuccess("修改成功"); |
| | | proxy?.$modal.msgSuccess('修改成功'); |
| | | } |
| | | }); |
| | | }; |