```

feat(shop): 新增聊天会话与消息模块API新增了聊天会话（ShopChatConversation）和聊天消息（ShopChatMessage）两个模块的完整API接口及数据模型，包括分页查询、列表查询、新增、修改、删除、批量删除及根据ID查询等功能。feat(system): 扩展用户模型并重构API调用方式

为用户模型添加推荐人ID字段（refereeId），并在用户相关API中引入SERVER_API_URL常量以统一管理接口前缀，优化调用结构。

feat(dealer): 优化经销商邀请注册流程将经销商申请页面调整为邀请注册模式，增强微信手机号获取、头像上传及昵称校验逻辑，完善邀请关系绑定机制，并更新页面标题提示信息。
```

src/dealer/apply/add.config.ts

@@ -1,4 +1,4 @@
 export default definePageConfig({
-  navigationBarTitleText: '注册成为VIP',
+  navigationBarTitleText: '邀请注册',
   navigationBarTextStyle: 'black'
 })

src/dealer/apply/add.tsx

@@ -1,96 +1,210 @@
 import {useEffect, useState, useRef} from "react";
-import {Loading, CellGroup, Cell, Input, Form} from '@nutui/nutui-react-taro'
+import {Loading, CellGroup, Input, Form, Avatar, Button, Space} from '@nutui/nutui-react-taro'
 import {Edit} from '@nutui/icons-react-taro'
 import Taro from '@tarojs/taro'
 import {View} from '@tarojs/components'
 import FixedButton from "@/components/FixedButton";
 import {useUser} from "@/hooks/useUser";
