init

2026-06-30 10:33:56 +08:00
commit 6e047dc0a5
607 changed files with 65966 additions and 0 deletions
@@ -0,0 +1,76 @@
+import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { clearAuth, isLoggedIn, request } from '../lib/api';
+
+export default function MinePage() {
+  const navigate = useNavigate();
+  const [store, setStore] = useState<Record<string, unknown> | null>(null);
+
+  useEffect(() => {
+    if (!isLoggedIn()) {
+      navigate('/login');
+      return;
+    }
+    request('SHOP_H5', '/shop/store').then(setStore);
+  }, [navigate]);
+
+  const openTime = String(store?.openTime || '09:30');
+  const closeTime = String(store?.closeTime || '22:00');
+
+  return (
+    <div className="shop-mine-page">
+      <header className="shop-mine-header">
+        <h1 className="app-page-title">我的</h1>
+      </header>
+
+      <div className="shop-mine-content">
+        <h3 className="shop-mine-section-title">门店信息</h3>
+
+        <div className="shop-mine-info-card">
+          <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>
+            </div>
+            <span className="material-symbols-outlined shop-mine-lock">lock</span>
+          </div>
+          <div className="shop-mine-info-row">
+            <div>
+              <p className="shop-mine-info-label">地理位置</p>
+              <p className="shop-mine-info-value">{String(store?.address || '—')}</p>
+            </div>
+            <span className="material-symbols-outlined shop-mine-lock">lock</span>
+          </div>
+          <div className="shop-mine-info-row">
+            <div>
+              <p className="shop-mine-info-label">联系电话</p>
+              <p className="shop-mine-info-value">{String(store?.phone || '—')}</p>
+            </div>
+            <span className="material-symbols-outlined shop-mine-lock">lock</span>
+          </div>
+          <div className="shop-mine-info-row">
+            <div>
+              <p className="shop-mine-info-label">营业时间</p>
+              <p className="shop-mine-info-value">{openTime} - {closeTime}</p>
+            </div>
+            <span className="material-symbols-outlined shop-mine-lock">lock</span>
+          </div>
+        </div>
+
+        <div className="shop-mine-help">
+          <span className="material-symbols-outlined" style={{ fontSize: 16 }}>help</span>
+          <p>如需修改信息请联系城市合伙人</p>
+        </div>
+
+        <button
+          type="button"
+          className="shop-mine-logout"
+          onClick={() => { clearAuth(); navigate('/login'); }}
+        >
+          <span className="material-symbols-outlined" style={{ fontSize: 20 }}>logout</span>
+          退出登录
+        </button>
+      </div>
+    </div>
+  );
+}