代下单功能

2026-07-12 11:40:04 +08:00
parent d949301bc1
commit de01d36cdb
46 changed files with 2657 additions and 253 deletions
@@ -0,0 +1,236 @@
+import { useEffect, useState } from 'react';
+
+import { useNavigate } from 'react-router-dom';
+
+import {
+
+  Button, Form, Input, Modal, Select, Space, Table, Tag, Typography, message,
+
+} from 'antd';
+
+import type { ColumnsType } from 'antd/es/table';
+
+import {
+
+  PROMO_CODE_SCENE_LABELS,
+
+  PROMO_CODE_STATUS_LABELS,
+
+  promoConversion,
+
+  type PromoCodeItem,
+
+  type PromoCodeScene,
+
+} from '@dukang/shared-types';
+
+import { request } from '../lib/api';
+
+import { fmtTime } from '../lib/constants';
+
+import { useAdminList } from '../lib/useAdminList';
+
+
+
+type Row = PromoCodeItem;
+
+
+
+type SceneOption = { value: PromoCodeScene; label: string };
+
+
+
+async function downloadQrcode(url: string, filename: string) {
+
+  try {
+
+    const res = await fetch(url);
+
+    const blob = await res.blob();
+
+    const objectUrl = URL.createObjectURL(blob);
+
+    const a = document.createElement('a');
+
+    a.href = objectUrl;
+
+    a.download = filename;
+
+    a.click();
+
+    URL.revokeObjectURL(objectUrl);
+
+  } catch {
+
+    window.open(url, '_blank');
+
+  }
+
+}
+
+
+
+export default function PromoCodesPage() {
+
+  const navigate = useNavigate();
+
+  const [filterForm] = Form.useForm();
+
+  const [createForm] = Form.useForm();
+
+  const [filters, setFilters] = useState<Record<string, string>>({});
+
+  const [scenes, setScenes] = useState<SceneOption[]>(
+
+    Object.entries(PROMO_CODE_SCENE_LABELS).map(([value, label]) => ({
+
+      value: value as PromoCodeScene,
+
+      label,
+
+    })),
+
+  );
+
+  const [createOpen, setCreateOpen] = useState(false);
+
+  const [creating, setCreating] = useState(false);
+
+
+
+  const { data, loading, page, pageSize, setPage, setPageSize, reload } = useAdminList<Row>(
+
+    '/admin/promo-codes',
+
+    () => {
+
+      const qs = new URLSearchParams();
+
+      if (filters.name) qs.set('name', filters.name);
+
+      if (filters.code) qs.set('code', filters.code);
+
+      if (filters.status) qs.set('status', filters.status);
+
+      if (filters.scene) qs.set('scene', filters.scene);
+
+      return qs;
+
+    },
+
+    [filters],
+
+  );
+
+
+
+  async function loadScenes() {
+
+    try {
+
+      const list = await request<SceneOption[]>('/admin/promo-codes/scenes');
+
+      if (list.length) setScenes(list);
+
+    } catch {
+
+      /* 使用本地默认场景 */
+
+    }
+
+  }
+
+
+
+  useEffect(() => {
+
+    void loadScenes();
+
+  }, []);
+
+
+
+  const columns: ColumnsType<Row> = [
+
+    { title: '名称', dataIndex: 'name', width: 160, ellipsis: true },
+
+    { title: '码值', dataIndex: 'code', width: 110 },
+
+    {
+
+      title: '场景',
+
+      dataIndex: 'scene',
+
+      width: 110,
+
+      render: (s: PromoCodeScene) => PROMO_CODE_SCENE_LABELS[s] || s,
+
+    },
+
+    {
+
+      title: '状态',
+
+      dataIndex: 'status',
+
+      width: 90,
+
+      render: (s) => (
+
+        <Tag color={s === 'ACTIVE' ? 'green' : 'default'}>
+
+          {PROMO_CODE_STATUS_LABELS[s as keyof typeof PROMO_CODE_STATUS_LABELS] || s}
+
+        </Tag>
+
+      ),
+
+    },
+
+    { title: '扫码', dataIndex: 'scanCount', width: 70 },
+
+    { title: '订单', dataIndex: 'orderCount', width: 70 },
+
+    {
+
+      title: '转化率',
+
+      width: 90,
+
+      render: (_, row) => promoConversion(row.scanCount, row.orderCount),
+
+    },
+
+    {
+
+      title: '渠道负责人',
+
+      width: 120,
+
+      render: (_, row) => row.ownerUser?.userNo || row.ownerUser?.phone || '—',
+
+    },
+
+    { title: '创建', dataIndex: 'createdAt', width: 160, render: fmtTime },
+
+    {
+
+      title: '操作',
+
+      width: 220,
+
+      fixed: 'right',
+
+      render: (_, row) => (
+
+        <Space size="small" wrap>
+
+          <Button type="link" size="small" onClick={() => navigate(`/promo-codes/${row.id}`)}>
+
+            详情
+
+          </Button>
+
+          <Button
+