fix(admin-web): 引荐关系树初始加载时自动展开直推下级

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

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

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
hailin 2026-01-07 22:32:08 -08:00
parent d303cf076b
commit 58e3e34373
1 changed files with 11 additions and 1 deletions

View File

@ -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);