From c8c2f28f9008989f8035da5e78c262b326707065 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 22 五月 2025 17:04:39 +0800
Subject: [PATCH] Merge branch 'dev-ui' of http://120.26.58.240:8888/r/LifePaymentFront into dev-ui

---
 packages/components/src/views/Mine/Dashboard.vue |  123 ++++++++++++++++++++++-------------------
 1 files changed, 66 insertions(+), 57 deletions(-)

diff --git a/packages/components/src/views/Mine/Dashboard.vue b/packages/components/src/views/Mine/Dashboard.vue
index b936761..3d624ad 100644
--- a/packages/components/src/views/Mine/Dashboard.vue
+++ b/packages/components/src/views/Mine/Dashboard.vue
@@ -1,68 +1,77 @@
 <template>
-  <NutGrid :gutter="10" :column-num="3" square class="dashboard-view">
-    <NutGridItem>
-      <div class="pro-statistics-wrapper">
-        <div class="pro-statistics-title">绱鏀舵</div>
-        <div class="pro-statistics-content">
-          {{ toThousand(topStatistics?.accumulatedReceipts ?? 0) }}
-        </div>
+  <div class="dashboard-view">
+    <Chunk title="鏍稿績鏁版嵁">
+      <DashboardLargeCell class="dashboard-large-cell1">
+        <DashboardItem
+          title="绱鏀舵"
+          :icon="IconDashboard1"
+          :value="toThousand(topStatistics?.accumulatedReceipts ?? 0)"
+          need-symbol
+        />
+        <DashboardItem
+          title="鏄ㄦ棩鏀舵"
+          :icon="IconDashboard2"
+          :value="toThousand(topStatistics?.receiptsYesterday ?? 0)"
+          need-symbol
+        />
+      </DashboardLargeCell>
+      <div class="dashboard-item-grad">
+        <DashboardItem
+          title="绱涓嬪崟"
+          :icon="IconDashboard3"
+          :value="toThousand(topStatistics?.accumulatedOrders ?? 0)"
+        />
+        <DashboardItem
+          title="鏄ㄦ棩涓嬪崟"
+          :icon="IconDashboard4"
+          :value="toThousand(topStatistics?.ordersNumYesterday ?? 0)"
+        />
+        <DashboardItem
+          title="绱鏀剁泭"
+          :icon="IconDashboard5"
+          :value="toThousand(topStatistics?.accumulatedIncome ?? 0)"
+          need-symbol
+        />
+        <DashboardItem
+          title="鏄ㄦ棩鎴愬姛"
+          :icon="IconDashboard6"
+          :value="toThousand(topStatistics?.yesterdaySuccess ?? 0)"
+        />
       </div>
-    </NutGridItem>
-    <NutGridItem>
-      <div class="pro-statistics-wrapper">
-        <div class="pro-statistics-title">鏄ㄦ棩鏀舵</div>
-        <div class="pro-statistics-content">
-          {{ toThousand(topStatistics?.receiptsYesterday ?? 0) }}
-        </div>
-      </div>
-    </NutGridItem>
-    <NutGridItem>
-      <div class="pro-statistics-wrapper">
-        <div class="pro-statistics-title">绱鏀剁泭</div>
-        <div class="pro-statistics-content">
-          {{ toThousand(topStatistics?.accumulatedIncome ?? 0) }}
-        </div>
-      </div>
-    </NutGridItem>
-    <NutGridItem>
-      <div class="pro-statistics-wrapper">
-        <div class="pro-statistics-title">绱涓嬪崟</div>
-        <div class="pro-statistics-content">{{ topStatistics?.accumulatedOrders ?? 0 }}</div>
-      </div>
-    </NutGridItem>
-    <NutGridItem>
-      <div class="pro-statistics-wrapper">
-        <div class="pro-statistics-title">鏄ㄦ棩涓嬪崟</div>
-        <div class="pro-statistics-content">{{ topStatistics?.ordersNumYesterday ?? 0 }}</div>
-      </div>
-    </NutGridItem>
-    <NutGridItem>
-      <div class="pro-statistics-wrapper">
-        <div class="pro-statistics-title">鏄ㄦ棩鎴愬姛</div>
-        <div class="pro-statistics-content">{{ topStatistics?.yesterdaySuccess ?? 0 }}</div>
-      </div>
-    </NutGridItem>
-    <NutGridItem>
-      <div class="pro-statistics-wrapper">
-        <div class="pro-statistics-title">绱鐢ㄦ埛</div>
-        <div class="pro-statistics-content">{{ topStatistics?.accumulatedUsers ?? 0 }}</div>
-      </div>
-    </NutGridItem>
-    <NutGridItem>
-      <div class="pro-statistics-wrapper">
-        <div class="pro-statistics-title">鏄ㄦ棩娲昏穬</div>
-        <div class="pro-statistics-content">{{ topStatistics?.yesterdayActiveUsers ?? 0 }}</div>
-      </div>
-    </NutGridItem>
-  </NutGrid>
+    </Chunk>
+    <Chunk title="鐢ㄦ埛缁熻">
+      <DashboardLargeCell>
+        <DashboardItem
+          title="绱鐢ㄦ埛"
+          :icon="IconDashboard7"
+          :value="toThousand(topStatistics?.accumulatedUsers ?? 0)"
+        />
+        <DashboardItem
+          title="鏄ㄦ棩娲昏穬"
+          :icon="IconDashboard8"
+          :value="toThousand(topStatistics?.yesterdayActiveUsers ?? 0)"
+        />
+      </DashboardLargeCell>
+    </Chunk>
+  </div>
 </template>
 
 <script setup lang="ts">
-import { Grid as NutGrid, GridItem as NutGridItem } from '@nutui/nutui-taro';
 import { toThousand } from '../../utils';
 import { useQuery } from '@tanstack/vue-query';
 import { useLifeRechargeContext, TopStatisticsOutput } from '@life-payment/core-vue';
 import { computed } from 'vue';
+import Chunk from '../../components/Layout/Chunk.vue';
+import DashboardLargeCell from './components/DashboardLargeCell.vue';
+import DashboardItem from './components/DashboardItem.vue';
+import IconDashboard1 from '../../assets/dashboard/icon-dashboard1.png';
+import IconDashboard2 from '../../assets/dashboard/icon-dashboard2.png';
+import IconDashboard3 from '../../assets/dashboard/icon-dashboard3.png';
+import IconDashboard4 from '../../assets/dashboard/icon-dashboard4.png';
+import IconDashboard5 from '../../assets/dashboard/icon-dashboard5.png';
+import IconDashboard6 from '../../assets/dashboard/icon-dashboard6.png';
+import IconDashboard7 from '../../assets/dashboard/icon-dashboard7.png';
+import IconDashboard8 from '../../assets/dashboard/icon-dashboard8.png';
 
 defineOptions({
   name: 'Dashboard',
@@ -83,6 +92,6 @@
     );
   },
   placeholderData: () => ({} as TopStatisticsOutput),
-  enabled: computed(() => blLifeRecharge.accountModel.userChannles.length > 0),
+  enabled: computed(() => blLifeRecharge.accountModel.isBackClientUser),
 });
 </script>

--
Gitblit v1.9.1