|
|
@@ -55,18 +55,42 @@
|
|
|
</template>
|
|
|
</Column>
|
|
|
|
|
|
- <Column field="totalRevenue" header="总营收" style="min-width: 120px">
|
|
|
+ <Column field="totalRevenue" header="总分润" style="min-width: 120px">
|
|
|
<template #body="slotProps">
|
|
|
<span class="total-revenue-text font-semibold"> ¥{{ formatAmount(slotProps.data.totalRevenue) }} </span>
|
|
|
</template>
|
|
|
</Column>
|
|
|
|
|
|
- <Column field="todayRevenue" header="今日营收" style="min-width: 120px">
|
|
|
+ <Column field="totalSales" header="总销售" style="min-width: 120px">
|
|
|
+ <template #body="slotProps">
|
|
|
+ <span class="total-sales-text font-semibold"> ¥{{ formatAmount(slotProps.data.totalSales) }} </span>
|
|
|
+ </template>
|
|
|
+ </Column>
|
|
|
+
|
|
|
+ <Column field="todayRevenue" header="今日分润" style="min-width: 120px">
|
|
|
<template #body="slotProps">
|
|
|
<span class="today-revenue-text font-semibold"> ¥{{ formatAmount(slotProps.data.todayRevenue) }} </span>
|
|
|
</template>
|
|
|
</Column>
|
|
|
|
|
|
+ <Column field="todaySales" header="今日销售" style="min-width: 120px">
|
|
|
+ <template #body="slotProps">
|
|
|
+ <span class="today-sales-text font-semibold"> ¥{{ formatAmount(slotProps.data.todaySales) }} </span>
|
|
|
+ </template>
|
|
|
+ </Column>
|
|
|
+
|
|
|
+ <Column field="todayDAU" header="今日日活" style="min-width: 100px">
|
|
|
+ <template #body="slotProps">
|
|
|
+ <span class="today-dau-text font-semibold">{{ slotProps.data.todayDAU || 0 }}</span>
|
|
|
+ </template>
|
|
|
+ </Column>
|
|
|
+
|
|
|
+ <Column field="totalUsers" header="总用户" style="min-width: 100px">
|
|
|
+ <template #body="slotProps">
|
|
|
+ <span class="total-users-text font-semibold">{{ slotProps.data.totalUsers || 0 }}</span>
|
|
|
+ </template>
|
|
|
+ </Column>
|
|
|
+
|
|
|
<Column field="commissionRate" header="佣金比例" style="min-width: 100px">
|
|
|
<template #body="slotProps">
|
|
|
<span class="commission-rate-text"> {{ slotProps.data.commissionRate }}% </span>
|
|
|
@@ -143,13 +167,29 @@
|
|
|
<span class="text-lg font-bold text-purple-700">{{ teamData.commissionRate }}%</span>
|
|
|
</div>
|
|
|
<div class="flex flex-col items-start">
|
|
|
- <span class="text-gray-500 text-base font-medium mb-1">总营收</span>
|
|
|
+ <span class="text-gray-500 text-base font-medium mb-1">总分润收入</span>
|
|
|
<span class="text-2xl font-extrabold text-blue-600">¥{{ formatAmount(teamData.totalRevenue) }}</span>
|
|
|
</div>
|
|
|
<div class="flex flex-col items-start">
|
|
|
- <span class="text-gray-500 text-base font-medium mb-1">今日营收</span>
|
|
|
+ <span class="text-gray-500 text-base font-medium mb-1">总销售额</span>
|
|
|
+ <span class="text-2xl font-extrabold text-orange-600">¥{{ formatAmount(teamData.totalSales) }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="flex flex-col items-start">
|
|
|
+ <span class="text-gray-500 text-base font-medium mb-1">今日分润收入</span>
|
|
|
<span class="text-2xl font-extrabold text-green-600">¥{{ formatAmount(teamData.todayRevenue) }}</span>
|
|
|
</div>
|
|
|
+ <div class="flex flex-col items-start">
|
|
|
+ <span class="text-gray-500 text-base font-medium mb-1">今日销售额</span>
|
|
|
+ <span class="text-2xl font-extrabold text-red-600">¥{{ formatAmount(teamData.todaySales) }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="flex flex-col items-start">
|
|
|
+ <span class="text-gray-500 text-base font-medium mb-1">今日日活用户</span>
|
|
|
+ <span class="text-2xl font-extrabold text-indigo-600">{{ teamData.todayDAU || 0 }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="flex flex-col items-start">
|
|
|
+ <span class="text-gray-500 text-base font-medium mb-1">总用户数</span>
|
|
|
+ <span class="text-2xl font-extrabold text-teal-600">{{ teamData.totalUsers || 0 }}</span>
|
|
|
+ </div>
|
|
|
<div class="flex flex-col items-start">
|
|
|
<span class="text-gray-500 text-base font-medium mb-1">推广码</span>
|
|
|
<span
|
|
|
@@ -541,11 +581,31 @@ const teamData = computed(() => tableData.value?.content?.[0] || null)
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
+.total-sales-text {
|
|
|
+ color: #f59e0b;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
.today-revenue-text {
|
|
|
color: #059669;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
+.today-sales-text {
|
|
|
+ color: #ef4444;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
+.today-dau-text {
|
|
|
+ color: #8b5cf6;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
+.total-users-text {
|
|
|
+ color: #14b8a6;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
.commission-rate-text {
|
|
|
color: #7c3aed;
|
|
|
font-weight: 500;
|