feat: 添加资产代码和提现方式的国际化支持,优化提现页面的用户体验

This commit is contained in:
2025-12-19 19:00:20 +07:00
parent d8204db197
commit 9614563d3c
4 changed files with 31 additions and 6 deletions

View File

@@ -41,6 +41,15 @@
"validCryptoAddressError": "Please enter a valid crypto address.", "validCryptoAddressError": "Please enter a valid crypto address.",
"successMessage": "Withdrawal request submitted successfully!", "successMessage": "Withdrawal request submitted successfully!",
"submit": "Submit", "submit": "Submit",
"assetCode": {
"USDT": "USDT",
"OPTS": "OPTS"
},
"method": {
"bank": "Bank Transfer",
"crypto": "Cryptocurrency",
"cash": "Cash"
},
"validation": { "validation": {
"assetCodeRequired": "Please select a currency", "assetCodeRequired": "Please select a currency",
"amountRequired": "Please enter an amount", "amountRequired": "Please enter an amount",

View File

@@ -41,6 +41,15 @@
"validCryptoAddressError": "请输入有效的加密货币地址。", "validCryptoAddressError": "请输入有效的加密货币地址。",
"successMessage": "提现申请提交成功!", "successMessage": "提现申请提交成功!",
"submit": "提交", "submit": "提交",
"assetCode": {
"USDT": "USDT",
"OPTS": "OPTS"
},
"method": {
"bank": "银行转账",
"crypto": "加密货币",
"cash": "现金"
},
"validation": { "validation": {
"assetCodeRequired": "请选择货币", "assetCodeRequired": "请选择货币",
"amountRequired": "请输入金额", "amountRequired": "请输入金额",

View File

@@ -63,7 +63,14 @@ function handleSubmit(values: GenericObject) {
<div> <div>
<Field name="categoryId" type="text"> <Field name="categoryId" type="text">
<template #default="{ field }"> <template #default="{ field }">
<ion-select class="ui-select" interface="action-sheet" toggle-icon="" v-bind="field" :label="t('asset.issue.apply.productType')" :placeholder="t('asset.issue.apply.chooseProductType')"> <ion-select
class="ui-select"
interface="action-sheet"
toggle-icon=""
v-bind="field"
:label="t('asset.issue.apply.productType')"
:placeholder="t('asset.issue.apply.chooseProductType')"
>
<ion-select-option v-for="item in categories?.data" :key="item.id" :value="item.id"> <ion-select-option v-for="item in categories?.data" :key="item.id" :value="item.id">
{{ item.name }} {{ item.name }}
</ion-select-option> </ion-select-option>

View File

@@ -68,7 +68,7 @@ async function onSubmit(values: GenericObject) {
</ion-label> </ion-label>
<ion-item v-for="item in AssetCodeEnum" :key="item"> <ion-item v-for="item in AssetCodeEnum" :key="item">
<ion-radio :value="item" justify="space-between"> <ion-radio :value="item" justify="space-between">
{{ item }} {{ t(`withdraw.assetCode.${item}`) }}
</ion-radio> </ion-radio>
</ion-item> </ion-item>
</ion-radio-group> </ion-radio-group>
@@ -86,7 +86,7 @@ async function onSubmit(values: GenericObject) {
</ion-label> </ion-label>
<ion-item v-for="item in WithdrawMethodEnum" :key="item"> <ion-item v-for="item in WithdrawMethodEnum" :key="item">
<ion-radio :value="item" justify="space-between"> <ion-radio :value="item" justify="space-between">
{{ item }} {{ t(`withdraw.method.${item}`) }}
</ion-radio> </ion-radio>
</ion-item> </ion-item>
</ion-radio-group> </ion-radio-group>
@@ -98,18 +98,18 @@ async function onSubmit(values: GenericObject) {
<Field name="withdrawMethod"> <Field name="withdrawMethod">
<template #default="{ value: withdrawMethod }"> <template #default="{ value: withdrawMethod }">
<div v-if="withdrawMethod === WithdrawMethodEnum.BANK"> <div v-if="withdrawMethod === WithdrawMethodEnum.BANK">
<Field name="bankAccountId"> <Field name="bankAccountId" type="text">
<template #default="{ field }"> <template #default="{ field }">
<ion-select <ion-select
v-bind="field" v-bind="field"
class="ui-select"
interface="action-sheet" interface="action-sheet"
toggle-icon="" toggle-icon=""
label-placement="floating"
:label="t('withdraw.bankAccountId')" :label="t('withdraw.bankAccountId')"
:placeholder="t('withdraw.enterBankAccountId')" :placeholder="t('withdraw.enterBankAccountId')"
> >
<ion-select-option v-for="item in bankAccounts" :key="item.id" :value="item.id"> <ion-select-option v-for="item in bankAccounts" :key="item.id" :value="item.id">
{{ item.bankName }} - **** **** **** {{ item.accountName.slice(-4) }} {{ item.bankName }} - {{ item.maskAccountNumber }}
</ion-select-option> </ion-select-option>
</ion-select> </ion-select>
</template> </template>