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 01444ac3..babaffe9 100644 --- a/frontend/admin-web/src/app/(dashboard)/users/[id]/page.tsx +++ b/frontend/admin-web/src/app/(dashboard)/users/[id]/page.tsx @@ -413,7 +413,13 @@ export default function UserDetailPage() { {/* 向上的引荐人链 */}
引荐人链 (向上)
- {referralTree.ancestors.length > 0 ? ( + {/* 总部节点(始终显示在最顶端) */} +
+ 总部 +
+
+ {/* 祖先节点列表 */} + {referralTree.ancestors.length > 0 && ( <>
{referralTree.ancestors.map((ancestor, index) => ( @@ -431,20 +437,12 @@ export default function UserDetailPage() { {index < referralTree.ancestors.length - 1 && ( -
+
)}
))}
-
- - ) : ( - <> -
- 总部 - 顶级用户,无上级引荐人 -
-
+
)} diff --git a/frontend/admin-web/src/app/(dashboard)/users/[id]/user-detail.module.scss b/frontend/admin-web/src/app/(dashboard)/users/[id]/user-detail.module.scss index 732386aa..5cb60ac6 100644 --- a/frontend/admin-web/src/app/(dashboard)/users/[id]/user-detail.module.scss +++ b/frontend/admin-web/src/app/(dashboard)/users/[id]/user-detail.module.scss @@ -482,27 +482,21 @@ // 总部节点样式 .referralTree__headquarters { - @include flex-column; - align-items: center; - padding: $spacing-base $spacing-xl; + @include flex-center; + padding: $spacing-sm $spacing-lg; background: linear-gradient(135deg, rgba($primary-color, 0.1) 0%, rgba($success-color, 0.1) 100%); border: 2px solid $primary-color; border-radius: $border-radius-base; - min-width: 140px; + min-width: 100px; + cursor: default; } .referralTree__headquartersLabel { - font-size: $font-size-lg; + font-size: $font-size-base; font-weight: $font-weight-bold; color: $primary-color; } -.referralTree__headquartersDesc { - font-size: $font-size-xs; - color: $text-secondary; - margin-top: $spacing-xs; -} - // ============================================================================ // 认种信息 Tab // ============================================================================