feat(store): dual business hours, avg price, and status lock

Support 1-2 hour segments and optional avgPrice; show bank settlement on HQ store detail; enforce pickup min 2 bottles; Chinese order statuses; block shop reopen after permanent close.

Co-authored-by: Cursor <cursoragent@cursor.com>

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

@@ -3,20 +3,35 @@ import { useNavigate } from 'react-router-dom';
 import { useStoreSession } from '../contexts/StoreSessionContext';
 import { request } from '../lib/api';
 
+function formatShopHours(store: Record<string, unknown> | null) {
+  const parts: string[] = [];
+  const openTime = store?.openTime ? String(store.openTime) : '';
+  const closeTime = store?.closeTime ? String(store.closeTime) : '';
+  const openTime2 = store?.openTime2 ? String(store.openTime2) : '';
+  const closeTime2 = store?.closeTime2 ? String(store.closeTime2) : '';
+  if (openTime && closeTime) parts.push(`${openTime} - ${closeTime}`);
+  if (openTime2 && closeTime2) parts.push(`${openTime2} - ${closeTime2}`);
+  return parts.length ? parts.join('，') : '09:30 - 22:00';
+}
+
 export default function StatusPage() {
   const navigate = useNavigate();
   const { resetSession } = useStoreSession();
   const [open, setOpen] = useState(true);
+  const [permanentlyClosed, setPermanentlyClosed] = useState(false);
   const [store, setStore] = useState<Record<string, unknown> | null>(null);
   const [lastUpdate, setLastUpdate] = useState('');
   const [showModal, setShowModal] = useState(false);
   const [pendingOpen, setPendingOpen] = useState<boolean | null>(null);
+  const [error, setError] = useState('');
 
   useEffect(() => {
     request('SHOP_H5', '/shop/dashboard').then((d) => {
       const s = d.store as Record<string, unknown>;
       setStore(s);
-      setOpen(String(s?.status) === 'OPEN');
+      const status = String(s?.status || '');
+      setPermanentlyClosed(status === 'CLOSED');
+      setOpen(status === 'OPEN');
       if (s?.updatedAt) {
         setLastUpdate(new Date(String(s.updatedAt)).toLocaleString('zh-CN'));
       }
@@ -24,31 +39,33 @@ export default function StatusPage() {
   }, []);
 
   function requestToggle(next: boolean) {
+    if (permanentlyClosed) return;
     if (next === open) return;
     setPendingOpen(next);
     setShowModal(true);
   }
 
   async function confirmToggle() {
-    if (pendingOpen === null) return;
+    if (pendingOpen === null || permanentlyClosed) return;
     const next = pendingOpen ? 'OPEN' : 'PAUSED';
     try {
+      setError('');
       await request('SHOP_H5', '/shop/store/status', {
         method: 'PUT',
         body: JSON.stringify({ status: next }),
       });
       setOpen(pendingOpen);
       setLastUpdate(new Date().toLocaleString('zh-CN'));
-    } catch {
-      /* keep current state */
+    } catch (e) {
+      setError(e instanceof Error ? e.message : '状态切换失败');
     } finally {
       setShowModal(false);
       setPendingOpen(null);
     }
   }
 
-  const openTime = String(store?.openTime || '09:30');
-  const closeTime = String(store?.closeTime || '22:00');
+  const hoursText = formatShopHours(store);
+  const statusLabel = permanentlyClosed ? '永久关闭' : open ? '营业中' : '临时闭店';
 
   return (
     <div className="shop-status-page">
@@ -70,46 +87,61 @@ export default function StatusPage() {
       <div className="shop-status-content">
         <section className="shop-status-card">
           <div className="shop-status-icon-wrap">
-            <div className={`shop-status-icon-outer${open ? ' open' : ' closed'}`}>
-              <div className={`shop-status-icon-inner${open ? ' open' : ' closed'}`}>
+            <div className={`shop-status-icon-outer${open && !permanentlyClosed ? ' open' : ' closed'}`}>
+              <div className={`shop-status-icon-inner${open && !permanentlyClosed ? ' open' : ' closed'}`}>
                 <span className="material-symbols-outlined">storefront</span>
               </div>
             </div>
             <span className="shop-status-check">
-              <span className={`material-symbols-outlined shop-fill-icon${open ? '' : ''}`} style={{ fontSize: 14, color: open ? 'var(--color-success-green)' : 'var(--color-subtle-gray)' }}>
-                {open ? 'check_circle' : 'cancel'}
+              <span
+                className="material-symbols-outlined shop-fill-icon"
+                style={{
+                  fontSize: 14,
+                  color: open && !permanentlyClosed ? 'var(--color-success-green)' : 'var(--color-subtle-gray)',
+                }}
+              >
+                {open && !permanentlyClosed ? 'check_circle' : 'cancel'}
               </span>
             </span>
           </div>
 
-          <h2 className={`shop-status-label${open ? ' open' : ' closed'}`}>
-            {open ? '营业中' : '临时闭店'}
+          <h2 className={`shop-status-label${open && !permanentlyClosed ? ' open' : ' closed'}`}>
+            {statusLabel}
           </h2>
 
-          <label className={`shop-status-switch${open ? ' open' : ' closed'}`}>
-            <input
-              type="checkbox"
-              checked={open}
-              onChange={(e) => requestToggle(e.target.checked)}
-              aria-label={open ? '切换为临时闭店' : '切换为营业中'}
-            />
-            <span className="shop-status-switch-track" />
-            <span className="shop-status-switch-caption">
-              {open ? '点击可临时闭店' : '点击恢复营业'}
-            </span>
-          </label>
+          {permanentlyClosed ? (
+            <p className="shop-status-switch-caption" style={{ marginTop: 12 }}>
+              总部已永久关闭本店，门店端无法自行恢复营业
+            </p>
+          ) : (
+            <label className={`shop-status-switch${open ? ' open' : ' closed'}`}>
+              <input
+                type="checkbox"
+                checked={open}
+                onChange={(e) => requestToggle(e.target.checked)}
+                aria-label={open ? '切换为临时闭店' : '切换为营业中'}
+              />
+              <span className="shop-status-switch-track" />
+              <span className="shop-status-switch-caption">
+                {open ? '点击可临时闭店' : '点击恢复营业'}
+              </span>
+            </label>
+          )}
 
           <p className="shop-status-hours-label">营业时间</p>
-          <p className="shop-status-hours">{openTime} - {closeTime}</p>
+          <p className="shop-status-hours">{hoursText}</p>
           {lastUpdate && <p className="shop-status-updated">最后修改于 {lastUpdate}</p>}
+          {error ? <p className="shop-status-updated" style={{ color: 'var(--color-error, #c62828)' }}>{error}</p> : null}
         </section>
 
-        <div className={`shop-status-hint${open ? ' open' : ' closed'}`}>
+        <div className={`shop-status-hint${open && !permanentlyClosed ? ' open' : ' closed'}`}>
           <span className="material-symbols-outlined">info</span>
           <p>
-            {open
-              ? '当前处于营业状态，用户可在您的门店核销餐券。'
-              : '当前处于休息状态，用户将无法看到您的门店或进行核销。'}
+            {permanentlyClosed
+              ? '门店已永久关闭。如需重新营业，请联系总部或合伙人处理。'
+              : open
+                ? '当前处于营业状态，用户可在您的门店核销餐券。'
+                : '当前处于临时闭店状态，用户将无法看到您的门店或进行核销。'}
           </p>
         </div>
       </div>