-import {ShopDealerApply} from "@/api/shop/shopDealerApply/model";
-import {
-  addShopDealerApply,
-  pageShopDealerApply,
-  updateShopDealerApply
-} from "@/api/shop/shopDealerApply";
-import {getShopDealerUser} from "@/api/shop/shopDealerUser";
+import {TenantId} from "@/config/app";
+import {updateUser} from "@/api/system/user";
+import {User} from "@/api/system/user/model";
+import {getStoredInviteParams, handleInviteRelation} from "@/utils/invite";
+import {addShopDealerUser} from "@/api/shop/shopDealerUser";
+import {listUserRole, updateUserRole} from "@/api/system/userRole";
+
+// 类型定义
+interface ChooseAvatarEvent {
+  detail: {
+    avatarUrl: string;
+  };
+}
+
+interface InputEvent {
+  detail: {
+    value: string;
+  };
+}
 
 const AddUserAddress = () => {
-  const {user} = useUser()
+  const {user, loginUser} = useUser()
   const [loading, setLoading] = useState<boolean>(true)
-  const [FormData, setFormData] = useState<ShopDealerApply>()
+  const [FormData, setFormData] = useState<User>()
   const formRef = useRef<any>(null)
-  const [isEditMode, setIsEditMode] = useState<boolean>(false)
-  const [existingApply, setExistingApply] = useState<ShopDealerApply | null>(null)
 
-  // 获取审核状态文字
-  const getApplyStatusText = (status?: number) => {
-    switch (status) {
-      case 10:
-        return '待审核'
-      case 20:
-        return '审核通过'
-      case 30:
-        return '驳回'
-      default:
-        return '未知状态'
+  const reload = async () => {
+    const inviteParams = getStoredInviteParams()
+    if (inviteParams?.inviter) {
+      setFormData({
+        ...user,
+        refereeId: Number(inviteParams.inviter),
+        // 清空昵称，强制用户手动输入
+        nickname: '',
+      })
+    } else {
+      // 如果没有邀请参数，也要确保昵称为空
+      setFormData({
+        ...user,
+        nickname: '',
+      })
     }
   }
 
-  const reload = async () => {
-    // 判断用户是否登录
-    if (!user?.userId) {
-      return false;
+
+  const uploadAvatar = ({detail}: ChooseAvatarEvent) => {
+    // 先更新本地显示的头像（临时显示）
+    const tempFormData = {
+      ...FormData,
+      avatar: `${detail.avatarUrl}`,
     }
-    // 查询当前用户ID是否已有申请记录
-    try {
-      const res = await pageShopDealerApply({userId: user?.userId});
-      if (res && res.count > 0) {
-        setIsEditMode(true);
-        setExistingApply(res.list[0]);
-        // 如果有记录，填充表单数据
-        setFormData(res.list[0]);
-        setLoading(false)
-      } else {
-        setIsEditMode(false);
-        setExistingApply(null);
-        setLoading(false)
+    setFormData(tempFormData)
+
+    Taro.uploadFile({
+      url: 'https://server.websoft.top/api/oss/upload',
+      filePath: detail.avatarUrl,
+      name: 'file',
+      header: {
+        'content-type': 'application/json',
+        TenantId
+      },
+      success: async (res) => {
+        const data = JSON.parse(res.data);
+        if (data.code === 0) {
+          const finalAvatarUrl = `${data.data.thumbnail}`
+
+          try {
+            // 使用 useUser hook 的 updateUser 方法更新头像
+            await updateUser({
+              avatar: finalAvatarUrl
+            })
+
+            Taro.showToast({
+              title: '头像上传成功',
+              icon: 'success',
+              duration: 1500
+            })
+          } catch (error) {
+            console.error('更新用户头像失败:', error)
+          }
+
+          // 无论用户信息更新是否成功，都要更新本地FormData
+          const finalFormData = {
+            ...tempFormData,
+            avatar: finalAvatarUrl
+          }
+          setFormData(finalFormData)
+
+          // 同步更新表单字段
+          if (formRef.current) {
+            formRef.current.setFieldsValue({
+              avatar: finalAvatarUrl
+            })
+          }
+        } else {
+          // 上传失败，恢复原来的头像
+          setFormData({
+            ...FormData,
+            avatar: user?.avatar || ''
+          })
+          Taro.showToast({
+            title: '上传失败',
+            icon: 'error'
+          })
+        }
+      },
+      fail: (error) => {
+        console.error('上传头像失败:', error)
+        Taro.showToast({
+          title: '上传失败',
+          icon: 'error'
+        })
+        // 恢复原来的头像
+        setFormData({
+          ...FormData,
+          avatar: user?.avatar || ''
+        })
       }
-    } catch (error) {
-      setLoading(true)
-      console.error('查询申请记录失败:', error);
-      setIsEditMode(false);
-      setExistingApply(null);
-    }
+    })
   }
 
   // 提交表单
   const submitSucceed = async (values: any) => {
     try {
+      // 验证必填字段
+      if (!values.phone && !FormData?.phone) {
+        Taro.showToast({
+          title: '请先获取手机号',
+          icon: 'error'
+        });
+        return;
+      }
+
+      // 验证昵称：必须填写且不能是默认的微信昵称
+      const nickname = values.realName || FormData?.nickname || '';
+      if (!nickname || nickname.trim() === '') {
+        Taro.showToast({
+          title: '请填写昵称',
+          icon: 'error'
+        });
+        return;
+      }
+
+      // 检查是否为默认的微信昵称（常见的默认昵称）
+      const defaultNicknames = ['微信用户', 'WeChat User', '微信昵称'];
+      if (defaultNicknames.includes(nickname.trim())) {
+        Taro.showToast({
+          title: '请填写真实昵称，不能使用默认昵称',
+          icon: 'error'
+        });
+        return;
+      }
+
+      // 验证昵称长度
+      if (nickname.trim().length < 2) {
+        Taro.showToast({
+          title: '昵称至少需要2个字符',
+          icon: 'error'
+        });
+        return;
+      }
+
+      if (!values.avatar && !FormData?.avatar) {
+        Taro.showToast({
+          title: '请上传头像',
+          icon: 'error'
+        });
+        return;
+      }
+      console.log(values,FormData)
+
+      const roles = await listUserRole({userId: user?.userId})
+      console.log(roles, 'roles...')
 
       // 准备提交的数据
-      const submitData = {
-        ...values,
-        realName: values.realName || user?.nickname,
-        mobile: user?.phone,
-        refereeId: values.refereeId || FormData?.refereeId,
-        applyStatus: 10,
-        auditTime: undefined
-      };
-      await getShopDealerUser(submitData.refereeId);
+      await updateUser({
+        userId: user?.userId,
+        nickname: values.realName || FormData?.nickname,
+        phone: values.phone || FormData?.phone,
+        avatar: values.avatar || FormData?.avatar,
+        refereeId: values.refereeId || FormData?.refereeId
+      });
 
-      // 如果是编辑模式，添加现有申请的id
-      if (isEditMode && existingApply?.applyId) {
-        submitData.applyId = existingApply.applyId;
+      await addShopDealerUser({
+        userId: user?.userId,
+        realName: values.realName || FormData?.nickname,
+        mobile: values.phone || FormData?.phone,
+        refereeId: values.refereeId || FormData?.refereeId
+      })
+
+      if (roles.length > 0) {
+        await updateUserRole({
+          ...roles[0],
+          roleId: 1848
+        })
       }
 
-      // 执行新增或更新操作
-      if (isEditMode) {
-        await updateShopDealerApply(submitData);
-      } else {
-        await addShopDealerApply(submitData);
-      }
 
       Taro.showToast({
-        title: `${isEditMode ? '提交' : '提交'}成功`,
+        title: `注册成功`,
         icon: 'success'
       });
 
@@ -100,13 +214,130 @@ const AddUserAddress = () => {
 
     } catch (error) {
       console.error('验证邀请人失败:', error);
-      return Taro.showToast({
-        title: '邀请人ID不存在',
-        icon: 'error'
-      });
     }
   }
 
+  // 获取微信昵称
+  const getWxNickname = (nickname: string) => {
+    // 更新表单数据
+    const updatedFormData = {
+      ...FormData,
+      nickname: nickname
+    }
+    setFormData(updatedFormData);
+
+    // 同步更新表单字段
+    if (formRef.current) {
+      formRef.current.setFieldsValue({
+        realName: nickname
+      })
+    }
+  }
+
+  /* 获取用户手机号 */
+  const handleGetPhoneNumber = ({detail}: { detail: { code?: string, encryptedData?: string, iv?: string } }) => {
+    const {code, encryptedData, iv} = detail
+    Taro.login({
+      success: (loginRes) => {
+        if (code) {
+          Taro.request({
+            url: 'https://server.websoft.top/api/wx-login/loginByMpWxPhone',
+            method: 'POST',
+            data: {
+              authCode: loginRes.code,
+              code,
+              encryptedData,
+              iv,
+              notVerifyPhone: true,
+              refereeId: 0,
+              sceneType: 'save_referee',
+              tenantId: TenantId
+            },
+            header: {
+              'content-type': 'application/json',
+              TenantId
+            },
+            success: async function (res) {
+              if (res.data.code == 1) {
+                Taro.showToast({
+                  title: res.data.message,
+                  icon: 'error',
+                  duration: 2000
+                })
+                return false;
+              }
+              // 登录成功
+              const token = res.data.data.access_token;
+              const userData = res.data.data.user;
+              console.log(userData, 'userData...')
+              // 使用useUser Hook的loginUser方法更新状态
+              loginUser(token, userData);
+
+              if (userData.phone) {
+                console.log('手机号已获取', userData.phone)
+                const updatedFormData = {
+                  ...FormData,
+                  phone: userData.phone,
+                  // 不自动填充微信昵称，保持用户已输入的昵称
+                  nickname: FormData?.nickname || '',
+                  // 只在没有头像时才使用微信头像
+                  avatar: FormData?.avatar || userData.avatar
+                }
+                setFormData(updatedFormData)
+
+                // 更新表单字段值
+                if (formRef.current) {
+                  formRef.current.setFieldsValue({
+                    phone: userData.phone,
+                    // 不覆盖用户已输入的昵称
+                    realName: FormData?.nickname || '',
+                    avatar: FormData?.avatar || userData.avatar
+                  })
+                }
+
+                Taro.showToast({
+                  title: '手机号获取成功',
+                  icon: 'success',
+                  duration: 1500
+                })
+              }
+
+
+              // 处理邀请关系
+              if (userData?.userId) {
+                try {
+                  const inviteSuccess = await handleInviteRelation(userData.userId)
+                  if (inviteSuccess) {
+                    Taro.showToast({
+                      title: '邀请关系建立成功',
+                      icon: 'success',
+                      duration: 2000
+                    })
+                  }
+                } catch (error) {
+                  console.error('处理邀请关系失败:', error)
+                }
+              }
+
+              // 显示登录成功提示
+              // Taro.showToast({
+              //   title: '注册成功',
+              //   icon: 'success',
+              //   duration: 1500
+              // })
+
+              // 不需要重新启动小程序，状态已经通过useUser更新
+              // 可以选择性地刷新当前页面数据
+              // await reload();
+            }
+          })
+        } else {
+          console.log('登录失败！')
+        }
+      }
+    })
+  }
+
   // 处理固定按钮点击事件
   const handleFixedButtonClick = () => {
     // 触发表单提交
@@ -123,6 +354,18 @@ const AddUserAddress = () => {
     })
   }, [user?.userId]); // 依赖用户ID，当用户变化时重新加载
 
+  // 当FormData变化时，同步更新表单字段值
+  useEffect(() => {
+    if (formRef.current && FormData) {
+      formRef.current.setFieldsValue({
+        refereeId: FormData.refereeId,
+        phone: FormData.phone,
+        avatar: FormData.avatar,
+        realName: FormData.nickname
+      });
+    }
+  }, [FormData]);
+
   if (loading) {
     return <Loading className={'px-2'}>加载中</Loading>
   }
@@ -139,50 +382,49 @@ const AddUserAddress = () => {
       >
         <View className={'bg-gray-100 h-3'}></View>
         <CellGroup style={{padding: '4px 0'}}>
-          <Form.Item name="realName" label="名称" initialValue={user?.nickname} required>
-            <Input placeholder="经销商名称" maxLength={10}/>
-          </Form.Item>
-          <Form.Item name="mobile" label="手机号" initialValue={user?.mobile} required>
-            <Input placeholder="请输入手机号" disabled={true} maxLength={11}/>
-          </Form.Item>
           <Form.Item name="refereeId" label="邀请人ID" initialValue={FormData?.refereeId} required>
-            <Input placeholder="邀请人ID"/>
+            <Input placeholder="邀请人ID" disabled={true}/>
+          </Form.Item>
+          <Form.Item name="phone" label="手机号" initialValue={FormData?.phone} required>
+            <View className="flex items-center justify-between">
+              <Input
+                placeholder="请填写手机号"
+                disabled={true}
+                maxLength={11}
+                value={FormData?.phone || ''}
+              />
+              <Button style={{color: '#ffffff'}} open-type="getPhoneNumber" onGetPhoneNumber={handleGetPhoneNumber}>
+                <Space>
+                  <Button size="small">点击获取</Button>
+                </Space>
+              </Button>
+            </View>
+          </Form.Item>
+          {
+            FormData?.phone && <Form.Item name="avatar" label="头像" initialValue={FormData?.avatar} required>
+              <Button open-type="chooseAvatar" style={{height: '58px'}} onChooseAvatar={uploadAvatar}>
+                <Avatar src={FormData?.avatar || user?.avatar} size="54"/>
+              </Button>
+            </Form.Item>
+          }
+          <Form.Item name="realName" label="昵称" initialValue="" required>
+            <Input
+              type="nickname"
+              className="info-content__input"
+              placeholder="请获取微信昵称"
+              value={FormData?.nickname || ''}
+              onInput={(e: InputEvent) => getWxNickname(e.detail.value)}
+            />
           </Form.Item>
         </CellGroup>
       </Form>
-      {/* 审核状态显示（仅在编辑模式下显示） */}
-      {isEditMode && (
-        <CellGroup>
-          <Cell
-            title={'审核状态'}
-            extra={
-              <span style={{
-                color: FormData?.applyStatus === 20 ? '#52c41a' :
-                  FormData?.applyStatus === 30 ? '#ff4d4f' : '#faad14'
-              }}>
-                {getApplyStatusText(FormData?.applyStatus)}
-              </span>
-            }
-          />
-          {FormData?.applyStatus === 20 && (
-            <Cell title={'审核时间'} extra={FormData?.auditTime || '无'}/>
-          )}
-          {FormData?.applyStatus === 30 && (
-            <Cell title={'驳回原因'} extra={FormData?.rejectReason || '无'}/>
-          )}
-        </CellGroup>
-      )}
-
 
       {/* 底部浮动按钮 */}
-      {(!isEditMode || FormData?.applyStatus === 10 || FormData?.applyStatus === 30) && (
-        <FixedButton
-          icon={<Edit/>}
-          text={isEditMode ? '保存修改' : '提交申请'}
-          disabled={FormData?.applyStatus === 10}
-          onClick={handleFixedButtonClick}
-        />
-      )}
+      <FixedButton
+        icon={<Edit/>}
+        text={'立即注册'}
+        onClick={handleFixedButtonClick}
+      />
 
     </>
   );

src/dealer/team/index.config.ts

@@ -1,3 +1,3 @@
 export default definePageConfig({
-  navigationBarTitleText: '我的团队'
+  navigationBarTitleText: '邀请推广'
 })

src/dealer/team/index.tsx

@@ -1,33 +1,139 @@
 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 {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 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 [teamMembers, setTeamMembers] = useState<TeamMemberWithStats[]>([])
   const {dealerUser} = useDealerUser()
   const [dealerId, setDealerId] = useState<number>()
+  // 层级栈，用于支持返回上一层
+  const [levelStack, setLevelStack] = useState<LevelInfo[]>([])
+  const [loading, setLoading] = useState(false)
+  // 当前查看的用户名称
+  const [currentDealerName, setCurrentDealerName] = useState<string>('')
+
+  // 异步加载成员统计数据
+  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 && !dealerId) return
 
     try {
+      setLoading(true)
       console.log(dealerId, 'dealerId>>>>>>>>>')
       // 获取团队成员关系
       const refereeResult = await listShopDealerReferee({
@@ -35,11 +141,11 @@ const DealerTeam: React.FC = () => {
       })
 
       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,
@@ -47,49 +153,12 @@ 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)
-
-                // 判断活跃状态（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)
+        // 异步加载每个成员的详细统计数据
+        loadMemberStats(processedMembers)
 
       }
     } catch (error) {
@@ -98,12 +167,106 @@ const DealerTeam: React.FC = () => {
         title: '获取团队数据失败',
         icon: 'error'
       })
+    } finally {
+      setLoading(false)
     }
   }, [dealerUser?.userId, dealerId])
 
+  // 查看下级成员
   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)
   }
 
   // 监听数据变化，获取团队数据
