From 2575fa4e00efe547ec2c6a6db343699b92ca9372 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Wed, 17 Dec 2025 02:26:05 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E6=8F=90=E7=8E=B0?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BC=98=E5=8C=96=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E9=80=BB=E8=BE=91=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=88=90=E5=8A=9F=E6=8F=90=E7=A4=BA=E4=BF=A1=E6=81=AF=EF=BC=8C?=
 =?UTF-8?q?=E6=94=B9=E8=BF=9B=E7=95=8C=E9=9D=A2=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.ts                          | 12 ++++++++-
 src/locales/en-US.json                    |  1 +
 src/locales/zh-CN.json                    |  1 +
 src/views/user/components/wallet-card.vue |  2 +-
 src/views/withdraw/index.vue              | 30 +++++++++++++++++------
 5 files changed, 37 insertions(+), 9 deletions(-)

diff --git a/src/api/index.ts b/src/api/index.ts
index 1cf37ca..4dba714 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -26,9 +26,19 @@ export async function safeClient<T, E>(
     const res = await requestPromise();
 
     if (res.error) {
+      let errMsg = "";
+      if (!res.error) {
+        errMsg = "Request failed. Please try again.";
+      }
+      else if (typeof res.error === "string") {
+        errMsg = res.error;
+      }
+      else if (res.error && "value" in (res.error as unknown as object)) {
+        errMsg = String((res.error as unknown as { value: string }).value);
+      }
       if (!options.silent) {
         const toast = await toastController.create({
-          message: typeof error === "string" ? error : "Request failed. Please try again.",
+          message: errMsg,
           duration: 3000,
           position: "bottom",
           color: "danger",
diff --git a/src/locales/en-US.json b/src/locales/en-US.json
index a466319..4ed7aea 100644
--- a/src/locales/en-US.json
+++ b/src/locales/en-US.json
@@ -39,6 +39,7 @@
     "cryptoAddress": "Crypto Address",
     "enterCryptoAddress": "Enter the crypto address",
     "validCryptoAddressError": "Please enter a valid crypto address.",
+    "successMessage": "Withdrawal request submitted successfully!",
     "submit": "Submit"
   },
   "bankCard": {
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 84a2cdd..803074b 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -39,6 +39,7 @@
     "cryptoAddress": "加密货币地址",
     "enterCryptoAddress": "请输入加密货币地址",
     "validCryptoAddressError": "请输入有效的加密货币地址。",
+    "successMessage": "提现申请提交成功！",
     "submit": "提交"
   },
   "bankCard": {
diff --git a/src/views/user/components/wallet-card.vue b/src/views/user/components/wallet-card.vue
index 2b18a1c..850c048 100644
--- a/src/views/user/components/wallet-card.vue
+++ b/src/views/user/components/wallet-card.vue
@@ -14,7 +14,7 @@ function handleWithdraw() {
   router.push("/withdraw/index");
 }
 
-onUpdated(() => {
+onMounted(() => {
   walletStore.updateBalances();
 });
 </script>
diff --git a/src/views/withdraw/index.vue b/src/views/withdraw/index.vue
index df300cb..47b2a65 100644
--- a/src/views/withdraw/index.vue
+++ b/src/views/withdraw/index.vue
@@ -1,5 +1,6 @@
 <script lang='ts' setup>
 import type { WithdrawBody } from "@/api/types";
+import { toastController } from "@ionic/vue";
 import { client, safeClient } from "@/api";
 import { AssetCodeEnum, ChainEnum, WithdrawMethodEnum } from "@/api/enum";
 
@@ -15,11 +16,12 @@ const [form, resetForm] = useResetRef<WithdrawBody>({
   chain: "BEP20",
 });
 const walletStore = useWalletStore();
-const { balances } = storeToRefs(walletStore);
+const { balances, bankAccounts } = storeToRefs(walletStore);
 const maxAmount = computed(() => {
   const balance = balances.value?.find(item => item.assetCode === form.value.assetCode);
   return balance ? balance.available : "0";
 });
+const router = useRouter();
 
 function markTouched() {
   amountInputInst.value?.$el.classList.add("ion-touched");
@@ -42,7 +44,17 @@ function handleCurrentChange() {
 }
 
 async function onSubmit() {
-  const { data } = await safeClient(() => client.api.withdraw.post(form.value));
+  await safeClient(() => client.api.withdraw.post(form.value));
+  const toast = await toastController.create({
+    message: t("withdraw.successMessage"),
+    duration: 2000,
+    position: "bottom",
+    color: "success",
+  });
+
+  await toast.present();
+  resetForm();
+  router.back();
 }
 </script>
 
@@ -93,15 +105,19 @@ async function onSubmit() {
           @ion-blur="markTouched"
         />
 
-        <ui-input-label
+        <ion-select
           v-if="form.withdrawMethod === WithdrawMethodEnum.BANK"
           v-model="form.bankAccountId"
+          interface="action-sheet"
+          toggle-icon=""
+          label-placement="floating"
           :label="t('withdraw.bankAccountId')"
           :placeholder="t('withdraw.enterBankAccountId')"
-          type="text"
-          inputmode="text"
-          :error-text="t('withdraw.validBankAccountError')"
-        />
+        >
+          <ion-select-option v-for="item in bankAccounts" :key="item.id" :value="item.id">
+            {{ item.bankName }} - **** **** **** {{ item.accountName.slice(-4) }}
+          </ion-select-option>
+        </ion-select>
         <template v-else-if="form.withdrawMethod === WithdrawMethodEnum.CRYPTO">
           <ion-radio-group v-model="form.chain">
             <ion-label class="text-sm">