feat(user): 实现扫码登录和推荐人绑定功能- 添加扫码登录相关API接口，包括生成二维码、检查状态、确认登录等

- 在用户注册时支持从邀请参数中获取推荐人ID并绑定
- 修改管理员面板UI，添加统一扫码功能入口- 更新用户管理相关API地址，统一使用SERVER_API_URL
- 调整优惠券卡片样式，移除小程序不支持的CSS属性
- 添加聊天会话和消息管理相关API模块
- 新增分销商银行卡管理API接口
- 修改系统用户模型，增加推荐人ID字段
- 更新广告位查询接口，支持根据code获取广告位
- 调整邀请绑定接口参数，将refereeId改为dealerId
- 修改环境配置中的应用名称为"时里院子市集"
- 移除分享到朋友圈的相关代码
- 添加管理员面板组件，提供统一扫码等管理功能
-修复用户管理API请求参数传递问题
- 添加聊天消息和会话管理的完整CRUD接口
- 更新系统用户相关接口URL，确保正确调用后端服务
- 添加分销商银行卡管理的完整API接口实现
- 修改邀请绑定接口，使用dealerId替代refereeId参数
- 修复扫码登录相关API的URL拼接问题
- 添加二维码内容解析功能，支持多种格式的token提取
- 更新用户信息模型，增加推荐人ID字段
-优化管理员面板样式和交互逻辑- 调整优惠券组件样式，兼容小程序环境限制- 修复用户管理模块的API调用问题
- 添加聊天相关数据模型和接口定义
- 更新环境配置中的应用名称
-修复邀请绑定相关的参数传递问题- 添加扫码登录状态枚举和相关数据结构定义- 优化管理员功能面板的UI展示和交互体验- 修复系统用户管理接口的请求参数问题
- 添加分销商银行卡管理相关接口实现- 调整聊天消息和会话管理接口的数据结构定义
-修复用户管理模块中的API调用路径问题
- 添加扫码登录相关工具函数，如设备信息获取等
- 更新邀请绑定接口的数据模型定义
-优化管理员面板组件的样式和功能实现
-修复系统用户管理接口中的参数传递问题
- 添加聊天相关模块的完整API接口实现
- 调整分销商银行卡管理模块的数据结构定义- 修复扫码登录相关接口的URL拼接问题- 更新用户管理模块中的API调用方式
- 添加聊天消息批量发送等相关接口实现- 修复邀请绑定接口中的参数名称问题- 优化管理员面板组件的功能和交互逻辑
- 调整系统用户管理接口的请求参数传递方式
- 添加分销商银行卡管理模块的完整接口实现
-修复聊天相关接口中的数据结构问题
- 更新扫码登录相关接口的数据模型定义
- 优化管理员功能面板的展示效果和用户体验

src/dealer/team/index.tsx

@@ -1,56 +1,151 @@
-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 {Phone, Edit, Message} from '@nutui/icons-react-taro'
+import {Space, Empty, Avatar, Button} from '@nutui/nutui-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'
+import FixedButton from "@/components/FixedButton";
+import navTo from "@/utils/common";
+import {updateUser} from "@/api/system/user";
 
 interface TeamMemberWithStats extends ShopDealerReferee {
   name?: string
   avatar?: string
+  nickname?: string;
+  alias?: string;
+  phone?: string;
   orderCount?: number
   commission?: string
   status?: 'active' | 'inactive'
   subMembers?: number
   joinTime?: string
+  dealerAvatar?: string;
+  dealerName?: string;
+  dealerPhone?: string;
+}
+
+// 层级信息接口
+interface LevelInfo {
+  dealerId: number
+  dealerName?: string
+  level: number
 }
 
 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 [dealerId, setDealerId] = useState<number>()
+  // 层级栈，用于支持返回上一层
+  const [levelStack, setLevelStack] = useState<LevelInfo[]>([])
+  const [loading, setLoading] = useState(false)
+  // 当前查看的用户名称
+  const [currentDealerName, setCurrentDealerName] = useState<string>('')
 
