门店审核功能

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

@@ -16,6 +16,7 @@ export default function HomePage() {
   const [dash, setDash] = useState<Record<string, unknown> | null>(null);
   const [stores, setStores] = useState<Array<Record<string, unknown>>>([]);
   const [leaderboardPreview, setLeaderboardPreview] = useState<PartnerLeaderboardEntry[]>([]);
+  const [notifOpen, setNotifOpen] = useState(false);
 
   useEffect(() => {
     if (!isLoggedIn()) { navigate('/login'); return; }
@@ -29,6 +30,10 @@ export default function HomePage() {
   const storeCount = Number(dash?.storeCount || stores.length || 0);
   const orderCount = Number(dash?.orderCount || 0);
   const pendingAuditCount = Number(dash?.pendingAuditCount || 0);
+  const notifications = Array.isArray(dash?.notifications)
+    ? (dash.notifications as Array<Record<string, unknown>>)
+    : [];
+  const hasUnread = notifications.length > 0;
   const activeStores = stores.filter((s) => String(s.status).toUpperCase() === 'OPEN').length;
   const abnormalStores = Math.max(0, storeCount - activeStores);
   const revenue = orderCount * 128.45;
@@ -49,9 +54,14 @@ export default function HomePage() {
       <header className="partner-home-header">
         <h1 className="app-page-title">工作台</h1>
         <div className="partner-home-header-actions">
-          <button type="button" className="partner-notif-btn" aria-label="通知">
+          <button
+            type="button"
+            className="partner-notif-btn"
+            aria-label="通知"
+            onClick={() => setNotifOpen((v) => !v)}
+          >
             <span className="material-symbols-outlined">notifications</span>
-            <span className="partner-notif-dot" />
+            {hasUnread && <span className="partner-notif-dot" />}
           </button>
           <div className="partner-profile-avatar" style={{ width: 40, height: 40 }}>
             <span className="material-symbols-outlined" style={{ fontSize: 20 }}>person</span>
@@ -59,6 +69,33 @@ export default function HomePage() {
         </div>
       </header>
 
+      {notifOpen && (
+        <section className="partner-form-card" style={{ margin: '0 16px 12px' }}>
+          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 12 }}>
+            <h2 className="headline-md">审核通知</h2>
+            <button type="button" className="label-md text-muted" onClick={() => setNotifOpen(false)}>关闭</button>
+          </div>
+          {notifications.length === 0 ? (
+            <p className="label-md text-muted">暂无审核通知</p>
+          ) : (
+            notifications.slice(0, 8).map((n) => (
+              <Link
+                key={String(n.id)}
+                to={`/stores/${n.storeId}`}
+                className="partner-home-store-row"
+                style={{ marginBottom: 8 }}
+                onClick={() => setNotifOpen(false)}
+              >
+                <div className="partner-home-store-info">
+                  <p className="body-md" style={{ fontWeight: 600 }}>{String(n.title || '门店审核')}</p>
+                  <p className="label-md text-muted">{String(n.content || '')}</p>
+                </div>
+              </Link>
+            ))
+          )}
+        </section>
+      )}
+
       <main className="partner-home-body">
         <section className="partner-revenue-card">
           <p className="partner-revenue-label">
@@ -172,14 +209,15 @@ export default function HomePage() {
             previewStores.map((s) => {
               const storeId = String(s.id);
               const status = String(s.status || 'PAUSED').toUpperCase();
+              const audit = String(s.auditStatus || 'APPROVED').toUpperCase();
               return (
                 <Link key={storeId} to={`/stores/${storeId}`} className="partner-home-store-row">
                   <div className="partner-home-store-info">
                     <p className="headline-md">{String(s.name || '未命名门店')}</p>
                     <p className="label-md text-muted">{String(s.address || s.district || '')}</p>
                   </div>
-                  <span className={`partner-status-pill ${storeStatusPillClass(status)}`}>
-                    {storeStatusLabel(status)}
+                  <span className={`partner-status-pill ${audit !== 'APPROVED' ? storeStatusPillClass(audit === 'REJECTED' ? 'CLOSED' : 'PAUSED') : storeStatusPillClass(status)}`}>
+                    {audit === 'PENDING' ? '待审核' : audit === 'REJECTED' ? '已驳回' : storeStatusLabel(status)}
                   </span>
                 </Link>
               );