From 58e3e34373684f849f99a3996c40f61ece567a0e Mon Sep 17 00:00:00 2001
From: hailin <hailin.zhao@gdzx.xyz>
Date: Wed, 7 Jan 2026 22:32:08 -0800
Subject: [PATCH] =?UTF-8?q?fix(admin-web):=20=E5=BC=95=E8=8D=90=E5=85=B3?=
 =?UTF-8?q?=E7=B3=BB=E6=A0=91=E5=88=9D=E5=A7=8B=E5=8A=A0=E8=BD=BD=E6=97=B6?=
 =?UTF-8?q?=E8=87=AA=E5=8A=A8=E5=B1=95=E5=BC=80=E7=9B=B4=E6=8E=A8=E4=B8=8B?=
 =?UTF-8?q?=E7=BA=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

问题：改为递归组件后，当前用户的直推下级不再显示

解决：
- 添加 useEffect 监听 referralTree 数据
- 数据加载完成后自动将直推下级放入 expandedNodes
- 这样页面初始加载时就会显示直推下级

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/app/(dashboard)/users/[id]/page.tsx          | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/admin-web/src/app/(dashboard)/users/[id]/page.tsx b/frontend/admin-web/src/app/(dashboard)/users/[id]/page.tsx
index 6ce2682f..49fd7315 100644
--- a/frontend/admin-web/src/app/(dashboard)/users/[id]/page.tsx
+++ b/frontend/admin-web/src/app/(dashboard)/users/[id]/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useParams, useRouter } from 'next/navigation';
 import Image from 'next/image';
 import Link from 'next/link';
@@ -164,6 +164,16 @@ export default function UserDetailPage() {
   // 获取授权信息
   const { data: authData, isLoading: authLoading } = useAuthorizationDetail(accountSequence);
 
+  // 当 referralTree 数据加载完成后，自动展开当前用户的直推下级
+  useEffect(() => {
+    if (referralTree && referralTree.directReferrals.length > 0) {
+      setExpandedNodes((prev) => ({
+        ...prev,
+        [referralTree.currentUser.accountSequence]: referralTree.directReferrals,
+      }));
+    }
+  }, [referralTree]);
+
   // 切换推荐关系树的根节点
   const handleTreeNodeClick = useCallback((node: ReferralNode) => {
     setTreeRootUser(node.accountSequence);