hqweb端

2026-07-01 08:27:26 +08:00
parent 9f4577d3d8
commit 25f0d8e97b
56 changed files with 5298 additions and 2 deletions
@@ -0,0 +1,117 @@
+import { useEffect, useState } from 'react';
+import { Outlet, useLocation, useNavigate } from 'react-router-dom';
+import { Layout, Menu, Typography, Button, Space } from 'antd';
+import type { MenuProps } from 'antd';
+import {
+  DashboardOutlined,
+  UserOutlined,
+  ShoppingOutlined,
+  ShopOutlined,
+  TeamOutlined,
+  GiftOutlined,
+  CarOutlined,
+  SafetyOutlined,
+  LogoutOutlined,
+} from '@ant-design/icons';
+import { clearAuth, request, type HqProfile } from '../lib/api';
+
+const { Header, Sider, Content } = Layout;
+
+const MENU_ITEMS: MenuProps['items'] = [
+  { key: '/', icon: <DashboardOutlined />, label: '概览' },
+  { key: '/users', icon: <UserOutlined />, label: '用户' },
+  { key: '/orders', icon: <ShoppingOutlined />, label: '订单' },
+  {
+    key: 'stores-group',
+    icon: <ShopOutlined />,
+    label: '门店',
+    children: [
+      { key: '/stores', label: '门店列表' },
+      { key: '/store-accounts', label: '门店账户' },
+      { key: '/store-media', label: '门店资源' },
+    ],
+  },
+  {
+    key: 'partners-group',
+    icon: <TeamOutlined />,
+    label: '开城',
+    children: [
+      { key: '/partners', label: '开城合伙人' },
+      { key: '/cities', label: '开城城市' },
+      { key: '/partner-accounts', label: '开城合伙人账户' },
+    ],
+  },
+  {
+    key: 'benefit-group',
+    icon: <GiftOutlined />,
+    label: '好客权益',
+    children: [
+      { key: '/benefit/coupons', label: '权益券' },
+      { key: '/benefit/ledgers', label: '流水' },
+      { key: '/redeem-records', label: '核销记录' },
+    ],
+  },
+  { key: '/deliveries', icon: <CarOutlined />, label: '配送单' },
+  { key: '/hq-accounts', icon: <SafetyOutlined />, label: 'HQ账户' },
+];
+
+export default function AdminLayout() {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const [profile, setProfile] = useState<HqProfile | null>(null);
+
+  useEffect(() => {
+    request<HqProfile>('/admin/auth/me').then(setProfile).catch(() => {});
+  }, []);
+
+  function logout() {
+    clearAuth();
+    navigate('/login');
+  }
+
+  const selectedKey = location.pathname;
+
+  return (
+    <Layout style={{ minHeight: '100vh' }}>
+      <Sider breakpoint="lg" collapsedWidth={64} theme="dark" width={220}>
+        <div style={{ padding: '16px', color: '#fff', fontWeight: 600 }}>杜康 HQ</div>
+        <Menu
+          theme="dark"
+          mode="inline"
+          selectedKeys={[selectedKey]}
+          defaultOpenKeys={['stores-group', 'partners-group', 'benefit-group']}
+          items={MENU_ITEMS}
+          onClick={({ key }) => {
+            if (key.startsWith('/')) navigate(key);
+          }}
+        />
+      </Sider>
+      <Layout>
+        <Header
+          style={{
+            background: '#fff',
+            padding: '0 24px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            borderBottom: '1px solid #f0f0f0',
+          }}
+        >
+          <Typography.Title level={4} style={{ margin: 0 }}>
+            管理后台
+          </Typography.Title>
+          <Space>
+            <span>{profile?.name || '—'}</span>
+            <span style={{ color: '#999' }}>{profile?.adminRole}</span>
+            <Button type="text" icon={<LogoutOutlined />} onClick={logout}>
+              退出
+            </Button>
+          </Space>
+        </Header>
+        <Content style={{ margin: 24 }}>
+          <Outlet />
+        </Content>
+      </Layout>
+    </Layout>
+  );
+}