-  const { dealerUser } = useDealerUser()
+  // 异步加载成员统计数据
+  const loadMemberStats = async (members: TeamMemberWithStats[]) => {
+    // 分批处理，避免过多并发请求
+    const batchSize = 3
+    for (let i = 0; i < members.length; i += batchSize) {
+      const batch = members.slice(i, i + batchSize)
+
+      const batchStats = await Promise.all(
+        batch.map(async (member) => {
+          try {
+            // 并行获取订单统计和下级成员数量
+            const [orderResult, subMembersResult] = await Promise.all([
+              pageShopDealerOrder({
+                page: 1,
+                userId: member.userId
+              }),
+              listShopDealerReferee({
+                dealerId: member.userId,
+                deleted: 0
+              })
+            ])
+
+            let orderCount = 0
+            let commission = '0.00'
+            let status: 'active' | 'inactive' = 'inactive'
+
+            if (orderResult?.list) {
+              const orders = orderResult.list
+              orderCount = orders.length
+              commission = orders.reduce((sum, order) => {
+                const levelCommission = member.level === 1 ? order.firstMoney :
+                  member.level === 2 ? order.secondMoney :
+                    order.thirdMoney
+                return sum + parseFloat(levelCommission || '0')
+              }, 0).toFixed(2)
+
+              // 判断活跃状态（30天内有订单为活跃）
+              const thirtyDaysAgo = new Date()
+              thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30)
+              const hasRecentOrder = orders.some(order =>
+                new Date(order.createTime || '') > thirtyDaysAgo
+              )
+              status = hasRecentOrder ? 'active' : 'inactive'
+            }
+
+            return {
+              ...member,
+              orderCount,
+              commission,
+              status,
+              subMembers: subMembersResult?.length || 0
+            }
+          } catch (error) {
+            console.error(`获取成员${member.userId}数据失败:`, error)
+            return {
+              ...member,
+              orderCount: 0,
+              commission: '0.00',
+              status: 'inactive' as const,
+              subMembers: 0
+            }
+          }
+        })
+      )
+
+      // 更新这一批成员的数据
+      setTeamMembers(prevMembers => {
+        const updatedMembers = [...prevMembers]
+        batchStats.forEach(updatedMember => {
+          const index = updatedMembers.findIndex(m => m.userId === updatedMember.userId)
+          if (index !== -1) {
+            updatedMembers[index] = updatedMember
+          }
+        })
+        return updatedMembers
+      })
+
+      // 添加小延迟，避免请求过于密集
+      if (i + batchSize < members.length) {
+        await new Promise(resolve => setTimeout(resolve, 100))
+      }
+    }
+  }
 
   // 获取团队数据
   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) {
+        console.log('团队成员原始数据:', refereeResult)
         // 处理团队成员数据
         const processedMembers: TeamMemberWithStats[] = refereeResult.map(member => ({
           ...member,
-          name: `用户${member.userId}`,
-          avatar: '',
+          name: `${member.userId}`,
           orderCount: 0,
           commission: '0.00',
           status: 'active' as const,
@@ -58,62 +153,13 @@ const DealerTeam: React.FC = () => {
           joinTime: member.createTime
         }))
 
-        // 并行获取每个成员的订单统计
-        const memberStats = await Promise.all(
-          processedMembers.map(async (member) => {
-            try {
-              const orderResult = await pageShopDealerOrder({
-                page: 1,
-                limit: 100,
-                userId: member.userId
-              })
+        // 先显示基础数据，然后异步加载详细统计
+        setTeamMembers(processedMembers)
+        setLoading(false)
 
-              if (orderResult?.list) {
-                const orders = orderResult.list
-                const orderCount = orders.length
-                const commission = orders.reduce((sum, order) => {
-                  const levelCommission = member.level === 1 ? order.firstMoney :
-                                        member.level === 2 ? order.secondMoney :
-                                        order.thirdMoney
-                  return sum + parseFloat(levelCommission || '0')
-                }, 0).toFixed(2)
+        // 异步加载每个成员的详细统计数据
+        loadMemberStats(processedMembers)
 
-                // 判断活跃状态（30天内有订单为活跃）
-                const thirtyDaysAgo = new Date()
-                thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30)
-                const hasRecentOrder = orders.some(order =>
-                  new Date(order.createTime || '') > thirtyDaysAgo
-                )
-
-                return {
-                  ...member,
-                  orderCount,
-                  commission,
-                  status: hasRecentOrder ? 'active' as const : 'inactive' as const
-                }
-              }
-              return member
-            } catch (error) {
-              console.error(`获取成员${member.userId}订单失败:`, error)
-              return member
-            }
-          })
-        )
-
-        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)
@@ -124,244 +170,270 @@ const DealerTeam: React.FC = () => {
     } finally {
       setLoading(false)
     }
-  }, [dealerUser?.userId])
+  }, [dealerUser?.userId, dealerId])
 
