docs(体现相关页面): 新增阿语翻译

2025-11-14 19:31:55 +08:00 · 2025-11-14 19:31:55 +08:00 · 440223205e
commit 440223205e
parent e471ebcaf6
6 changed files with 147 additions and 40 deletions
--- a/src/locales/ar.json
+++ b/src/locales/ar.json
@ -266,5 +266,31 @@
  "bd": "BD",
  "bd_leader": "قائد BD",
  "bd_salary": "راتب BD",
-  "bd_leader_history": "سجل قائد BD"
+  "bd_leader_history": "سجل قائد BD",
+
+  "current_status": "الحالة الحالية:",
+  "review_passed": "تمت المراجعة",
+  "review_failed": "فشلت المراجعة",
+  "awaiting_review": "في انتظار المراجعة",
+
+  "withdrawal_method": "طريقة السحب",
+  "please_select_bank_card": "يرجى اختيار بطاقة مصرفية",
+  "enter_cash_out_amount": "يرجى إدخال مبلغ السحب",
+  "cash_out_minimum": "*يجب أن يكون مبلغ السحب أكبر من أو يساوي 50 دولارًا",
+
+  "bank_card": "بطاقة مصرفية",
+  "currently_in_use": "قيد الاستخدام حالياً",
+  "no_bank_cards_in_use": "البطاقات المصرفية غير مستخدمة حالياً.",
+  "all_bank_cards": "جميع البطاقات المصرفية",
+  "no_bank_cards_added": "لم تتم إضافة بطاقات مصرفية بعد.",
+  "card_number": "رقم البطاقة",
+  "payee": "المستفيد",
+  "delete": "حذف",
+  "use": "استخدام",
+  "add_new_payment_method": "إضافة طريقة دفع جديدة",
+  "choose_withdrawal_method": "اختر طريقة السحب",
+  "card_name": "اسم البطاقة",
+  "enter_card_name": "أدخل اسم البطاقة",
+  "enter_card_number": "أدخل رقم البطاقة",
+  "enter_payee": "أدخل اسم المستفيد"
 }
--- a/src/locales/en.json
+++ b/src/locales/en.json
@ -266,5 +266,31 @@
  "bd": "BD",
  "bd_leader": "BD Leader",
  "bd_salary": "BD Salary",
-  "bd_leader_history": "BD Leader History"
+  "bd_leader_history": "BD Leader History",
+
+  "current_status": "Current status:",
+  "review_passed": "Review passed",
+  "review_failed": "Review failed",
+  "awaiting_review": "Awaiting review",
+
+  "withdrawal_method": "Withdrawal Method",
+  "please_select_bank_card": "Please select a bank card",
+  "enter_cash_out_amount": "Please enter the cash out amount",
+  "cash_out_minimum": "*The cash out amount must be >= $50",
+
+  "bank_card": "Bank Card",
+  "currently_in_use": "Currently In Use",
+  "no_bank_cards_in_use": "Bank cards are not currently in use.",
+  "all_bank_cards": "All Bank Cards",
+  "no_bank_cards_added": "No bank cards have been added yet.",
+  "card_number": "Card Number",
+  "payee": "Payee",
+  "delete": "Delete",
+  "use": "Use",
+  "add_new_payment_method": "Add new payment method",
+  "choose_withdrawal_method": "Choose withdrawal method",
+  "card_name": "Card Name",
+  "enter_card_name": "Enter the Card Name",
+  "enter_card_number": "Enter the Card Number",
+  "enter_payee": "Enter the payee"
 }
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@ -266,5 +266,31 @@
  "bd": "BD",
  "bd_leader": "BD主管",
  "bd_salary": "BD工资",
