fix:需求完善

apps/h5-partner/src/pages/HomePage.tsx

@@ -1,29 +1,48 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { isLoggedIn, request } from '../lib/api';
+import { LEADERBOARD_MOCK } from '../lib/leaderboard';
 
 function fmtMoney(n: number) {
   return n.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
 
+function auditStatus(store: Record<string, unknown>) {
+  const audits = store.audits as Array<{ status?: string }> | undefined;
+  return String(audits?.[0]?.status ?? '').toUpperCase();
+}
+
 export default function HomePage() {
   const navigate = useNavigate();
   const [dash, setDash] = useState<Record<string, unknown> | null>(null);
+  const [stores, setStores] = useState<Array<Record<string, unknown>>>([]);
 
   useEffect(() => {
     if (!isLoggedIn()) { navigate('/login'); return; }
-    request('PARTNER_H5', '/partner/dashboard').then(setDash);
+    request<Record<string, unknown>>('PARTNER_H5', '/partner/dashboard').then(setDash);
+    request<Array<Record<string, unknown>>>('PARTNER_H5', '/partner/stores').then(setStores);
   }, [navigate]);
 
-  const storeCount = Number(dash?.storeCount || 0);
+  const storeCount = Number(dash?.storeCount || stores.length || 0);
   const orderCount = Number(dash?.orderCount || 0);
-  const activeStores = Math.max(0, storeCount - Math.ceil(storeCount * 0.05));
-  const abnormalStores = storeCount - activeStores;
+  const activeStores = stores.filter((s) => String(s.status).toUpperCase() === 'OPEN').length;
+  const abnormalStores = Math.max(0, storeCount - activeStores);
+  const pendingStores = useMemo(
+    () => stores.filter((s) => auditStatus(s) === 'PENDING'),
+    [stores],
+  );
   const revenue = orderCount * 128.45;
   const profit = revenue * 0.25;
   const pendingShip = Math.ceil(orderCount * 0.04);
   const shipping = Math.ceil(orderCount * 0.12);
   const completed = Math.max(0, orderCount - pendingShip - shipping);
+  const monthNew = stores.filter((s) => {
+    const created = new Date(String(s.createdAt || ''));
+    const now = new Date();
+    return created.getMonth() === now.getMonth() && created.getFullYear() === now.getFullYear();
+  }).length;
+
+  const previewLeaderboard = LEADERBOARD_MOCK.slice(0, 2);
 
   return (
     <div className="page partner-home">
@@ -87,7 +106,7 @@ export default function HomePage() {
                 </div>
                 <span className="partner-quick-action-label">录入新店</span>
               </Link>
-              <Link to="/orders" className="partner-quick-action">
+              <Link to="/reshipments" className="partner-quick-action">
                 <div className="partner-quick-action-icon partner-quick-action-icon--amber">
                   <span className="material-symbols-outlined">assignment_return</span>
                   {pendingShip > 0 && <span className="partner-quick-badge-count">{pendingShip}</span>}
@@ -100,7 +119,7 @@ export default function HomePage() {
                 </div>
                 <span className="partner-quick-action-label">财务对账</span>
               </Link>
-              <Link to="/orders" className="partner-quick-action">
+              <Link to="/reports/weekly" className="partner-quick-action">
                 <div className="partner-quick-action-icon partner-quick-action-icon--blue">
                   <span className="material-symbols-outlined">monitoring</span>
                 </div>
@@ -139,17 +158,54 @@ export default function HomePage() {
             <div>
               <p className="label-md text-muted" style={{ marginBottom: 4 }}>本月新增签约</p>
               <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-                <span className="headline-lg" style={{ fontSize: 24 }}>{Math.ceil(storeCount * 0.08)}</span>
-                <span className="label-md text-success" style={{ display: 'flex', alignItems: 'center', fontSize: 10 }}>
-                  <span className="material-symbols-outlined" style={{ fontSize: 12 }}>trending_up</span> 18%
-                </span>
+                <span className="headline-lg" style={{ fontSize: 24 }}>{monthNew}</span>
               </div>
             </div>
             <div>
               <p className="label-md text-muted" style={{ marginBottom: 4 }}>待审核门店</p>
-              <p className="headline-lg" style={{ fontSize: 24 }}>{Math.ceil(storeCount * 0.03)}</p>
+              <p className="headline-lg" style={{ fontSize: 24 }}>{pendingStores.length}</p>
             </div>
           </div>
+
+          {stores.length > 0 && (
+            <ul className="partner-store-name-list">
+              {stores.slice(0, 5).map((s) => (
+                <li key={String(s.id)}>
+                  <span className="headline-md">{String(s.name)}</span>
+                  <span className="label-md text-muted">
+                    {auditStatus(s) === 'PENDING' ? '待审核' : String(s.status) === 'OPEN' ? '营业中' : String(s.status)}
+                  </span>
+                </li>
+              ))}
+            </ul>
+          )}
+
+          <div className="partner-leaderboard-section">
+            <div className="partner-leaderboard-header">
+              <h3 className="headline-md" style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                <span className="material-symbols-outlined text-primary" style={{ fontSize: 18 }}>military_tech</span>
+                合伙人贡献榜
+              </h3>
+              <Link to="/leaderboard" className="label-md text-primary">查看全部</Link>
+            </div>
+            {previewLeaderboard.map((entry) => (
+              <div key={entry.rank} className="partner-leaderboard-row partner-leaderboard-row--compact">
+                <div className="partner-leaderboard-rank">{entry.rank}</div>
+                <div className="partner-leaderboard-info">
+                  <p className="body-md" style={{ fontWeight: 600 }}>
+                    {entry.name}
+                    <span className="label-md text-muted" style={{ marginLeft: 4 }}>({entry.role})</span>
+                  </p>
+                  <p className="label-md text-muted">累计拓店 {entry.totalStores} 间</p>
+                </div>
+                <div className="partner-leaderboard-stat">
+                  <p className="headline-md text-primary">{entry.monthStores} 间</p>
+                  <p className="label-md text-muted">本月新增</p>
+                </div>
+              </div>
+            ))}
+          </div>
+
           <p className="label-md text-muted" style={{ paddingTop: 16, borderTop: '1px solid rgba(226,190,188,0.1)' }}>
             {String(dash?.companyName || '郑州合伙人')} · 辖区管理
           </p>