feat(dealer): 添加客户列表功能并优化邀请流程

- 新增客户列表页面，实现客户数据获取和筛选功能
- 添加客户状态管理工具函数
- 优化邀请流程，支持绑定推荐关系
- 调整提现功能，增加调试组件
- 修复申请经销商功能中的推荐人ID逻辑

src/dealer/team/index.tsx

@@ -1,12 +1,12 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { View, Text } from '@tarojs/components'
-import { Empty, Tabs, Avatar, Tag, Progress, Loading, PullToRefresh } from '@nutui/nutui-react-taro'
-import { User, Star, StarFill } from '@nutui/icons-react-taro'
+import React, {useState, useEffect, useCallback} from 'react'
+import {View, Text} from '@tarojs/components'
+import {Space, Avatar, Loading} from '@nutui/nutui-react-taro'
+import {User} from '@nutui/icons-react-taro'
 import Taro from '@tarojs/taro'
-import { useDealerUser } from '@/hooks/useDealerUser'
-import { listShopDealerReferee } from '@/api/shop/shopDealerReferee'
-import { pageShopDealerOrder } from '@/api/shop/shopDealerOrder'
-import type { ShopDealerReferee } from '@/api/shop/shopDealerReferee/model'
+import {useDealerUser} from '@/hooks/useDealerUser'
+import {listShopDealerReferee} from '@/api/shop/shopDealerReferee'
+import {pageShopDealerOrder} from '@/api/shop/shopDealerOrder'
+import type {ShopDealerReferee} from '@/api/shop/shopDealerReferee/model'
 
 interface TeamMemberWithStats extends ShopDealerReferee {
   name?: string
@@ -19,30 +19,19 @@ interface TeamMemberWithStats extends ShopDealerReferee {
 }
 
 const DealerTeam: React.FC = () => {
-  const [activeTab, setActiveTab] = useState('0')
-  const [loading, setLoading] = useState<boolean>(false)
-  const [refreshing, setRefreshing] = useState<boolean>(false)
   const [teamMembers, setTeamMembers] = useState<TeamMemberWithStats[]>([])
-  const [teamStats, setTeamStats] = useState({
-    total: 0,
-    firstLevel: 0,
-    secondLevel: 0,
-    thirdLevel: 0,
-    monthlyCommission: '0.00'
-  })
-
-  const { dealerUser } = useDealerUser()
+  const {dealerUser} = useDealerUser()
+  const [dealerId, setDealerId] = useState<number>()
 
   // 获取团队数据
   const fetchTeamData = useCallback(async () => {
-    if (!dealerUser?.userId) return
+    if (!dealerUser?.userId && !dealerId) return
 
     try {
-      setLoading(true)
-
+      console.log(dealerId, 'dealerId>>>>>>>>>')
       // 获取团队成员关系
       const refereeResult = await listShopDealerReferee({
-        dealerId: dealerUser.userId
+        dealerId: dealerId ? dealerId : dealerUser?.userId
       })
 
       if (refereeResult) {
@@ -73,8 +62,8 @@ const DealerTeam: React.FC = () => {
                 const orderCount = orders.length
                 const commission = orders.reduce((sum, order) => {
                   const levelCommission = member.level === 1 ? order.firstMoney :
-                                        member.level === 2 ? order.secondMoney :
-                                        order.thirdMoney
+                    member.level === 2 ? order.secondMoney :
+                      order.thirdMoney
                   return sum + parseFloat(levelCommission || '0')
                 }, 0).toFixed(2)
 
@@ -102,18 +91,6 @@ const DealerTeam: React.FC = () => {
 
         setTeamMembers(memberStats)
 
-        // 计算统计数据
-        const stats = {
-          total: memberStats.length,
-          firstLevel: memberStats.filter(m => m.level === 1).length,
-          secondLevel: memberStats.filter(m => m.level === 2).length,
-          thirdLevel: memberStats.filter(m => m.level === 3).length,
-          monthlyCommission: memberStats.reduce((sum, member) =>
-            sum + parseFloat(member.commission || '0'), 0
-          ).toFixed(2)
-        }
-
-        setTeamStats(stats)
       }
     } catch (error) {
       console.error('获取团队数据失败:', error)
@@ -121,50 +98,28 @@ const DealerTeam: React.FC = () => {
         title: '获取团队数据失败',
         icon: 'error'
       })
-    } finally {
-      setLoading(false)
     }
-  }, [dealerUser?.userId])
+  }, [dealerUser?.userId, dealerId])
 
-  // 刷新数据
-  const handleRefresh = async () => {
-    setRefreshing(true)
-    await fetchTeamData()
-    setRefreshing(false)
+  const getNextUser = (item: TeamMemberWithStats) => {
+    console.log('点击用户:', item.userId, item.name)
+    setDealerId(item.userId)
   }
 
-  // 初始化加载数据
+  // 监听数据变化，获取团队数据
   useEffect(() => {
-    if (dealerUser?.userId) {
+    if (dealerUser?.userId || dealerId) {
       fetchTeamData().then()
     }
   }, [fetchTeamData])
 
-  const getLevelColor = (level: number) => {
-    switch (level) {
-      case 1: return '#f59e0b'
-      case 2: return '#8b5cf6'
-      case 3: return '#ec4899'
-      default: return '#6b7280'
-    }
-  }
-
-  const getLevelIcon = (level: number) => {
-    switch (level) {
-      case 1: return <StarFill color={getLevelColor(level)} size="16" />
-      case 2: return <Star color={getLevelColor(level)} size="16" />
-      case 3: return <User color={getLevelColor(level)} size="16" />
-      default: return <User color={getLevelColor(level)} size="16" />
-    }
-  }
-
   const renderMemberItem = (member: TeamMemberWithStats) => (
-    <View key={member.id} className="bg-white rounded-lg p-4 mb-3 shadow-sm">
+    <View key={member.id} className="bg-white rounded-lg p-4 mb-3 shadow-sm" onClick={() => getNextUser(member)}>
       <View className="flex items-center mb-3">
         <Avatar
           size="40"
           src={member.avatar}
-          icon={<User />}
+          icon={<User/>}
           className="mr-3"
         />
         <View className="flex-1">
@@ -172,194 +127,65 @@ const DealerTeam: React.FC = () => {
             <Text className="font-semibold text-gray-800 mr-2">
               {member.name}
             </Text>
-            {getLevelIcon(Number(member.level))}
-            <Text className="text-xs text-gray-500 ml-1">
-              {member.level}级
-            </Text>
+            {/*{getLevelIcon(Number(member.level))}*/}
+            {/*<Text className="text-xs text-gray-500 ml-1">*/}
+            {/*  {member.level}级*/}
+            {/*</Text>*/}
           </View>
           <Text className="text-xs text-gray-500">
             加入时间：{member.joinTime}
           </Text>
         </View>
-        <View className="text-right">
-          <Tag
-            type={member.status === 'active' ? 'success' : 'default'}
-          >
-            {member.status === 'active' ? '活跃' : '沉默'}
-          </Tag>
-        </View>
+        {/*<View className="text-right">*/}
+        {/*  <Tag*/}
+        {/*    type={member.status === 'active' ? 'success' : 'default'}*/}
+        {/*  >*/}
+        {/*    {member.status === 'active' ? '活跃' : '沉默'}*/}
+        {/*  </Tag>*/}
+        {/*</View>*/}
       </View>
 
       <View className="grid grid-cols-3 gap-4 text-center">
-        <View>
+        <Space>
+          <Text className="text-xs text-gray-500">订单数</Text>
           <Text className="text-sm font-semibold text-blue-600">
             {member.orderCount}
           </Text>
-          <Text className="text-xs text-gray-500">订单数</Text>
-        </View>
-        <View>
+        </Space>
+        <Space>
+          <Text className="text-xs text-gray-500">贡献佣金</Text>
           <Text className="text-sm font-semibold text-green-600">
             ¥{member.commission}
           </Text>
-          <Text className="text-xs text-gray-500">贡献佣金</Text>
-        </View>
-        <View>
+        </Space>
+        <Space>
+          <Text className="text-xs text-gray-500">团队成员</Text>
           <Text className="text-sm font-semibold text-purple-600">
             {member.subMembers}
           </Text>
-          <Text className="text-xs text-gray-500">下级成员</Text>
-        </View>
+        </Space>
       </View>
     </View>
   )
 
   const renderOverview = () => (
-    <View className="p-4">
-      {/* 团队统计卡片 */}
-      <View className="rounded-xl p-6 mb-6 text-white relative overflow-hidden" style={{
-        background: 'linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%)'
-      }}>
-        {/* 装饰背景 - 小程序兼容版本 */}
-        <View className="absolute w-32 h-32 rounded-full" style={{
-          backgroundColor: 'rgba(255, 255, 255, 0.1)',
-          top: '-16px',
-          right: '-16px'
-        }}></View>
-        <View className="absolute w-20 h-20 rounded-full" style={{
-          backgroundColor: 'rgba(255, 255, 255, 0.05)',
-          bottom: '-10px',
-          left: '-10px'
-        }}></View>
-
-        <View className="relative z-10">
-          <Text className="text-lg font-bold mb-4 text-white">团队总览</Text>
-          <View className="grid grid-cols-2 gap-4">
-            <View>
-              <Text className="text-2xl font-bold mb-1 text-white">{teamStats.total}</Text>
-              <Text className="text-sm" style={{ color: 'rgba(255, 255, 255, 0.8)' }}>团队总人数</Text>
-            </View>
-            <View>
-              <Text className="text-2xl font-bold mb-1 text-white">¥{teamStats.monthlyCommission}</Text>
-              <Text className="text-sm" style={{ color: 'rgba(255, 255, 255, 0.8)' }}>本月团队佣金</Text>
-            </View>
-          </View>
-        </View>
-      </View>
-
-      {/* 层级分布 */}
-      <View className="bg-white rounded-xl p-4 mb-4">
-        <Text className="font-semibold mb-4 text-gray-800">层级分布</Text>
-        <View className="gap-2">
-          <View className="flex items-center justify-between">
-            <View className="flex items-center">
-              <StarFill color="#f59e0b" size="16" className="mr-2" />
-              <Text className="text-sm">一级成员</Text>
-            </View>
-            <View className="flex items-center">
-              <Text className="text-sm font-semibold mr-2">{teamStats.firstLevel}</Text>
-              <Progress
-                percent={(teamStats.firstLevel / teamStats.total) * 100}
-                strokeWidth="6"
-                background={'#f59e0b'}
-                className="w-20"
-              />
-            </View>
-          </View>
-
-          <View className="flex items-center justify-between">
-            <View className="flex items-center">
-              <Star color="#8b5cf6" size="16" className="mr-2" />
-              <Text className="text-sm">二级成员</Text>
-            </View>
-            <View className="flex items-center">
-              <Text className="text-sm font-semibold mr-2">{teamStats.secondLevel}</Text>
-              <Progress
-                percent={(teamStats.secondLevel / teamStats.total) * 100}
-                strokeWidth="6"
-                background={'#8b5cf6'}
-                className="w-20"
-              />
-            </View>
-          </View>
-
-          <View className="flex items-center justify-between">
-            <View className="flex items-center">
-              <User color="#ec4899" size="16" className="mr-2" />
-              <Text className="text-sm">三级成员</Text>
-            </View>
-            <View className="flex items-center">
-              <Text className="text-sm font-semibold mr-2">{teamStats.thirdLevel}</Text>
-              <Progress
-                percent={(teamStats.thirdLevel / teamStats.total) * 100}
-                strokeWidth="6"
-                background={'#ec4899'}
-                className="w-20"
-              />
-            </View>
-          </View>
-        </View>
-      </View>
-
-      {/* 最新成员 */}
-      <View className="bg-white rounded-xl p-4">
-        <Text className="font-semibold mb-4 text-gray-800">最新成员</Text>
-        {teamMembers.slice(0, 3).map(renderMemberItem)}
-      </View>
+    <View className="rounded-xl p-4">
+      {teamMembers.slice(0, 3).map(renderMemberItem)}
     </View>
   )
 
-  const renderMemberList = (level?: number) => (
-    <PullToRefresh
-      disabled={refreshing}
-      onRefresh={handleRefresh}
-    >
-      <View className="p-4">
-        {loading ? (
-          <View className="text-center py-8">
-            <Loading />
-            <Text className="text-gray-500 mt-2">加载中...</Text>
-          </View>
-        ) : teamMembers
-          .filter(member => !level || member.level === level)
-          .length > 0 ? (
-          teamMembers
-            .filter(member => !level || member.level === level)
-            .map(renderMemberItem)
-        ) : (
-          <Empty description={`暂无${level ? level + '级' : ''}团队成员`} />
-        )}
-      </View>
-    </PullToRefresh>
-  )
-
   if (!dealerUser) {
     return (
       <View className="bg-gray-50 min-h-screen flex items-center justify-center">
-        <Loading />
+        <Loading/>
         <Text className="text-gray-500 mt-2">加载中...</Text>
       </View>
     )
   }
 
   return (
-    <View className="bg-gray-50 min-h-screen">
-      <Tabs value={activeTab} onChange={() => setActiveTab}>
-        <Tabs.TabPane title="团队总览" value="0">
-          {renderOverview()}
-        </Tabs.TabPane>
-
-        <Tabs.TabPane title="一级成员" value="1">
-          {renderMemberList(1)}
-        </Tabs.TabPane>
-
-        <Tabs.TabPane title="二级成员" value="2">
-          {renderMemberList(2)}
-        </Tabs.TabPane>
-
-        <Tabs.TabPane title="三级成员" value="3">
-          {renderMemberList(3)}
-        </Tabs.TabPane>
-      </Tabs>
+    <View className="min-h-screen">
+      {renderOverview()}
     </View>
   )
 }