完成70%

pages/profile/m04-change-password.vue

@@ -15,7 +15,7 @@
           <text v-if="errors[field.key]" class="field-error">{{ errors[field.key] }}</text>
         </view>
       </view>
-      <AppButton block :disabled="passwordState === 'saving'" :label="passwordState === 'saving' ? '正在校验' : '校验新密码（不提交）'" @click="savePassword" />
+      <AppButton block :disabled="passwordState === 'saving'" :label="passwordState === 'saving' ? '正在提交' : '确认修改密码'" @click="savePassword" />
     </view>
     <AppToast :visible="toastVisible" :message="toastMessage" />
     <AppDialog
@@ -41,7 +41,9 @@ import AppDialog from "@/components/AppDialog.vue";
 import AppToast from "@/components/AppToast.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
+import { appApi, createRequestController, isRequestCancelled } from "@/utils/api.js";
 import { createDiscardConfirmation } from "@/utils/discard-confirmation.js";
+import { calcMD5 } from "@/utils/md5.js";
 import { handleBackPress, runBackGuard } from "@/utils/navigation.js";
 import {
   PASSWORD_POLICY_MESSAGE,
@@ -59,6 +61,8 @@ const passwordFields = [
   { key: "confirm", label: "确认新密码", placeholder: "请再次输入新密码" },
 ];
 const toastVisible = ref(false); const toastMessage = ref(""); let timer = null;
+const passwordRequestController = createRequestController();
+let pageActive = true;
 const formSnapshot = computed(() => JSON.stringify(passwordForm));
 const baseline = ref(formSnapshot.value);
 const isDirty = computed(() => formSnapshot.value !== baseline.value);
@@ -79,13 +83,27 @@ const validateForm = () => {
   errors.confirm = !passwordForm.confirm ? "请再次输入新密码" : passwordForm.confirm !== passwordForm.next ? "两次输入的新密码不一致" : "";
   return !Object.values(errors).some(Boolean);
 };
-const savePassword = () => {
+const savePassword = async () => {
   if (!validateForm() || passwordState.value === "saving") return;
   passwordState.value = "saving";
-  timer = setTimeout(() => {
-    passwordState.value = "ready";
-    showToast("本地校验通过，尚未提交服务器");
-  }, 500);
+  try {
+    await appApi.changePassword({
+      oldPasswordHash: calcMD5(passwordForm.current),
+      newPasswordHash: calcMD5(passwordForm.next),
+    }, { requestController: passwordRequestController });
+    if (!pageActive) return;
+    passwordForm.current = "";
+    passwordForm.next = "";
+    passwordForm.confirm = "";
+    baseline.value = formSnapshot.value;
+    showToast("密码修改成功");
+  } catch (error) {
+    if (pageActive && !isRequestCancelled(error)) {
+      showToast(error?.message || "密码修改失败，请稍后重试");
+    }
+  } finally {
+    if (pageActive) passwordState.value = "ready";
+  }
 };
 const requestBack = () =>
   runBackGuard({
@@ -98,6 +116,8 @@ const requestBack = () =>
   });
 onBackPress((event) => handleBackPress(event, requestBack));
 onUnload(() => {
+  pageActive = false;
+  passwordRequestController.abort();
   clearTimeout(timer);
   discardConfirmation.dispose();
 });