feat: 添加资产代码和提现方式的国际化支持,优化提现页面的用户体验
This commit is contained in:
@@ -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",
|
||||||
|
|||||||
@@ -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": "请输入金额",
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user