@@ -180,22 +204,26 @@ export default function HomePage() {
查看全部
- {previewLeaderboard.map((entry) => (
-
-
{entry.rank}
-
-
- {entry.name}
- ({entry.role})
-
-
累计拓店 {entry.totalStores} 间
+ {leaderboardPreview.length === 0 ? (
+
暂无排行数据
+ ) : (
+ leaderboardPreview.map((entry) => (
+
+
{entry.rank}
+
+
+ {entry.name}
+ ({entry.roleLabel})
+
+
累计拓店 {entry.totalStores} 间
+
+
+
{entry.periodStores} 间
+
本月新增
+
-
-
{entry.monthStores} 间
-
本月新增
-
-
- ))}
+ ))
+ )}
diff --git a/apps/h5-partner/src/pages/LeaderboardPage.tsx b/apps/h5-partner/src/pages/LeaderboardPage.tsx
index e2f2885..bcc3985 100644
--- a/apps/h5-partner/src/pages/LeaderboardPage.tsx
+++ b/apps/h5-partner/src/pages/LeaderboardPage.tsx
@@ -1,36 +1,129 @@
-import { useNavigate } from 'react-router-dom';
+import { useEffect, useState } from 'react';
+import { useNavigate, Link } from 'react-router-dom';
+import type { PartnerLeaderboardPeriod, PartnerLeaderboardResponse } from '@dukang/shared-types';
import PageHeader from '@dukang/shared-ui/PageHeader';
-import { LEADERBOARD_MOCK } from '../lib/leaderboard';
+import { fetchPartnerLeaderboard } from '../lib/leaderboard';
+import { usePartnerSession } from '../contexts/PartnerSessionContext';
+import { isPrimaryAccount } from '../lib/partnerAccess';
+
+const PERIOD_TABS: { key: PartnerLeaderboardPeriod; label: string }[] = [
+ { key: 'month', label: '本月' },
+ { key: 'lastMonth', label: '上月' },
+ { key: 'total', label: '累计' },
+];
+
+function periodStatLabel(period: PartnerLeaderboardPeriod): string {
+ if (period === 'month') return '本月拓店';
+ if (period === 'lastMonth') return '上月拓店';
+ return '累计拓店';
+}
+
+function periodSubLabel(period: PartnerLeaderboardPeriod): string {
+ if (period === 'total') return '累计';
+ if (period === 'month') return '本月新增';
+ return '上月新增';
+}
export default function LeaderboardPage() {
const navigate = useNavigate();
+ const { account } = usePartnerSession();
+ const showStaffFab = isPrimaryAccount(account);
+ const [period, setPeriod] = useState('month');
+ const [data, setData] = useState(null);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState('');
+
+ useEffect(() => {
+ setLoading(true);
+ setError('');
+ fetchPartnerLeaderboard(period)
+ .then(setData)
+ .catch((e) => {
+ setData(null);
+ setError(e instanceof Error ? e.message : '加载失败');
+ })
+ .finally(() => setLoading(false));
+ }, [period]);
return (
navigate('/')} />
-
- 按拓店数排行，数据每周更新
-
-
-
- {LEADERBOARD_MOCK.map((entry) => (
-
-
{entry.rank}
-
-
- {entry.name}
- ({entry.role})
-
-
累计拓店 {entry.totalStores} 间
-
-
-
{entry.monthStores} 间
-
本月新增
-
-
+
+ {PERIOD_TABS.map((tab) => (
+
))}
+
+
+ 按拓店数排行，数据实时更新
+
+
+ {loading &&
加载中...
}
+ {!loading && error &&
{error}
}
+
+ {!loading && !error && data && (
+
+ {data.self && (
+
+
+
第 {data.self.rank} 名
+
+
+ {data.self.name}
+ {data.self.isSelf ? ' (我)' : ''}
+
+
{data.self.roleLabel}
+
+
+ {periodStatLabel(period)}: {data.self.periodStores} 间
+ {data.self.beatPercent != null && (
+ 击败 {data.self.beatPercent}% 合伙人
+ )}
+
+
+ )}
+
+
实时排行
+
+ {data.list.length === 0 ? (
+
暂无排行数据
+ ) : (
+ data.list.map((entry) => (
+
+
{entry.rank}
+
+
+ {entry.name}
+
+ ({entry.roleLabel})
+
+
+
累计拓店 {entry.totalStores} 间
+
+
+
{entry.periodStores} 间
+
{periodSubLabel(period)}
+
+
+ ))
+ )}
+
+ )}
+
+ {showStaffFab && (
+
+
add
+
+ )}
+
navigate('/')} />
+
+
+
+
+ account_balance_wallet
+
+ 待结算总额
+
+ ¥
+ {fmtMoney(summary.pendingTotal)}
+
+
+
+
累计已结算
+
¥{fmtMoney(summary.settledTotal)}
+
+
+
+
本月预估收益
+
+ ¥{fmtMoney(summary.monthEstimate)}
+
+
+
+ {statusTabs.map((tab) => (
+
+ ))}
+
+
+
+ 对账明细记录
+
+ {filteredBills.length === 0 && (
+ 暂无对账记录
+ )}
+
+
+ {filteredBills.map((bill) => (
+
+ ))}
+
已展示全部记录
+ )}
+
+
+
+
navigate('/center/staff')} />
+
+
+ {msg && {msg}
}
+
+
+
+
+ setName(e.target.value)}
+ />
+ person
+
+
+
+
+
+ expand_more
+
+
+ 创建即代表同意合伙人管理协议。子账号默认禁用，需手动启用。
+
+
+
+
+
+
+
+
navigate('/center')} />
+
+
+
+ search
+ setQ(e.target.value)} />
+
+
{error}
}
+
+
+ {filtered.length === 0 && (
+
+
暂无子账号
+
点击下方按钮添加首个子账号
+
+ )}
+
+ {filtered.map((item) => {
+ const active = item.status === AccountStatus.ACTIVE;
+ const busy = busyId === item.id;
+ return (
+
+
{item.name.slice(0, 1)}
+
+
+ {item.name}
+
+ {PARTNER_STAFF_ROLE_LABELS[item.staffRole]}
+
+
+
{item.phone}
+
+
+
+
+
+
+
+
+
+ );
+ })}
+
+
+ person_add
+ 添加子账号
+
+
+
+
navigate('/stores')} />
+
+
- {(error || citiesError) && (
- {error || citiesError}
+
+
+ {(submitError || citiesError) && (
+
+ {submitError || citiesError}
+
)}
+
+
{step === 1 && (
+
<>
+
+
+
+
+
+
{regionBindingHint && (
+
+
{regionBindingHint}
+
+
)}
+
+
+
+
store
+
patchForm({ name: e.target.value })} />
+
+
+
+
+
call
- patchForm({ phone: e.target.value })} />
+
+ patchForm({ phone: e.target.value })}
+
+ />
+
+
+ {fieldErrors.phone && (
+
+
{fieldErrors.phone}
+
+ )}
+
+
+