feat: 完成前端业务闭环与后端联调

pages/profile/change-password.vue

@@ -28,18 +28,22 @@
               :password="!passwordVisible[field.key]"
               maxlength="32"
               :aria-label="field.label"
+              :aria-invalid="Boolean(errors[field.key])"
+              :aria-describedby="errors[field.key] ? `${field.key}-password-error` : undefined"
               :placeholder="field.placeholder"
               @input="errors[field.key] = ''"
             />
-            <view
+            <button
               class="password-toggle"
               role="button"
+              tabindex="0"
               :aria-label="`${passwordVisible[field.key] ? '隐藏' : '显示'}${field.label}`"
+              :aria-pressed="passwordVisible[field.key]"
               @click="togglePassword(field.key)"
-              >{{ passwordVisible[field.key] ? "隐藏" : "显示" }}</view
+              >{{ passwordVisible[field.key] ? "隐藏" : "显示" }}</button
             >
           </view>
-          <text v-if="errors[field.key]" class="field-error">{{
+          <text v-if="errors[field.key]" :id="`${field.key}-password-error`" class="field-error" role="alert">{{
             errors[field.key]
           }}</text>
         </view>
@@ -84,7 +88,8 @@ import { getRequestErrorMessage } from "@/services/api/request-error-message.js"
 import { createDiscardConfirmation } from "@/utils/discard-confirmation.js";
 import { calcMD5 } from "@/utils/md5.js";
 import { createNonIdempotentWriteGuard } from "@/utils/non-idempotent-write-guard.js";
-import { handleBackPress, runBackGuard } from "@/utils/navigation/gateway.js";
+import { goRoot, handleBackPress, runBackGuard } from "@/utils/navigation/gateway.js";
+import { session } from "@/utils/session.js";
 import {
   PASSWORD_POLICY_MESSAGE,
   validatePassword,
@@ -161,11 +166,13 @@ const savePassword = async () => {
       { requestController: passwordChangeRequestController },
     );
     if (!pageActive) return;
+    session.clear();
+    await goRoot("A01");
+    if (!pageActive) return;
     passwordForm.current = "";
     passwordForm.next = "";
     passwordForm.confirm = "";
     baseline.value = formSnapshot.value;
-    showToast("密码修改成功");
   } catch (error) {
     if (!pageActive) return;
     if (passwordChangeGuard.recordFailure(passwordChangeAttempt, error)) {
@@ -215,7 +222,7 @@ onUnload(() => {
 }
 .page-content {
   flex: 1;
-  padding: 28rpx 30rpx 72rpx;
+  padding: 28rpx 30rpx calc(72rpx + env(safe-area-inset-bottom));
 }
 .security-tip,
 .form-panel {
@@ -264,18 +271,26 @@ onUnload(() => {
 .form-row input {
   width: auto;
   min-width: 0;
-  min-height: 68rpx;
+  min-height: 80rpx;
   color: $ink;
   font-size: clamp(14px, 23rpx, 17px);
 }
 .password-toggle {
   display: flex;
-  min-height: 68rpx;
+  min-height: 80rpx;
   align-items: center;
   justify-content: flex-end;
+  width: auto;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
   color: $brand-red;
   font-size: clamp(13px, 21rpx, 16px);
 }
+.password-toggle::after {
+  border: 0;
+}
 .field-error {
   display: block;
   padding-top: 7rpx;