Jelajahi Sumber

团队列表页统计数据的修改

wilhelm wong 2 bulan lalu
induk
melakukan
7838079057
1 mengubah file dengan 64 tambahan dan 4 penghapusan
  1. 64 4
      src/views/TeamView.vue

+ 64 - 4
src/views/TeamView.vue

@@ -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;