-  // 刷新数据
-  const handleRefresh = async () => {
-    setRefreshing(true)
-    await fetchTeamData()
-    setRefreshing(false)
+  // 查看下级成员
+  const getNextUser = (item: TeamMemberWithStats) => {
+    // 检查层级限制：最多只能查看2层（levelStack.length >= 1 表示已经是第2层了）
+    if (levelStack.length >= 1) {
+      return
+    }
+
+    // 如果没有下级成员，不允许点击
+    if (!item.subMembers || item.subMembers === 0) {
+      return
+    }
+
+    console.log('点击用户:', item.userId, item.name)
+
+    // 将当前层级信息推入栈中
+    const currentLevel: LevelInfo = {
+      dealerId: dealerId || dealerUser?.userId || 0,
+      dealerName: currentDealerName || (dealerId ? '上级' : dealerUser?.realName || '我'),
+      level: levelStack.length
+    }
+    setLevelStack(prev => [...prev, currentLevel])
+
+    // 切换到下级
+    setDealerId(item.userId)
+    setCurrentDealerName(item.nickname || item.dealerName || `用户${item.userId}`)
   }
 
-  // 初始化加载数据
+  // 返回上一层
+  const goBack = () => {
+    if (levelStack.length === 0) {
+      // 如果栈为空，返回首页或上一页
+      Taro.navigateBack()
+      return
+    }
+
+    // 从栈中弹出上一层信息
+    const prevLevel = levelStack[levelStack.length - 1]
+    setLevelStack(prev => prev.slice(0, -1))
+
+    if (prevLevel.dealerId === (dealerUser?.userId || 0)) {
+      // 返回到根层级
+      setDealerId(undefined)
+      setCurrentDealerName('')
+    } else {
+      setDealerId(prevLevel.dealerId)
+      setCurrentDealerName(prevLevel.dealerName || '')
+    }
+  }
+
+  // 一键拨打
+  const makePhoneCall = (phone: string) => {
+    Taro.makePhoneCall({
+      phoneNumber: phone,
+      fail: () => {
+        Taro.showToast({
+          title: '拨打取消',
+          icon: 'error'
+        });
+      }
+    });
+  };
+
+  // 别名备注
+  const editAlias = (item: any, index: number) => {
+    Taro.showModal({
+      title: '备注',
+      // @ts-ignore
+      editable: true,
+      placeholderText: '真实姓名',
+      content: item.alias || '',
+      success: async (res: any) => {
+        if (res.confirm && res.content !== undefined) {
+          try {
+            // 更新跟进情况
+            await updateUser({
+              userId: item.userId,
+              alias: res.content.trim()
+            });
+            teamMembers[index].alias = res.content.trim()
+            setTeamMembers(teamMembers)
+          } catch (error) {
+            console.error('备注失败:', error);
+            Taro.showToast({
+              title: '备注失败，请重试',
+              icon: 'error'
+            });
+          }
+        }
+      }
+    });
+  };
+
+  // 发送消息
+  const sendMessage = (item: TeamMemberWithStats) => {
+    return navTo(`/user/chat/message/add?id=${item.userId}`, true)
+  }
+
+  // 监听数据变化，获取团队数据
   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'
+  // 初始化当前用户名称
+  useEffect(() => {
+    if (!dealerId && dealerUser?.realName && !currentDealerName) {
+      setCurrentDealerName(dealerUser.realName)
     }
-  }
+  }, [dealerUser, dealerId, currentDealerName])
 
