From d472a0d9052c24239ac10038f9440e0c48953856 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Mon, 26 Jan 2026 15:19:27 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E9=99=A4=E4=B8=8D=E5=BF=85?=
 =?UTF-8?q?=E8=A6=81=E7=9A=84=20toastController=20=E5=AF=BC=E5=85=A5?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E5=AF=86=E7=A0=81=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=88=90=E5=8A=9F=E6=8F=90=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 auto-imports.d.ts                      |  1 -
 src/views/security/change_password.vue | 28 +++++++++-----------------
 2 files changed, 9 insertions(+), 20 deletions(-)

diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index 778a2fb..d2b2d2f 100644
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -451,7 +451,6 @@ declare module 'vue' {
     readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
     readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
     readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
-    readonly showSuccessToast: UnwrapRef<typeof import('vant/es')['showSuccessToast']>
     readonly showToast: UnwrapRef<typeof import('vant/es')['showToast']>
     readonly storeToRefs: UnwrapRef<typeof import('pinia')['storeToRefs']>
     readonly syncRef: UnwrapRef<typeof import('@vueuse/core')['syncRef']>
diff --git a/src/views/security/change_password.vue b/src/views/security/change_password.vue
index 95a3904..d08a136 100644
--- a/src/views/security/change_password.vue
+++ b/src/views/security/change_password.vue
@@ -1,5 +1,4 @@
 <script lang='ts' setup>
-import { toastController } from "@ionic/vue";
 import { eyeOffOutline, eyeOutline, lockClosedOutline } from "ionicons/icons";
 import zod from "zod";
 import { safeClient } from "@/api";
@@ -17,6 +16,7 @@ const showCurrentPassword = ref(false);
 const showNewPassword = ref(false);
 const showConfirmPassword = ref(false);
 const isSubmitting = ref(false);
+const userStore = useUserStore();
 
 // 表单验证 Schema
 const ChangePasswordSchema = zod.object({
@@ -41,16 +41,6 @@ const ChangePasswordSchema = zod.object({
   path: ["newPassword"],
 });
 
-async function showToast(message: string, color: "success" | "danger" | "warning" = "danger") {
-  const toast = await toastController.create({
-    message,
-    duration: 2000,
-    position: "top",
-    color,
-  });
-  await toast.present();
-}
-
 async function handleSubmit() {
   const result = ChangePasswordSchema.safeParse(formData.value);
   if (!result.success) {
@@ -66,12 +56,12 @@ async function handleSubmit() {
       currentPassword: formData.value.currentPassword, // required
       revokeOtherSessions: true,
     }));
-
-    await showToast("登录密码修改成功，请使用新密码登录", "success");
+    await showToast("登录密码修改成功，请使用新密码登录");
+    userStore.signOut(); // 修改密码后登出
     router.back();
   }
   catch (error) {
-    await showToast("密码修改失败，请检查当前密码是否正确", "danger");
+    await showToast("密码修改失败，请检查当前密码是否正确");
   }
   finally {
     isSubmitting.value = false;
@@ -246,16 +236,16 @@ async function handleSubmit() {
 }
 
 .custom-input {
-  --placeholder-color: #999;
-  --placeholder-opacity: 1;
-  font-size: 15px;
+  --padding-start: 0;
+  --padding-end: 0;
+  font-size: 16px;
+  color: #2c3e50;
 }
 
 .password-toggle {
-  font-size: 20px;
+  font-size: 16px;
   color: #999;
   cursor: pointer;
-  padding: 8px;
 }
 
 .password-toggle:hover {