@@ -113,81 +276,164 @@ const DealerTeam: React.FC = () => {
     }
   }, [fetchTeamData])
 
-  const renderMemberItem = (member: TeamMemberWithStats) => (
-    <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/>}
-          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>
+  // 初始化当前用户名称
+  useEffect(() => {
+    if (!dealerId && dealerUser?.realName && !currentDealerName) {
+      setCurrentDealerName(dealerUser.realName)
+    }
+  }, [dealerUser, dealerId, currentDealerName])
 
-      <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">
-            {member.orderCount}
-          </Text>
-        </Space>
-        <Space>
-          <Text className="text-xs text-gray-500">贡献佣金</Text>
-          <Text className="text-sm font-semibold text-green-600">
-            ¥{member.commission}
-          </Text>
-        </Space>
-        <Space>
-          <Text className="text-xs text-gray-500">团队成员</Text>
-          <Text className="text-sm font-semibold text-purple-600">
-            {member.subMembers}
-          </Text>
-        </Space>
-      </View>
-    </View>
-  )
+  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 renderOverview = () => (
-    <View className="rounded-xl p-4">
-      {teamMembers.slice(0, 3).map(renderMemberItem)}
-    </View>
-  )
-
-  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="min-h-screen">
-      {renderOverview()}
+  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;