chore(我的Agency团队列表页面): 新增阿语翻译并调整more按钮布局

src/locales/ar.json

@@ -389,5 +389,11 @@
 
   "bds_label": "BD:",
   "bd_id_label": "معرف BD:",
-  "agency_team_income": "دخل فريق الوكالة :"
+  "agency_team_income": "دخل فريق الوكالة :",
+
+  "agencies_label": "الوكالات:",
+  "agency_id_label": "معرف الوكالة:",
+  "number_of_hosts_personnel_label": "عدد موظفي المضيفين:",
+  "host_label": "المضيف:",
+  "host_income_label": "دخل المضيف:"
 }

src/locales/en.json

@@ -389,5 +389,11 @@
 
   "bds_label": "BDs:",
   "bd_id_label": "BD's lD:",
-  "agency_team_income": "Agency Team Income :"
+  "agency_team_income": "Agency Team Income :",
+
+  "agencies_label": "Agencies:",
+  "agency_id_label": "Agency's lD:",
+  "number_of_hosts_personnel_label": "Number Of Hosts Personnel:",
+  "host_label": "Host:",
+  "host_income_label": "Host income:"
 }

src/locales/zh.json

@@ -389,5 +389,11 @@
 
   "bds_label": "BD:",
   "bd_id_label": "BD ID:",
-  "agency_team_income": "代理团队收入 :"
+  "agency_team_income": "代理团队收入 :",
+
+  "agencies_label": "代理:",
+  "agency_id_label": "代理ID:",
+  "number_of_hosts_personnel_label": "主播人员数量:",
+  "host_label": "主播:",
+  "host_income_label": "主播收入:"
 }

src/views/AdminCenter/MyAgencyTeams.vue

@@ -3,7 +3,7 @@
     <!-- 顶部导航 -->
     <GeneralHeader
       :showLanguageList="true"
-      title="My Agency Teams"
+      :title="t('my_agency_teams')"
       color="black"
       style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
     />
@@ -35,11 +35,11 @@
         "
       >
         <div style="display: flex; align-items: flex-end">
-          <div style="font-weight: 600; font-size: 0.9em">Total income:</div>
+          <div style="font-weight: 600; font-size: 0.9em">{{ t('total_income') }}</div>
           <div style="font-weight: 700">${{ TeamOverview?.totalIncome || 0 }}</div>
         </div>
         <div style="display: flex; align-items: flex-end">
-          <div style="font-weight: 600; font-size: 0.9em">Previous period income:</div>
+          <div style="font-weight: 600; font-size: 0.9em">{{ t('previous_period_income') }}</div>
           <div style="font-weight: 700">${{ TeamOverview?.previousPeriodIncome || 0 }}</div>
         </div>
       </div>
@@ -60,9 +60,11 @@
         "
       >
         <!-- 团队信息 -->
-        <div style="font-weight: 700">Agencies: {{ TeamOverview?.memberCount || 0 }}</div>
+        <div style="font-weight: 700">
+          {{ t('agencies_label') }} {{ TeamOverview?.memberCount || 0 }}
+        </div>
         <div style="font-size: 0.9em; font-weight: 600">
-          Team Total Income: ${{ TeamOverview?.teamTotalIncome || 0 }}
+          {{ t('team_total_income_label') }} ${{ TeamOverview?.teamTotalIncome || 0 }}
         </div>
 
         <!-- Agency成员列表 -->
@@ -129,7 +131,7 @@
               {{ AgencyInfo.userName || '-' }}
             </div>
             <div style="color: rgba(0, 0, 0, 0.4); font-size: 0.8em; font-weight: 500">
-              ID:{{ AgencyInfo.account || '-' }}
+              {{ t('user_id_prefix') }}{{ AgencyInfo.account || '-' }}
             </div>
           </div>
 
@@ -145,26 +147,15 @@
             "
           >
             <div style="font-size: 0.8em; font-weight: 500; text-align: end">
-              Number Of Hosts Personnel: {{ AgencyInfo?.subMemberCount || 0 }}
+              {{ t('number_of_hosts_personnel_label') }} {{ AgencyInfo?.subMemberCount || 0 }}
             </div>
             <div style="font-size: 0.8em; font-weight: 500; text-align: end">