-  "bd_leader_history": "BD主管历史记录"
+  "bd_leader_history": "BD主管历史记录",
+
+  "current_status": "当前状态：",
+  "review_passed": "审核通过",
+  "review_failed": "审核未通过",
+  "awaiting_review": "等待审核",
+
+  "withdrawal_method": "提现方式",
+  "please_select_bank_card": "请选择银行卡",
+  "enter_cash_out_amount": "请输入提现金额",
+  "cash_out_minimum": "*提现金额必须大于等于50美元",
+
+  "bank_card": "银行卡",
+  "currently_in_use": "当前使用的银行卡",
+  "no_bank_cards_in_use": "当前未使用银行卡。",
+  "all_bank_cards": "所有银行卡",
+  "no_bank_cards_added": "尚未添加银行卡。",
+  "card_number": "卡号",
+  "payee": "收款人",
+  "delete": "删除",
+  "use": "使用",
+  "add_new_payment_method": "添加新的付款方式",
+  "choose_withdrawal_method": "选择提现方式",
+  "card_name": "卡名",
+  "enter_card_name": "请输入卡名",
+  "enter_card_number": "请输入卡号",
+  "enter_payee": "请输入收款人"
 }
--- a/src/views/BDCenter/availableIncome.vue
+++ b/src/views/BDCenter/availableIncome.vue
@ -340,7 +340,7 @@
                -webkit-text-fill-color: transparent;
              "
            >
-              Review passed
+              {{ t('review_passed') }}
            </div>

            <!-- 未通过 -->
@ -355,7 +355,7 @@
                -webkit-text-fill-color: transparent;
              "
            >
-              Review failed
+              {{ t('review_failed') }}
            </div>

            <!-- 审核中 -->
@ -370,7 +370,7 @@
                -webkit-text-fill-color: transparent;
              "
            >
-              Awaiting review
+              {{ t('awaiting_review') }}
            </div>
          </div>

@ -401,7 +401,13 @@
                <span style="font-weight: 510; font-size: 1em">{{
                  t('passport_id_card', { current: bankCardInfo.previewUrls.length })
                }}</span>
-                <img src="../../assets/icon/arrow.png" alt="" style="width: 6vw" @click="gotoKYC" />
+                <img
+                  src="../../assets/icon/arrow.png"
+                  alt=""
+                  style="width: 6vw"
+                  @click="gotoKYC"
+                  class="flipImg"
+                />
              </div>
              <div style="display: flex; align-items: center; gap: 4px">
                <img
@ -607,19 +613,23 @@
          @click.stop
        >
          <div style="display: flex; justify-content: center; align-items: center">
-            <div style="margin: 0; font-size: 18px; font-weight: 600; color: #333">Cash out</div>
+            <div style="margin: 0; font-size: 18px; font-weight: 600; color: #333">
+              {{ t('cash_out') }}
+            </div>
          </div>

          <!-- 选择支付方式 -->
          <div style="box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); border-radius: 8px; padding: 12px">
            <div style="font-size: 0.9em; font-weight: 600; margin-bottom: 4px">
-              Withdrawal Method: {{ usedBankCard?.cardType || '' }}
+              {{ t('withdrawal_method') }}: {{ usedBankCard?.cardType || '' }}
            </div>
            <div
              style="display: flex; justify-content: space-between; align-items: center"
              @click="gotoselectBank"
            >
-              <div style="font-size: 0.9em; font-weight: 600">Please select a bank card</div>
+              <div style="font-size: 0.9em; font-weight: 600">
+                {{ t('please_select_bank_card') }}
+              </div>
              <img src="../../assets/icon/arrow.png" alt="" style="width: 6vw" class="flipImg" />
            </div>
          </div>
@ -631,7 +641,7 @@
              min="50"
              name=""
              id=""
-              placeholder="Please enter the cash out amount"
+              :placeholder="t('enter_cash_out_amount')"
              style="
                width: 100%;
                outline: none;
@ -644,7 +654,7 @@
          </div>

          <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.9em">
-            *The cash out amount must be >= $50
+            {{ t('cash_out_minimum') }}
          </div>

          <div style="display: flex; justify-content: center; align-items: center">
--- a/src/views/Wallet/CashOut/BankCard.vue
+++ b/src/views/Wallet/CashOut/BankCard.vue
@ -2,14 +2,14 @@
  <div class="fullPage">
    <GeneralHeader
      style="width: 100%"
