完成全项目响应式审核与换机交接

pages/profile/m04-change-password.vue

@@ -27,6 +27,10 @@ import AppButton from "@/components/AppButton.vue";
 import AppToast from "@/components/AppToast.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
+import {
+  PASSWORD_POLICY_MESSAGE,
+  validatePassword,
+} from "@/utils/validation.js";
 
 const passwordForm = reactive({ current: "", next: "", confirm: "" });
 const passwordVisible = reactive({ current: false, next: false, confirm: false });
@@ -40,14 +44,17 @@ const passwordFields = [
 const toastVisible = ref(false); const toastMessage = ref(""); let timer = null;
 const showToast = (message) => { toastMessage.value = message; toastVisible.value = true; clearTimeout(timer); timer = setTimeout(() => (toastVisible.value = false), 1800); };
 const togglePassword = (key) => { passwordVisible[key] = !passwordVisible[key]; };
-const validatePassword = () => {
+const validateForm = () => {
   errors.current = passwordForm.current ? "" : "请输入当前密码";
-  errors.next = /^(?=.*[A-Za-z])(?=.*\d).{8,32}$/.test(passwordForm.next) ? "" : "新密码需为 8–32 位，并同时包含字母和数字";
+  const nextPassword = validatePassword(passwordForm.next);
+  errors.next = nextPassword.valid ? "" : PASSWORD_POLICY_MESSAGE;
+  if (!errors.next && passwordForm.next === passwordForm.current)
+    errors.next = "新密码不能与当前密码相同";
   errors.confirm = !passwordForm.confirm ? "请再次输入新密码" : passwordForm.confirm !== passwordForm.next ? "两次输入的新密码不一致" : "";
   return !Object.values(errors).some(Boolean);
 };
 const savePassword = () => {
-  if (!validatePassword() || passwordState.value === "saving") return;
+  if (!validateForm() || passwordState.value === "saving") return;
   passwordState.value = "saving";
   timer = setTimeout(() => { passwordState.value = "ready"; passwordForm.current = ""; passwordForm.next = ""; passwordForm.confirm = ""; showToast("密码已修改，请妥善保管新密码"); }, 500);
 };