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:
parent
d303cf076b
commit
58e3e34373
|
|
@ -1,6 +1,6 @@
|
||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import { useState, useCallback } from 'react';
|
import { useState, useCallback, useEffect } from 'react';
|
||||||
import { useParams, useRouter } from 'next/navigation';
|
import { useParams, useRouter } from 'next/navigation';
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
import Link from 'next/link';
|
import Link from 'next/link';
|
||||||
|
|
@ -164,6 +164,16 @@ export default function UserDetailPage() {
|
||||||
// 获取授权信息
|
// 获取授权信息
|
||||||
const { data: authData, isLoading: authLoading } = useAuthorizationDetail(accountSequence);
|
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) => {
|
const handleTreeNodeClick = useCallback((node: ReferralNode) => {
|
||||||
setTreeRootUser(node.accountSequence);
|
setTreeRootUser(node.accountSequence);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue