From c996fd51a58b0604093f0315e2be04ebbf519026 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Tue, 20 Jan 2026 03:01:13 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=A8=E5=9B=A2=E9=98=9F=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=AD=E6=B7=BB=E5=8A=A0=E7=BB=9F=E8=AE=A1=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=EF=BC=8C=E5=B1=95=E7=A4=BA=E5=9B=A2=E9=98=9F=E6=80=BB?=
 =?UTF-8?q?=E4=BA=BA=E6=95=B0=E5=8F=8A=E5=90=84=E7=BA=A7=E4=BA=BA=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/typings/components.d.ts        |  4 +++
 src/views/user/components/team.vue | 39 +++++++++++++++++++++++-------
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index 5116e16..fc17a1b 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -48,6 +48,7 @@ declare module 'vue' {
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
     NCheckbox: typeof import('naive-ui')['NCheckbox']
+    NCol: typeof import('naive-ui')['NCol']
     NColorPicker: typeof import('naive-ui')['NColorPicker']
     NDataTable: typeof import('naive-ui')['NDataTable']
     NDatePicker: typeof import('naive-ui')['NDatePicker']
@@ -73,6 +74,7 @@ declare module 'vue' {
     NModal: typeof import('naive-ui')['NModal']
     NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
     NPopover: typeof import('naive-ui')['NPopover']
+    NRow: typeof import('naive-ui')['NRow']
     NScrollbar: typeof import('naive-ui')['NScrollbar']
     NSelect: typeof import('naive-ui')['NSelect']
     NSpace: typeof import('naive-ui')['NSpace']
@@ -141,6 +143,7 @@ declare global {
   const NButton: typeof import('naive-ui')['NButton']
   const NCard: typeof import('naive-ui')['NCard']
   const NCheckbox: typeof import('naive-ui')['NCheckbox']
+  const NCol: typeof import('naive-ui')['NCol']
   const NColorPicker: typeof import('naive-ui')['NColorPicker']
   const NDataTable: typeof import('naive-ui')['NDataTable']
   const NDatePicker: typeof import('naive-ui')['NDatePicker']
@@ -166,6 +169,7 @@ declare global {
   const NModal: typeof import('naive-ui')['NModal']
   const NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
   const NPopover: typeof import('naive-ui')['NPopover']
+  const NRow: typeof import('naive-ui')['NRow']
   const NScrollbar: typeof import('naive-ui')['NScrollbar']
   const NSelect: typeof import('naive-ui')['NSelect']
   const NSpace: typeof import('naive-ui')['NSpace']
diff --git a/src/views/user/components/team.vue b/src/views/user/components/team.vue
index cf3741c..d20eb4c 100644
--- a/src/views/user/components/team.vue
+++ b/src/views/user/components/team.vue
@@ -20,6 +20,8 @@ const fetchData: TableFetchData = ({ pagination, filter }) => {
   );
 };
 
+const { data } = safeClient(client.api.admin.referrals.summary.get({ query: { referralCode: props.code } }));
+
 const columns: TableBaseColumns = [
   {
     key: 'descendant.name',
@@ -68,15 +70,34 @@ const filterColumns: TableFilterColumns = [
 </script>
 
 <template>
-  <TableBase
-    ref="tableInst"
-    :fetch-data="fetchData"
-    :columns="columns"
-    :filter-columns="filterColumns"
-    :scroll-x="800"
-    :show-header-operation="false"
-    :filter-columns-count="3"
-  />
+  <div class="mt-5">
+    <NCard>
+      <NRow>
+        <NCol :span="6">
+          <NStatistic label="团队总人数" :value="data?.totalCount || 0" />
+        </NCol>
+        <NCol :span="6">
+          <NStatistic label="一级" :value="data?.level1Count || 0" />
+        </NCol>
+        <NCol :span="6">
+          <NStatistic label="二级" :value="data?.level2Count || 0" />
+        </NCol>
+        <NCol :span="6">
+          <NStatistic label="三级" :value="data?.level3Count || 0" />
+        </NCol>
+      </NRow>
+    </NCard>
+
+    <TableBase
+      ref="tableInst"
+      :fetch-data="fetchData"
+      :columns="columns"
+      :filter-columns="filterColumns"
+      :scroll-x="800"
+      :show-header-operation="false"
+      :filter-columns-count="3"
+    />
+  </div>
 </template>
 
 <style lang="css" scoped></style>