feat: 添加银行卡管理功能，更新多语言支持，优化表单验证和用户界面

src/views/trade-settings/bank-management/add.vue

@@ -27,11 +27,11 @@ const bankList = [
 // 表单验证 Schema
 const schema = toTypedSchema(
   yup.object({
-    bankName: yup.string().required("请选择银行"),
+    bankName: yup.string().required(t("bankCard.form.validation.bankRequired")),
     accountNumber: yup
       .string()
-      .required("请输入银行卡号"),
-    accountName: yup.string().required("请输入持卡人姓名"),
+      .required(t("bankCard.form.validation.accountNumberRequired")),
+    accountName: yup.string().required(t("bankCard.form.validation.accountNameRequired")),
   }),
 );
 
@@ -43,7 +43,7 @@ async function handleSubmit(values: GenericObject) {
       accountName: values.accountName,
     }));
     const toast = await toastController.create({
-      message: "银行卡添加成功",
+      message: t("bankCard.messages.addSuccess"),
       duration: 2000,
       position: "bottom",
       color: "success",
@@ -71,7 +71,7 @@ function formatCardNumber(value: string) {
     <ion-header>
       <ion-toolbar class="ui-toolbar">
         <ion-back-button slot="start" />
-        <ion-title>添加银行卡</ion-title>
+        <ion-title>{{ t('bankCard.add') }}</ion-title>
       </ion-toolbar>
     </ion-header>
 
@@ -87,10 +87,10 @@ function formatCardNumber(value: string) {
               />
               <div class="text-sm text-blue-700 dark:text-blue-300">
                 <p class="font-medium mb-1">
-                  温馨提示
+                  {{ t('bankCard.form.tips.title') }}
                 </p>
                 <p class="leading-relaxed">
-                  为了保障您的资金安全，请确保银行卡信息真实有效。添加的银行卡将用于充值和提现操作。
+                  {{ t('bankCard.form.tips.description') }}
                 </p>
               </div>
             </div>
@@ -99,7 +99,7 @@ function formatCardNumber(value: string) {
           <Form :validation-schema="schema" class="space-y-5" @submit="handleSubmit">
             <div class="space-y-4">
               <Field v-slot="{ field }" name="bankName">
-                <ion-select class="ui-select" interface="action-sheet" toggle-icon="" v-bind="field" label="银行卡" placeholder="请选择您的银行">
+                <ion-select class="ui-select" interface="action-sheet" toggle-icon="" v-bind="field" :label="t('bankCard.form.bankName')" :placeholder="t('bankCard.form.bankNamePlaceholder')">
                   <ion-select-option v-for="item in bankList" :key="item.code" :value="item.code">
                     {{ item.name }}
                   </ion-select-option>
@@ -111,12 +111,12 @@ function formatCardNumber(value: string) {
                   <template #default="{ field }">
                     <ui-input-label
                       v-bind="field"
-                      label="银行卡号"
-                      placeholder="请输入银行卡号"
+                      :label="t('bankCard.form.accountNumber')"
+                      :placeholder="t('bankCard.form.accountNumberPlaceholder')"
                       type="text"
                       inputmode="numeric"
                       :maxlength="23"
-                      helper-text="支持16-19位银行卡号"
+                      :helper-text="t('bankCard.form.accountNumberHelper')"
                       required
                       @input="(e:any) => field.value = formatCardNumber(e.target.value)"
                     />
@@ -130,10 +130,10 @@ function formatCardNumber(value: string) {
                   <template #default="{ field }">
                     <ui-input-label
                       v-bind="field"
-                      label="持卡人姓名"
-                      placeholder="请输入持卡人姓名"
+                      :label="t('bankCard.form.accountName')"
+                      :placeholder="t('bankCard.form.accountNamePlaceholder')"
                       type="text"
-                      helper-text="请输入银行卡开户时的真实姓名"
+                      :helper-text="t('bankCard.form.accountNameHelper')"
                       required
                     />
                   </template>
@@ -149,19 +149,19 @@ function formatCardNumber(value: string) {
                   />
                   <div class="text-sm text-amber-700 dark:text-amber-300">
                     <p class="font-medium mb-1">
-                      安全保障
+                      {{ t('bankCard.form.security.title') }}
                     </p>
                     <ul class="space-y-1 text-xs leading-relaxed">
-                      <li>• 所有银行卡信息均经过SSL加密传输</li>
-                      <li>• 我们严格遵循银行级安全标准</li>
-                      <li>• 您的个人信息将被妥善保护</li>
+                      <li>• {{ t('bankCard.form.security.encryption') }}</li>
+                      <li>• {{ t('bankCard.form.security.standard') }}</li>
+                      <li>• {{ t('bankCard.form.security.privacy') }}</li>
                     </ul>
                   </div>
                 </div>
               </div>
 
               <ion-button type="submit" expand="block">
-                确认添加银行卡
+                {{ t('bankCard.form.submit') }}
               </ion-button>
             </div>
           </Form>