门店账户多账号

apps/h5-shop/src/pages/MinePage.tsx

@@ -1,19 +1,21 @@
 import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useStoreSession } from '../contexts/StoreSessionContext';
-import { request } from '../lib/api';
+import { getStoreProfile, request } from '../lib/api';
 
 export default function MinePage() {
   const navigate = useNavigate();
-  const { resetSession } = useStoreSession();
+  const { resetSession, store: sessionStore } = useStoreSession();
+  const profile = sessionStore ?? getStoreProfile();
   const [store, setStore] = useState<Record<string, unknown> | null>(null);
 
   useEffect(() => {
-    request('SHOP_H5', '/shop/store').then(setStore);
+    request('SHOP_H5', '/shop/store').then(setStore).catch(() => setStore(null));
   }, []);
 
   const openTime = String(store?.openTime || '09:30');
   const closeTime = String(store?.closeTime || '22:00');
+  const multiStore = (profile?.stores?.length ?? 0) > 1;
 
   return (
     <div className="shop-mine-page">
@@ -28,7 +30,7 @@ export default function MinePage() {
           <div className="shop-mine-info-row">
             <div>
               <p className="shop-mine-info-label">门店名称</p>
-              <p className="shop-mine-info-value name">{String(store?.name || '—')}</p>
+              <p className="shop-mine-info-value name">{String(store?.name || profile?.storeName || '—')}</p>
             </div>
             <span className="material-symbols-outlined shop-mine-lock">lock</span>
           </div>
@@ -42,7 +44,7 @@ export default function MinePage() {
           <div className="shop-mine-info-row">
             <div>
               <p className="shop-mine-info-label">联系电话</p>
-              <p className="shop-mine-info-value">{String(store?.phone || '—')}</p>
+              <p className="shop-mine-info-value">{String(store?.phone || profile?.phone || '—')}</p>
             </div>
             <span className="material-symbols-outlined shop-mine-lock">lock</span>
           </div>
@@ -55,6 +57,21 @@ export default function MinePage() {
           </div>
         </div>
 
+        <div className="shop-mine-actions">
+          {multiStore ? (
+            <button type="button" className="shop-mine-action" onClick={() => navigate('/select-store')}>
+              <span className="material-symbols-outlined" style={{ fontSize: 20 }}>swap_horiz</span>
+              切换门店
+            </button>
+          ) : null}
+          {profile?.isPrimary ? (
+            <button type="button" className="shop-mine-action" onClick={() => navigate('/staff')}>
+              <span className="material-symbols-outlined" style={{ fontSize: 20 }}>group</span>
+              子账号管理
+            </button>
+          ) : null}
+        </div>
+
         <div className="shop-mine-help">
           <span className="material-symbols-outlined" style={{ fontSize: 16 }}>help</span>
           <p>如需修改信息请联系城市合伙人</p>