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,99 @@
+import { useEffect, useState } from 'react';
+import { Card, Col, Row, Statistic, Table, Typography } from 'antd';
+import { request, type DashboardStats } from '../lib/api';
+
+const STATUS_LABELS: Record<string, string> = {
+  PENDING_PAY: '待付款',
+  PENDING_SHIP: '待发货',
+  OUT_WAREHOUSE: '已出库',
+  SHIPPING: '配送中',
+  PENDING_RECEIVE: '待收货',
+  COMPLETED: '已完成',
+  CANCELLED: '已取消',
+  REFUNDING: '退款中',
+  REFUNDED: '已退款',
+};
+
+export default function DashboardPage() {
+  const [stats, setStats] = useState<DashboardStats | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    request<DashboardStats>('/admin/dashboard/stats')
+      .then(setStats)
+      .finally(() => setLoading(false));
+  }, []);
+
+  return (
+    <div>
+      <Typography.Title level={4}>数据概览</Typography.Title>
+      <Row gutter={[16, 16]} style={{ marginBottom: 24 }}>
+        <Col xs={24} sm={12} lg={6}>
+          <Card loading={loading}>
+            <Statistic title="有效用户" value={stats?.usersTotal ?? 0} />
+          </Card>
+        </Col>
+        <Col xs={24} sm={12} lg={6}>
+          <Card loading={loading}>
+            <Statistic title="访客（未验手机）" value={stats?.guestUsers ?? 0} valueStyle={{ color: '#faad14' }} />
+          </Card>
+        </Col>
+        <Col xs={24} sm={12} lg={6}>
+          <Card loading={loading}>
+            <Statistic title="已验手机" value={stats?.verifiedUsers ?? 0} valueStyle={{ color: '#52c41a' }} />
+          </Card>
+        </Col>
+        <Col xs={24} sm={12} lg={6}>
+          <Card loading={loading}>
+            <Statistic title="今日下单" value={stats?.ordersToday ?? 0} />
+          </Card>
+        </Col>
+        <Col xs={24} sm={12} lg={6}>
+          <Card loading={loading}>
+            <Statistic title="门店" value={stats?.storesTotal ?? 0} />
+          </Card>
+        </Col>
+        <Col xs={24} sm={12} lg={6}>
+          <Card loading={loading}>
+            <Statistic title="合伙人" value={stats?.partnersTotal ?? 0} />
+          </Card>
+        </Col>
+        <Col xs={24} sm={12} lg={6}>
+          <Card loading={loading}>
+            <Statistic title="今日核销" value={stats?.redeemToday ?? 0} />
+          </Card>
+        </Col>
+        <Col xs={24} sm={12} lg={6}>
+          <Card loading={loading}>
+            <Statistic title="配送单" value={stats?.deliveriesTotal ?? 0} />
+          </Card>
+        </Col>
+      </Row>
+      <Row gutter={[16, 16]}>
+        <Col xs={24} lg={12}>
+          <Card title="已合并访客账号" loading={loading}>
+            <Statistic value={stats?.mergedUsers ?? 0} suffix="个" />
+          </Card>
+        </Col>
+        <Col xs={24} lg={12}>
+          <Card title="订单状态分布" loading={loading}>
+            <Table
+              size="small"
+              pagination={false}
+              rowKey="status"
+              dataSource={stats?.ordersByStatus ?? []}
+              columns={[
+                {
+                  title: '状态',
+                  dataIndex: 'status',
+                  render: (s: string) => STATUS_LABELS[s] || s,
+                },
+                { title: '数量', dataIndex: 'count' },
+              ]}
+            />
+          </Card>
+        </Col>
+      </Row>
+    </div>
+  );
+}