-      title="Bank Card"
+      :title="t('bank_card')"
      :showLanguageList="true"
      color="black"
      :backQuery="backQuery"
    />
    <div style="padding: 16px; display: flex; flex-direction: column; gap: 8px">
      <!-- 当前使用的银行卡 -->
-      <div style="font-weight: 600">Currently In Use</div>
+      <div style="font-weight: 600">{{ t('currently_in_use') }}</div>
      <div
        style="
          border-radius: 8px;
@ -19,20 +19,20 @@
        "
      >
        <div v-if="!usedBankCard.cardNo" style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
-          Bank cards are not currently in use.
+          {{ t('no_bank_cards_in_use') }}
        </div>
        <div v-else style="display: flex; flex-direction: column; justify-content: space-around">
          <div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
-            Card Number:{{ usedBankCard.cardNo }}
+            {{ t('card_number') }}: {{ usedBankCard.cardNo }}
          </div>
          <div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
-            Payee:{{ usedBankCard.payee }}
+            {{ t('payee') }}: {{ usedBankCard.payee }}
          </div>
        </div>
      </div>

      <!-- 所拥有的银行卡 -->
-      <div style="font-weight: 600">All Bank Cards</div>
+      <div style="font-weight: 600">{{ t('all_bank_cards') }}</div>
      <!-- 列表为空 -->
      <div
        v-if="bankCardList.length === 0"
@ -44,13 +44,14 @@
        "
      >
        <div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
-          No bank cards have been added yet.
+          {{ t('no_bank_cards_added') }}
        </div>
      </div>
      <!-- 列表不为空 -->
      <div
        v-else
        v-for="card in bankCardList"
+        :key="card.id"
        style="
          border-radius: 8px;
          background: #fff;
@ -60,9 +61,11 @@
      >
        <div style="display: flex; flex-direction: column; gap: 4px">
          <div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
-            Card Number:{{ card.cardNo }}
+            {{ t('card_number') }}: {{ card.cardNo }}
+          </div>
+          <div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
+            {{ t('payee') }}: {{ card.payee }}
          </div>
-          <div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">Payee:{{ card.payee }}</div>
          <div style="display: flex; align-items: center; gap: 8px">
            <div
              style="
@ -81,7 +84,7 @@
              "
              @click="removeBankCard(card.id)"
            >
-              Delet
+              {{ t('delete') }}
            </div>
            <div
              style="
@ -100,7 +103,7 @@
              "
              @click="setDefaultBankCard(card.id)"
            >
-              Use
+              {{ t('use') }}
            </div>
          </div>
        </div>
@ -140,14 +143,14 @@
          />
        </div>

-        <div style="color: #fff; font-size: 0.9em">Add new payment method</div>
+        <div style="color: #fff; font-size: 0.9em">{{ t('add_new_payment_method') }}</div>
      </div>
    </div>

    <!-- 弹窗遮罩层 -->
    <maskLayer :maskLayerShow="maskLayerShow" @click="closedPopup">
      <!-- 选择提现方式抽屉 -->
-      <div style="position: fixed; bottom: 0; width: 100%">
+      <div style="position: fixed; bottom: 0; width: 100%" @click="closedPopup">
        <div
          style="
            background: white;
@ -163,13 +166,13 @@
          <!-- 标题 -->
          <div style="display: flex; justify-content: center; align-items: center">
            <div style="font-size: 1.1em; font-weight: 600; color: #333">
-              Add new payment method
+              {{ t('add_new_payment_method') }}
            </div>
          </div>

          <!-- 添加付款方式 -->
          <div style="font-size: 0.9em; font-weight: 600; margin-bottom: 4px">
-            Withdrawal Method:
+            {{ t('withdrawal_method') }}:
          </div>
          <div>
            <div
@ -183,7 +186,7 @@
                  {{ selectedMethod.cardType }}
                </div>
                <div v-else style="font-size: 0.9em; font-weight: 500; color: rgba(0, 0, 0, 0.4)">
-                  Choose withdrawel method
+                  {{ t('choose_withdrawal_method') }}
                </div>
                <img
                  src="../../../assets/icon/arrow.png"
