From d46ff6e7773acbd72ff220d148e64dc5b4882d95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=AC=94=E8=AE=B0=E6=9C=AC=E9=87=8C=E7=9A=84=E6=B0=B8?=
 =?UTF-8?q?=E5=B9=B3?= <fsmecx@gmail.com>
Date: Thu, 24 Jul 2025 20:35:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9C=AC=E6=AC=A1=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E5=A6=82=E4=B8=8B=20?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E9=80=89=E9=A1=B9=E5=8D=A1=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/mine/traffic-pool/detail/data.ts    | 32 +++++++++++++++++++
 .../mine/traffic-pool/list/index.module.scss  | 12 +++++++
 .../pages/mine/traffic-pool/list/index.tsx    |  7 ++--
 3 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/nkebao/src/pages/mine/traffic-pool/detail/data.ts b/nkebao/src/pages/mine/traffic-pool/detail/data.ts
index e69de29b..f1c30d00 100644
--- a/nkebao/src/pages/mine/traffic-pool/detail/data.ts
+++ b/nkebao/src/pages/mine/traffic-pool/detail/data.ts
@@ -0,0 +1,32 @@
+// 用户详情类型
+export interface TrafficPoolUserDetail {
+  id: number;
+  nickname: string;
+  avatar: string;
+  wechatId: string;
+  status: number | string;
+  addTime: string;
+  lastInteraction: string;
+  deviceName?: string;
+  wechatAccountName?: string;
+  customerServiceName?: string;
+  poolNames?: string[];
+  rfmScore?: {
+    recency: number;
+    frequency: number;
+    monetary: number;
+    segment?: string;
+  };
+  totalSpent?: number;
+  interactionCount?: number;
+  conversionRate?: number;
+  tags?: string[];
+  packages?: string[];
+  interactions?: Array<{
+    id: string;
+    type: string;
+    content: string;
+    timestamp: string;
+    value?: number;
+  }>;
+}
diff --git a/nkebao/src/pages/mine/traffic-pool/list/index.module.scss b/nkebao/src/pages/mine/traffic-pool/list/index.module.scss
index 275503da..c37654d8 100644
--- a/nkebao/src/pages/mine/traffic-pool/list/index.module.scss
+++ b/nkebao/src/pages/mine/traffic-pool/list/index.module.scss
@@ -1,6 +1,18 @@
 .listWrap {
 padding: 12px;
 }
+
+.cardContent{
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  position: relative;
+}
+.checkbox{
+  position: absolute;
+  top: 0;
+  left: 0;
+}
 .cardWrap{
   background: #fff;
   padding: 16px;
diff --git a/nkebao/src/pages/mine/traffic-pool/list/index.tsx b/nkebao/src/pages/mine/traffic-pool/list/index.tsx
index aee21e7e..64698a6e 100644
--- a/nkebao/src/pages/mine/traffic-pool/list/index.tsx
+++ b/nkebao/src/pages/mine/traffic-pool/list/index.tsx
@@ -195,18 +195,17 @@ const TrafficPoolList: React.FC = () => {
                     navigate(`/mine/traffic-pool/detail/${item.id}`)
                   }
                 >
-                  <div
-                    style={{ display: "flex", alignItems: "center", gap: 12 }}
-                  >
+                  <div className={styles.cardContent}>
                     <Checkbox
                       checked={selectedIds.includes(item.id)}
                       onChange={(e) => handleSelect(item.id, e.target.checked)}
                       style={{ marginRight: 8 }}
                       onClick={(e) => e.stopPropagation()}
+                      className={styles.checkbox}
                     />
                     <Avatar
                       src={item.avatar || defaultAvatar}
-                      style={{ "--size": "44px" }}
+                      style={{ "--size": "60px" }}
                     />
                     <div style={{ flex: 1 }}>
                       <div className={styles.title}>