diff --git a/frontend/mining-admin-web/src/features/users/api/users.api.ts b/frontend/mining-admin-web/src/features/users/api/users.api.ts
index 65afc5ec..05e5ac7b 100644
--- a/frontend/mining-admin-web/src/features/users/api/users.api.ts
+++ b/frontend/mining-admin-web/src/features/users/api/users.api.ts
@@ -1,5 +1,14 @@
import { apiClient } from '@/lib/api/client';
-import type { UserOverview, UserDetail, ContributionRecord, MiningRecord, TradeOrder } from '@/types/user';
+import type {
+ UserOverview,
+ UserDetail,
+ ContributionRecord,
+ MiningRecord,
+ TradeOrder,
+ ReferralTreeData,
+ PlantingLedgerResponse,
+ WalletLedgerResponse,
+} from '@/types/user';
import type { PaginatedResponse, PaginationParams } from '@/types/api';
export const usersApi = {
@@ -36,4 +45,32 @@ export const usersApi = {
const response = await apiClient.get(`/users/${accountSequence}/orders`, { params });
return response.data.data;
},
+
+ // 从 admin-web 复用的 API
+ getReferralTree: async (
+ accountSequence: string,
+ direction: 'up' | 'down' | 'both' = 'both',
+ depth: number = 1
+ ): Promise
=> {
+ const response = await apiClient.get(`/users/${accountSequence}/referral-tree`, {
+ params: { direction, depth },
+ });
+ return response.data.data;
+ },
+
+ getPlantingLedger: async (
+ accountSequence: string,
+ params: PaginationParams
+ ): Promise => {
+ const response = await apiClient.get(`/users/${accountSequence}/planting-ledger`, { params });
+ return response.data.data;
+ },
+
+ getWalletLedger: async (
+ accountSequence: string,
+ params: PaginationParams
+ ): Promise => {
+ const response = await apiClient.get(`/users/${accountSequence}/wallet-ledger`, { params });
+ return response.data.data;
+ },
};
diff --git a/frontend/mining-admin-web/src/features/users/components/planting-ledger.tsx b/frontend/mining-admin-web/src/features/users/components/planting-ledger.tsx
new file mode 100644
index 00000000..382d076c
--- /dev/null
+++ b/frontend/mining-admin-web/src/features/users/components/planting-ledger.tsx
@@ -0,0 +1,207 @@
+'use client';
+
+import { useState } from 'react';
+import { usePlantingLedger } from '../hooks/use-users';
+import { formatDecimal, formatNumber } from '@/lib/utils/format';
+import { formatDateTime } from '@/lib/utils/date';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { Skeleton } from '@/components/ui/skeleton';
+import { Badge } from '@/components/ui/badge';
+import { ChevronLeft, ChevronRight, TreePine, Calendar, DollarSign } from 'lucide-react';
+
+interface PlantingLedgerProps {
+ accountSequence: string;
+}
+
+// 认种状态标签
+const plantingStatusLabels: Record = {
+ CREATED: '已创建',
+ PAID: '已支付',
+ FUND_ALLOCATED: '资金已分配',
+ MINING_ENABLED: '已开始挖矿',
+ CANCELLED: '已取消',
+ EXPIRED: '已过期',
+};
+
+// 状态对应的样式
+const getStatusVariant = (status: string): 'default' | 'secondary' | 'destructive' | 'outline' => {
+ switch (status) {
+ case 'MINING_ENABLED':
+ case 'PAID':
+ case 'FUND_ALLOCATED':
+ return 'default';
+ case 'CREATED':
+ return 'secondary';
+ case 'CANCELLED':
+ case 'EXPIRED':
+ return 'destructive';
+ default:
+ return 'outline';
+ }
+};
+
+export function PlantingLedger({ accountSequence }: PlantingLedgerProps) {
+ const [page, setPage] = useState(1);
+ const pageSize = 10;
+
+ const { data, isLoading } = usePlantingLedger(accountSequence, { page, pageSize });
+
+ if (isLoading) {
+ return (
+
+
+
+ 认种汇总
+
+
+
+ {[...Array(6)].map((_, i) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
暂无认种数据
+
+
+ );
+ }
+
+ return (
+
+ {/* 认种汇总 */}
+
+
+
+
+ 认种汇总
+
+
+
+
+
+
总订单数
+
{formatNumber(data.summary.totalOrders)}
+
+
+
总认种量
+
{formatNumber(data.summary.totalTreeCount)}
+
+
+
总金额
+
{formatDecimal(data.summary.totalAmount, 2)}
+
+
+
有效认种量
+
{formatNumber(data.summary.effectiveTreeCount)}
+
+
+
首次认种
+
+ {data.summary.firstPlantingAt ? formatDateTime(data.summary.firstPlantingAt) : '-'}
+
+
+
+
最近认种
+
+ {data.summary.lastPlantingAt ? formatDateTime(data.summary.lastPlantingAt) : '-'}
+
+
+
+
+ {/* 认种分类账明细 */}
+
+
+ 认种分类账明细
+
+
+
+
+
+ 订单号
+ 认种数量
+ 金额
+ 省市
+ 状态
+ 创建时间
+ 支付时间
+
+
+
+ {data.items.length === 0 ? (
+
+
+ 暂无认种记录
+
+
+ ) : (
+ data.items.map((item) => (
+
+ {item.orderNo}
+ {formatNumber(item.treeCount)}
+ {formatDecimal(item.totalAmount, 2)}
+
+ {item.selectedProvince || '-'} / {item.selectedCity || '-'}
+
+
+
+ {plantingStatusLabels[item.status] || item.status}
+
+
+
+ {formatDateTime(item.createdAt)}
+
+
+ {item.paidAt ? formatDateTime(item.paidAt) : '-'}
+
+
+ ))
+ )}
+
+
+
+ {data.totalPages > 1 && (
+
+
+ 共 {formatNumber(data.total)} 条，第 {page} / {data.totalPages} 页
+
+
+
+
+
+
+
+ {[...Array(3)].map((_, i) => (
+
+ ))}
+
+
+
+ );
+ }
+
+ if (!referralTree) {
+ return (
+
+
+ 引荐关系
+
+
+ 暂无引荐关系数据
+
+
+ );
+ }
+
+ return (
+
+
+ 引荐关系
+ {treeRootUser !== accountSequence && (
+
+ )}
+
+
+ {/* 向上的引荐人链 */}
+
+
引荐人链 (向上)
+ {referralTree.ancestors.length > 0 ? (
+
+ {referralTree.ancestors.map((ancestor, index) => (
+
+
handleTreeNodeClick(ancestor)}
+ variant="ancestor"
+ />
+ {index < referralTree.ancestors.length - 1 && (
+
+
+
+ )}
+
+ ))}
+
+
+
+
+ ) : (
+
+
+ 总部
+
+ )}
+
+
+ 直推下级 ({referralTree.directReferrals.length})
+
+
+ {referralTree.directReferrals.map((child) => (
+
+ ))}
+
+
+
onClick?.(node)}
+ >
+
+
+ {node.nickname?.charAt(0) || 'U'}
+
+
+
+
+ {node.accountSequence}
+ {node.nickname || '未设置'}
+
+
+
+
+ 个人: {formatNumber(node.personalAdoptions)}
+
+
+
+ 团队: {formatNumber(node.teamAdoptions)}
+
+ {node.directReferralCount > 0 && (
+ 引荐: {formatNumber(node.directReferralCount)}
+ )}
+
+
+
+ {showExpandButton && hasChildren && (
+
+ )}
+
+
e.stopPropagation()}
+ >
+ 查看
+
+
+
+ {/* 展开的子节点 */}
+ {isExpanded && children.length > 0 && (
+
+ {children.map((child) => (
+
+ ))}
+
+ )}
+
+
+
+ 钱包汇总
+
+
+
+ {[...Array(6)].map((_, i) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
暂无钱包数据
+
+
+ );
+ }
+
+ return (
+
+ {/* 钱包汇总 */}
+
+
+
+
+ 钱包汇总
+
+
+
+
+
+
绿积分 可用
+
+ {formatDecimal(data.summary.usdtAvailable, 4)}
+
+
+
+
绿积分 冻结
+
+ {formatDecimal(data.summary.usdtFrozen, 4)}
+
+
+
+
待领取收益
+
+ {formatDecimal(data.summary.pendingUsdt, 4)}
+
+
+
+
可结算收益
+
+ {formatDecimal(data.summary.settleableUsdt, 4)}
+
+
+
+
已结算收益
+
+ {formatDecimal(data.summary.settledTotalUsdt, 4)}
+
+
+
+
过期收益
+
+ {formatDecimal(data.summary.expiredTotalUsdt, 4)}
+
+
+
+
+ {/* 钱包分类账明细 */}
+
+
+ 钱包分类账明细
+
+
+
+
+
+
+ 流水ID
+ 类型
+ 资产
+ 金额
+ 余额快照
+ 关联订单
+ 备注
+ 时间
+
+
+
+ {data.items.length === 0 ? (
+
+
+ 暂无钱包流水
+
+
+ ) : (
+ data.items.map((item) => {
+ const amount = parseFloat(item.amount);
+ const isPositive = amount >= 0;
+ return (
+
+ {item.entryId}
+
+ {entryTypeLabels[item.entryType] || item.entryType}
+
+
+ {assetTypeLabels[item.assetType] || item.assetType}
+
+
+
+ {isPositive ? (
+
+ ) : (
+
+ )}
+ {isPositive ? '+' : ''}
+ {formatDecimal(item.amount, 4)}
+
+
+
+ {formatDecimal(item.balanceAfter, 4)}
+
+
+ {item.refOrderId || item.refTxHash || '-'}
+
+
+ {item.memo || '-'}
+
+
+ {formatDateTime(item.createdAt)}
+
+
+ );
+ })
+ )}
+
+
+
+
+ 共 {formatNumber(data.total)} 条，第 {page} / {data.totalPages} 页
+
+
+
+
+
+
+