@ -217,6 +220,7 @@
              >
                <div
                  v-for="way in withdrawalWaysList"
+                  :key="way"
                  style="font-size: 0.8em"
                  @click="selectMethod(way)"
                >
@ -228,7 +232,7 @@

          <!-- 输入银行卡号 -->
          <div v-if="cardNameShow" style="font-size: 0.9em; font-weight: 600; margin-bottom: 4px">
-            Card Name:
+            {{ t('card_name') }}:
          </div>
          <div
            v-if="cardNameShow"
@ -238,7 +242,7 @@
              type="text"
              name=""
              id=""
-              placeholder="Enter the Card Name"
+              :placeholder="t('enter_card_name')"
              style="
                width: 100%;
                outline: none;
@ -251,13 +255,15 @@
          </div>

          <!-- 输入银行卡号 -->
-          <div style="font-size: 0.9em; font-weight: 600; margin-bottom: 4px">Card Number:</div>
+          <div style="font-size: 0.9em; font-weight: 600; margin-bottom: 4px">
+            {{ t('card_number') }}:
+          </div>
          <div style="box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); border-radius: 8px; padding: 12px">
            <input
              type="text"
              name=""
              id=""
-              placeholder="Enter the Card Number"
+              :placeholder="t('enter_card_number')"
              style="
                width: 100%;
                outline: none;
@ -270,13 +276,13 @@
          </div>

          <!-- 输入收款人 -->
-          <div style="font-size: 0.9em; font-weight: 600; margin-bottom: 4px">Payee</div>
+          <div style="font-size: 0.9em; font-weight: 600; margin-bottom: 4px">{{ t('payee') }}</div>
          <div style="box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); border-radius: 8px; padding: 12px">
            <input
              type="text"
              name=""
              id=""
-              placeholder="Enter the payee"
+              :placeholder="t('enter_payee')"
              style="
                width: 100%;
                outline: none;
@ -306,7 +312,7 @@
              }"
              @click="Confirm"
            >
-              Confirm
+              {{ t('confirm') }}
            </div>
          </div>
        </div>
@ -330,11 +336,15 @@ import {
 } from '@/api/wallet'
 import maskLayer from '@/components/MaskLayer.vue'
 import { useRoute } from 'vue-router'
+import { setDocumentDirection } from '@/locales/i18n'

 const route = useRoute()
 const backQuery = ref(route.query || null)

-const { t } = useI18n()
+const { t, locale } = useI18n()
+
+// 监听语言变化并设置文档方向
+locale.value && setDocumentDirection(locale.value)

 const maskLayerShow = ref(false)
 const withdrawelMethodShow = ref(false)
@ -543,4 +553,13 @@ input::placeholder {
    font-size: 32px;
  }
 }
+
+/* RTL支持 */
+[dir='rtl'] .flipImg {
+  transform: scaleX(-1);
+}
+
+[dir='rtl'] .rotated {
+  transform: scaleX(-1) rotate(90deg);
+}
 </style>
--- a/src/views/Wallet/CashOut/KYC.vue
+++ b/src/views/Wallet/CashOut/KYC.vue
@ -125,7 +125,7 @@

      <!-- 当前状态 -->
      <div v-if="updateStatus" style="display: flex; align-items: flex-end; gap: 8px">
-        <div style="font-weight: 600">Current status:</div>
+        <div style="font-weight: 600">{{ t('current_status') }}</div>
        <div
          v-if="applyInfo.status === 'PASS'"
          style="
@ -137,7 +137,7 @@
            -webkit-text-fill-color: transparent;
          "
        >
-          Review passed
+          {{ t('review_passed') }}
        </div>
        <div
          v-else-if="applyInfo.status === 'NOT_PASS'"
@ -150,7 +150,7 @@
            -webkit-text-fill-color: transparent;
          "
        >
-          Review failed
+          {{ t('review_failed') }}
        </div>
        <div
          v-else-if="applyInfo.status === 'PENDING'"
@ -163,7 +163,7 @@
            -webkit-text-fill-color: transparent;
          "
        >
-          Awaiting review
+          {{ t('awaiting_review') }}
        </div>
      </div>