chore(我的rechargeAgency团队列表页面): 新增阿语翻译

src/locales/ar.json

@@ -395,5 +395,10 @@
   "agency_id_label": "معرف الوكالة:",
   "number_of_hosts_personnel_label": "عدد موظفي المضيفين:",
   "host_label": "المضيف:",
-  "host_income_label": "دخل المضيف:"
+  "host_income_label": "دخل المضيف:",
+
+  "my_linked_recharge_agent": "وكيل الشحن المرتبط بي",
+  "my_total_income": "إجمالي دخلي:",
+  "this_period_recharge": "إعادة الشحن لهذه الفترة:",
+  "recharge_agency_list": "قائمة وكيل إعادة الشحن:"
 }

src/locales/en.json

@@ -395,5 +395,10 @@
   "agency_id_label": "Agency's lD:",
   "number_of_hosts_personnel_label": "Number Of Hosts Personnel:",
   "host_label": "Host:",
-  "host_income_label": "Host income:"
+  "host_income_label": "Host income:",
+
+  "my_linked_recharge_agent": "My linked recharge agent",
+  "my_total_income": "My total income:",
+  "this_period_recharge": "This period's recharge:",
+  "recharge_agency_list": "Recharge Agency List:"
 }

src/locales/zh.json

@@ -395,5 +395,10 @@
   "agency_id_label": "代理ID:",
   "number_of_hosts_personnel_label": "主播人员数量:",
   "host_label": "主播:",
-  "host_income_label": "主播收入:"
+  "host_income_label": "主播收入:",
+
+  "my_linked_recharge_agent": "我关联的充值代理",
+  "my_total_income": "我的总收入：",
+  "this_period_recharge": "本期充值：",
+  "recharge_agency_list": "充值代理列表："
 }

src/views/AdminCenter/MyRechargeAgency.vue

@@ -3,7 +3,8 @@
     <div class="bg">
       <!-- 顶部导航 -->
       <GeneralHeader
-        title="My linked recharge agent"
+        :showLanguageList="true"
+        :title="t('my_linked_recharge_agent')"
         :backImg="imgUrl"
         color="black"
         style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
@@ -31,20 +32,20 @@
           "
         >
           <div style="font: 0.8em; font-weight: 500; color: rgba(0, 0, 0, 0.4)">
-            My total income:
+            {{ t('my_total_income') }}
           </div>
           <div style="font: 0.9em; font-weight: 600; color: rgba(0, 0, 0, 0.8)">
             ${{ totalRechargeDetail[0]?.totalAmount || 0 }}
           </div>
           <div style="font: 0.8em; font-weight: 500; color: rgba(0, 0, 0, 0.4)">
-            This period's recharge:
+            {{ t('this_period_recharge') }}
           </div>
           <div style="font: 0.9em; font-weight: 600; color: rgba(0, 0, 0, 0.8)">
             ${{ totalRechargeDetail[1]?.totalAmount || 0 }}
           </div>
         </div>
 
-        <div style="font-weight: 700">Recharge Agency List:</div>
+        <div style="font-weight: 700">{{ t('recharge_agency_list') }}</div>
 
         <div
           v-for="(agency, aIndex) in agencyList"
@@ -104,7 +105,7 @@
                   {{ agency.userNickname }}
                 </div>
                 <div style="font-weight: 700; color: rgba(0, 0, 0, 0.4)">
-                  ID:{{ agency.account }}
+                  {{ t('user_id_prefix') }}{{ agency.account }}
                 </div>
               </div>
             </div>
@@ -136,13 +137,17 @@
           <transition name="info-fade">
             <div style="display: flex" v-show="aIndex == selectedAgencyIndex">
               <div style="flex: 1">
-                <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">This month:</div>
+                <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">
+                  {{ t('this_month') }}:
+                </div>
                 <div style="font-weight: 600; color: rgba(0, 0, 0, 0.8)">
                   ${{ formatPrice(agency.thisMonth) || 0 }}
                 </div>
               </div>
               <div style="flex: 1">
-                <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">Last month:</div>
+                <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">
+                  {{ t('last_month') }}:
+                </div>
                 <div style="font-weight: 600; color: rgba(0, 0, 0, 0.8)">
                   ${{ formatPrice(agency.lastMonth) || 0 }}
                 </div>
@@ -160,6 +165,7 @@
 <script setup>
 import { onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 import { useThrottle } from '@/utils/useDebounce'
 
 import { getAgencyList, getAgencyTotalRecharge } from '@/api/userInfo'
@@ -169,6 +175,7 @@ import GeneralHeader from '@/components/GeneralHeader.vue'
 const imgUrl = new URL('/src/assets/icon/arrowBackBlack.png', import.meta.url).href
 
 const router = useRouter()
+const { t, locale } = useI18n()
 
 const selectedAgencyIndex = ref(-1) //选中的agency用户下标
 const showAgencyInfo = (index) => {