chore(我的Agency团队列表页面): 新增阿语翻译并调整more按钮布局
This commit is contained in:
hzj
parent
7207c2c372
commit
d23e077dd2
@ -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": "دخل المضيف:"
|
||||
}
|
||||
|
||||
@ -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:"
|
||||
}
|
||||
|
||||
@ -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": "主播收入:"
|
||||
}
|
||||
|
||||
@ -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
|
||||
style="
|
||||
font-size: 0.8em;
|
||||
|
||||
position: absolute;
|
||||
bottom: 4%;
|
||||
right: 4%;
|
||||
color: #bb92ff;
|
||||
font-weight: 500;
|
||||
"
|
||||
@click="incomeShow(AgencyInfo)"
|
||||
>
|
||||
<div class="moreBt" @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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user