-              Total Income: ${{ AgencyInfo?.totalIncome || 0 }}
+              {{ t('total_income') }} ${{ AgencyInfo?.totalIncome || 0 }}
             </div>
           </div>
 
           <!-- 更多按钮 -->
-          <div
+          <div class="moreBt" @click="incomeShow(AgencyInfo)">
-            style="
-              font-size: 0.8em;
-
-              position: absolute;
-              bottom: 4%;
-              right: 4%;
-              color: #bb92ff;
-              font-weight: 500;
-            "
-            @click="incomeShow(AgencyInfo)"
-          >
             {{ t('more') }}
           </div>
         </div>
@@ -191,7 +182,7 @@
         >
           <div style="display: flex; justify-content: center; align-items: center">
             <div style="margin: 0; font-weight: 600; color: #333">
-              Agency's lD: {{ moreUserAccount }}
+              {{ t('agency_id_label') }} {{ moreUserAccount }}
             </div>
           </div>
 
@@ -216,7 +207,7 @@
             </div>
           </div>
 
-          <div style="font-weight: 600">Income Details:</div>
+          <div style="font-weight: 600">{{ t('income_details_label') }}</div>
 
           <!-- 历史薪资列表 -->
           <div style="overflow-y: auto" class="salaryList">
@@ -234,9 +225,9 @@
                   <div>{{ incomeInfo.settlementPeriod }}</div>
 
                   <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px">
-                    <div>Host: {{ incomeInfo.memberCount }}</div>
+                    <div>{{ t('host_label') }} {{ incomeInfo.memberCount }}</div>
                     <!-- 团队收入 -->
-                    <div>Team total Income: ${{ incomeInfo.teamTotalIncome }}</div>
+                    <div>{{ t('team_total_income_text') }} ${{ incomeInfo.teamTotalIncome }}</div>
                   </div>
                 </template>
               </historySalary>
@@ -249,9 +240,9 @@
               >
                 <template v-slot:content>
                   <div>{{ incomeInfo.settlementPeriod }}</div>
-                  <div>Host: {{ incomeInfo.memberCount }}</div>
+                  <div>{{ t('host_label') }} {{ incomeInfo.memberCount }}</div>
                   <!-- 团队收入 -->
-                  <div>Team total income: ${{ incomeInfo.teamTotalIncome }}</div>
+                  <div>{{ t('team_total_income_text') }} ${{ incomeInfo.teamTotalIncome }}</div>
                 </template>
               </historySalary>
             </div>
@@ -276,10 +267,10 @@
           <div style="font-weight: 600">{{ incomeDetailsItem.settlementPeriod }}</div>
           <div style="display: flex; justify-content: space-between">
             <div style="font-size: 0.8em; font-weight: 600">
-              Host：{{ incomeDetailsItem.memberCount }}
+              {{ t('host_label') }}：{{ incomeDetailsItem.memberCount }}
             </div>
             <div style="font-size: 0.8em; font-weight: 600">
-              Team Total income: ${{ incomeDetailsItem.teamTotalIncome }}
+              {{ t('team_total_income_text_capitalized') }} ${{ incomeDetailsItem.teamTotalIncome }}
             </div>
           </div>
 
@@ -345,7 +336,7 @@
                 {{ member.userName }}
               </div>
               <div style="color: rgba(0, 0, 0, 0.4); font-size: 0.8em; font-weight: 500">
-                ID:{{ member.account }}
+                {{ t('user_id_prefix') }}{{ member.account }}
               </div>
             </div>
 
@@ -360,7 +351,7 @@
                 justify-content: space-around;
               "
             >
-              <div style="font-size: 0.8em; font-weight: 500">Host income:</div>
+              <div style="font-size: 0.8em; font-weight: 500">{{ t('host_income_label') }}</div>
               <div style="font-size: 0.8em; font-weight: 500">${{ member.income }}</div>
             </div>
           </div>
@@ -492,6 +483,21 @@ onMounted(() => {
   display: none;
 }
 
+.moreBt {
+  font-size: 0.8em;
+
+  position: absolute;
+  bottom: 4%;
+  right: 4%;
+  color: #bb92ff;
+  font-weight: 500;
+}
+
+[dir='rtl'] .moreBt {
+  left: 4%;
+  right: auto;
+}
+
 @media screen and (max-width: 360px) {
   * {
     font-size: 10px;