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

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": "أدخل اسم المستفيد"
 }

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"
 }

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": "请输入收款人"
 }

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">

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>

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>