feat: 添加“选择银行账户”翻译支持至阿拉伯语、英语、简体中文和繁体中文(香港),并更新相关组件

This commit is contained in:
2026-01-14 11:09:45 +07:00
parent 6311df7286
commit 74caffbab4
5 changed files with 13 additions and 3 deletions

View File

@@ -153,6 +153,7 @@
"enterAmountMax": "أدخل المبلغ (الحد الأقصى: {amount})", "enterAmountMax": "أدخل المبلغ (الحد الأقصى: {amount})",
"validAmountError": "الرجاء إدخال مبلغ صحيح.", "validAmountError": "الرجاء إدخال مبلغ صحيح.",
"bankAccountId": "الحساب البنكي", "bankAccountId": "الحساب البنكي",
"selectBankAccount": "اختر الحساب البنكي",
"enterBankAccountId": "أدخل الحساب البنكي", "enterBankAccountId": "أدخل الحساب البنكي",
"validBankAccountError": "الرجاء إدخال حساب بنكي صحيح.", "validBankAccountError": "الرجاء إدخال حساب بنكي صحيح.",
"chooseChain": "اختر السلسلة", "chooseChain": "اختر السلسلة",

View File

@@ -153,6 +153,7 @@
"enterAmountMax": "Enter amount (Max: {amount})", "enterAmountMax": "Enter amount (Max: {amount})",
"validAmountError": "Please enter a valid amount.", "validAmountError": "Please enter a valid amount.",
"bankAccountId": "Bank Account", "bankAccountId": "Bank Account",
"selectBankAccount": "Select Bank Account",
"enterBankAccountId": "Enter bank account", "enterBankAccountId": "Enter bank account",
"validBankAccountError": "Please enter a valid bank account.", "validBankAccountError": "Please enter a valid bank account.",
"chooseChain": "Choose Chain", "chooseChain": "Choose Chain",

View File

@@ -153,6 +153,7 @@
"enterAmountMax": "请输入金额(最大可用:{amount}", "enterAmountMax": "请输入金额(最大可用:{amount}",
"validAmountError": "请输入有效的金额。", "validAmountError": "请输入有效的金额。",
"bankAccountId": "银行账户", "bankAccountId": "银行账户",
"selectBankAccount": "选择银行账户",
"enterBankAccountId": "请输入银行账户", "enterBankAccountId": "请输入银行账户",
"validBankAccountError": "请输入有效的银行账户。", "validBankAccountError": "请输入有效的银行账户。",
"chooseChain": "选择链", "chooseChain": "选择链",

View File

@@ -153,6 +153,7 @@
"enterAmountMax": "請輸入金額(最大可用:{amount}", "enterAmountMax": "請輸入金額(最大可用:{amount}",
"validAmountError": "請輸入有效的金額。", "validAmountError": "請輸入有效的金額。",
"bankAccountId": "銀行賬戶", "bankAccountId": "銀行賬戶",
"selectBankAccount": "選擇銀行賬戶",
"enterBankAccountId": "請輸入銀行賬戶", "enterBankAccountId": "請輸入銀行賬戶",
"validBankAccountError": "請輸入有效的銀行賬戶。", "validBankAccountError": "請輸入有效的銀行賬戶。",
"chooseChain": "選擇鏈", "chooseChain": "選擇鏈",

View File

@@ -3,6 +3,7 @@ import type { GenericObject } from "vee-validate";
import type { BankAccountsData, WithdrawBody } from "@/api/types"; import type { BankAccountsData, WithdrawBody } from "@/api/types";
import type { FormInstance } from "@/utils"; import type { FormInstance } from "@/utils";
import { loadingController, modalController, toastController } from "@ionic/vue"; import { loadingController, modalController, toastController } from "@ionic/vue";
import { chevronForwardOutline } from "ionicons/icons";
import { ErrorMessage, Field, Form } from "vee-validate"; import { ErrorMessage, Field, Form } from "vee-validate";
import { client, safeClient } from "@/api"; import { client, safeClient } from "@/api";
import { AssetCodeEnum, ChainEnum, WithdrawMethodEnum } from "@/api/enum"; import { AssetCodeEnum, ChainEnum, WithdrawMethodEnum } from "@/api/enum";
@@ -118,7 +119,7 @@ async function onSubmit(values: GenericObject) {
<component :is="getCryptoIcon(value)" class="w-8 h-8" /> <component :is="getCryptoIcon(value)" class="w-8 h-8" />
<span class="text-base font-medium">{{ value }}</span> <span class="text-base font-medium">{{ value }}</span>
</div> </div>
<ion-icon name="chevron-forward-outline" class="text-text-400" /> <ion-icon :icon="chevronForwardOutline" class="text-text-400" />
</div> </div>
</template> </template>
</Field> </Field>
@@ -155,13 +156,18 @@ async function onSubmit(values: GenericObject) {
class="flex items-center justify-between bg-faint rounded-2xl p-4 cursor-pointer" class="flex items-center justify-between bg-faint rounded-2xl p-4 cursor-pointer"
@click="openSelectBankAccount" @click="openSelectBankAccount"
> >
<div class="flex items-center gap-3"> <div v-if="currentBankAccount" class="flex items-center gap-3">
<div class="w-8 h-8 rounded-md mr-2 flex items-center justify-center text-white font-bold text-xs shadow-sm bg-[#0F5AA6]"> <div class="w-8 h-8 rounded-md mr-2 flex items-center justify-center text-white font-bold text-xs shadow-sm bg-[#0F5AA6]">
<span class="text-white">{{ currentBankAccount?.bankCode }}</span> <span class="text-white">{{ currentBankAccount?.bankCode }}</span>
</div> </div>
<span class="text-base font-medium">{{ currentBankAccount?.bankName }}</span> <span class="text-base font-medium">{{ currentBankAccount?.bankName }}</span>
</div> </div>
<ion-icon name="chevron-forward-outline" class="text-text-400" /> <div v-else>
<span class="text-base font-medium">
{{ t('withdraw.selectBankAccount') }}
</span>
</div>
<ion-icon :icon="chevronForwardOutline" class="text-text-400" />
</div> </div>
</template> </template>
</Field> </Field>