From e2720eecbba9f2ef6cc0b29b6e9c9722e3937f05 Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Tue, 1 Apr 2025 18:53:24 +0800
Subject: [PATCH] update

---
 src/views/dashboard/Dashboard.vue | 91 ++++++++-----------------------
 1 file changed, 22 insertions(+), 69 deletions(-)

diff --git a/src/views/dashboard/Dashboard.vue b/src/views/dashboard/Dashboard.vue
index c4036c7..9548baa 100644
--- a/src/views/dashboard/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -15,40 +15,31 @@
                 总用户
               </span>
             </template>
-            <a-statistic 
-              title="总用户数" 
-              :value="dashboardData.total_user_count || 0"
-              class="main-stat"
-              :value-style="{ color: '#722ed1' }"
-            />
-            <div class="sub-stats">
+            <div class="main-stat-row">
+              <a-statistic 
+                title="总用户数" 
+                :value="dashboardData.total_user_count || 0"
+                class="main-stat"
+                :value-style="{ color: '#722ed1' }"
+              />
               <a-statistic 
                 title="下单用户数" 
                 :value="dashboardData.has_order_user_count || 0"
+                class="main-stat"
                 :value-style="{ color: '#722ed1' }"
               />
+            </div>
+            <div class="sub-stats">
               <a-statistic 
                 title="完成配送用户数" 
                 :value="dashboardData.has_order_completed_user_count || 0"
                 :value-style="{ color: '#722ed1' }"
               />
-              <a-statistic 
-                title="付费用户数" 
-                :value="dashboardData.has_paid_user_count || 0"
-                :value-style="{ color: '#722ed1' }"
-              />
-            </div>
-            <div class="sub-stats">
               <a-statistic 
                 title="今日增加用户" 
                 :value="dashboardData.today_user_count || 0"
                 :value-style="{ color: '#722ed1' }"
               />
-              <a-statistic 
-                title="昨日增加用户" 
-                :value="dashboardData.yesterday_user_count || 0"
-                :value-style="{ color: '#722ed1' }"
-              />
             </div>
           </a-card>
         </a-col>
@@ -80,25 +71,6 @@
                 :value-style="{ color: '#fa8c16' }"
               />
             </div>
-            <div class="sub-stats">
-              <a-statistic 
-                title="已付费订单数" 
-                :value="dashboardData.order_pay_count || 0"
-                :value-style="{ color: '#fa8c16' }"
-              />
-              <a-statistic 
-                title="未支付订单数" 
-                :value="dashboardData.order_unpaid_count || 0"
-                :value-style="{ color: '#fa8c16' }"
-              />
-              <a-statistic 
-                title="付费率" 
-                :value="paymentRate"
-                :precision="1"
-                suffix="%"
-                :value-style="{ color: '#fa8c16' }"
-              />
-            </div>
             <div class="sub-stats">
               <a-statistic 
                 title="今日订单数" 
@@ -146,22 +118,6 @@
                 :value-style="{ color: '#52c41a' }"
               />
             </div>
-            <div class="sub-stats">
-              <a-statistic 
-                title="已付费金额" 
-                :value="dashboardData.pay_amount || 0"
-                :precision="1"
-                prefix="¥"
-                :value-style="{ color: '#52c41a' }"
-              />
-              <a-statistic 
-                title="未支付金额" 
-                :value="dashboardData.unpaid_amount || 0"
-                :precision="1"
-                prefix="¥"
-                :value-style="{ color: '#52c41a' }"
-              />
-            </div>
             <div class="sub-stats">
               <a-statistic 
                 title="今日订单金额" 
@@ -686,21 +642,6 @@ export default defineComponent({
   font-size: 20px;
 }
 
-.main-stat {
-  margin-bottom: 12px;
-  
-  :deep(.ant-statistic-title) {
-    font-size: 13px;
-    color: rgba(0, 0, 0, 0.65);
-    margin-bottom: 6px;
-  }
-  
-  :deep(.ant-statistic-content) {
-    font-size: 26px;
-    font-weight: 600;
-  }
-}
-
 .main-stat-row {
   display: flex;
   justify-content: space-between;
@@ -715,6 +656,10 @@ export default defineComponent({
   }
 }
 
+.main-stat-row .main-stat:last-child :deep(.ant-statistic-content) {
+  text-align: right;
+}
+
 .sub-stats {
   display: flex;
   justify-content: space-between;
@@ -746,6 +691,14 @@ export default defineComponent({
   }
 }
 
+.sub-stats :deep(.ant-statistic:last-child) .ant-statistic-content {
+  text-align: right;
+}
+
+.sub-stats :deep(.ant-statistic:last-child) .ant-statistic-title {
+  text-align: right;
+}
+
 .daily-stats-section {
   background: white;
   border-radius: 8px;