-  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, index: number) => {
+    // 判断是否可以点击：有下级成员且未达到层级限制
+    const canClick = member.subMembers && member.subMembers > 0 && levelStack.length < 1
+    // 判断是否显示手机号：只有本级（levelStack.length === 0）才显示
+    const showPhone = levelStack.length === 0
+    // 判断数据是否还在加载中（初始值都是0或'0.00'）
+    const isStatsLoading = member.orderCount === 0 && member.commission === '0.00' && member.subMembers === 0
 
-  const renderMemberItem = (member: TeamMemberWithStats) => (
-    <View key={member.id} className="bg-white rounded-lg p-4 mb-3 shadow-sm">
-      <View className="flex items-center mb-3">
-        <Avatar
-          size="40"
-          src={member.avatar}
-          icon={<User />}
-          className="mr-3"
-        />
-        <View className="flex-1">
-          <View className="flex items-center mb-1">
-            <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>
-          </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>
-
-      <View className="grid grid-cols-3 gap-4 text-center">
-        <View>
-          <Text className="text-sm font-semibold text-blue-600">
-            {member.orderCount}
-          </Text>
-          <Text className="text-xs text-gray-500">订单数</Text>
-        </View>
-        <View>
-          <Text className="text-sm font-semibold text-green-600">
-            ¥{member.commission}
-          </Text>
-          <Text className="text-xs text-gray-500">贡献佣金</Text>
-        </View>
-        <View>
-          <Text className="text-sm font-semibold text-purple-600">
-            {member.subMembers}
-          </Text>
-          <Text className="text-xs text-gray-500">团队成员</Text>
-        </View>
-      </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>
-  )
-
-  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 />
-        <Text className="text-gray-500 mt-2">加载中...</Text>
+      <View
+        key={member.id}
+        className={`bg-white rounded-lg p-4 mb-3 shadow-sm ${
+          canClick ? 'cursor-pointer' : 'cursor-default opacity-75'
+        }`}
+        onClick={() => getNextUser(member)}
+      >
+        <View className="flex items-center mb-3">
+          <Avatar
+            size="40"
+            src={member.avatar}
+            className="mr-3"
+          />
+          <View className="flex-1">
+            <View className="flex items-center justify-between mb-1">
+              <View className="flex items-center">
+                <Space>
+                  {member.alias ? <Text className="font-semibold text-blue-700 mr-2">{member.alias}</Text> :
+                    <Text className="font-semibold text-gray-800 mr-2">{member.nickname}</Text>}
+                  {/*别名备注*/}
+                  <Edit size={16} className={'text-blue-500 mr-2'} onClick={(e) => {
+                    e.stopPropagation()
+                    editAlias(member, index)
+                  }}/>
+                  {/*发送消息*/}
+                  <Message size={16} className={'text-orange-500 mr-2'} onClick={(e) => {
+                    e.stopPropagation()
+                    sendMessage(member)
+                  }}/>
+                </Space>
+              </View>
+              {/* 显示手机号（仅本级可见） */}
+              {showPhone && member.phone && (
+                <Text className="text-sm text-gray-500" onClick={(e) => {
+                  e.stopPropagation();
+                  makePhoneCall(member.phone || '');
+                }}>
+                  {member.phone}
+                  <Phone size={12} className="ml-1 text-green-500"/>
+                </Text>
+              )}
+            </View>
+            <Text className="text-xs text-gray-500">
+              加入时间：{member.joinTime}
+            </Text>
+          </View>
+        </View>
+
+        <View className="grid grid-cols-3 gap-4 text-center">
+          <Space>
+            <Text className="text-xs text-gray-500">订单数</Text>
+            <Text className="text-sm font-semibold text-blue-600">
+              {isStatsLoading ? '-' : member.orderCount}
+            </Text>
+          </Space>
+          <Space>
+            <Text className="text-xs text-gray-500">贡献佣金</Text>
+            <Text className="text-sm font-semibold text-green-600">
+              {isStatsLoading ? '-' : `¥${member.commission}`}
+            </Text>
+          </Space>
+          <Space>
+            <Text className="text-xs text-gray-500">团队成员</Text>
+            <Text className={`text-sm font-semibold ${
+              canClick ? 'text-purple-600' : 'text-gray-400'
+            }`}>
+              {isStatsLoading ? '-' : (member.subMembers || 0)}
+            </Text>
+          </Space>
+        </View>
       </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>
+  const renderOverview = () => (
+    <View className="rounded-xl p-4">
+      <View
+        className={'bg-white rounded-lg py-2 px-4 mb-3 shadow-sm text-right text-sm font-medium flex justify-between items-center'}>
+        <Text className="text-lg font-semibold">我的团队成员</Text>
+        <Text className={'text-gray-500 '}>成员数：{teamMembers.length}</Text>
+      </View>
+      {teamMembers.map(renderMemberItem)}
     </View>
   )
+
+  // 渲染顶部导航栏
+  const renderHeader = () => {
+    if (levelStack.length === 0) return null
+
+    return (
+      <View className="bg-white p-4 mb-3 shadow-sm">
+        <View className="flex items-center justify-between">
+          <View className="flex items-center">
+            <Text className="text-lg font-semibold">
+              {currentDealerName}的团队成员
+            </Text>
+          </View>
+          <Button
+            size="small"
+            type="primary"
+            onClick={goBack}
+            className="bg-blue-500"
+          >
+            返回上一层
+          </Button>
+        </View>
+      </View>
+    )
+  }
+
+  if (!dealerUser) {
+    return (
+      <Space className="flex items-center justify-center">
+        <Empty description="您还不是业务人员" style={{
+          backgroundColor: 'transparent'
+        }} actions={[{text: '立即申请', onClick: () => navTo(`/dealer/apply/add`, true)}]}
+        />
+      </Space>
+    )
+  }
+
+  return (
+    <>
+      {renderHeader()}
+
+      {loading ? (
+        <View className="flex items-center justify-center mt-20">
+          <Text className="text-gray-500">加载中...</Text>
+        </View>
+      ) : teamMembers.length > 0 ? (
+        renderOverview()
+      ) : (
+        <View className="flex items-center justify-center mt-20">
+          <Empty description="暂无成员" style={{
+            backgroundColor: 'transparent'
+          }}/>
+        </View>
+      )}
+
+      <FixedButton text={'立即邀请'} onClick={() => navTo(`/dealer/qrcode/index`, true)}/>
+    </>
+  )
 }
 
-export default DealerTeam
+export default DealerTeam;