v3.5.1 版本更新

2026-08-19 15:54:51 +08:00
parent 7dd5fdfb12
commit 233ed0af3b
103 changed files with 5764 additions and 185 deletions
@@ -3,18 +3,23 @@ import { useSearchParams } from 'react-router-dom';
 import {
  Badge,
  Button,
+  Descriptions,
  Drawer,
  Image,
  Input,
  Modal,
  Space,
  Table,
+  Tabs,
  Tag,
  Typography,
  message,
 } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import type {
+  StoreInfoChangeFieldDiff,
+  StoreInfoChangeRequestDto,
+  StoreInfoChangeStatus,
  StorePackageAuditDetailDto,
  StorePackageAuditSummaryDto,
  StorePackageChangeRequestDto,
@@ -22,7 +27,10 @@ import type {
  StorePackageItemDto,
  StorePackageViewDto,
 } from '@dukang/shared-types';
-import { normalizeStorePackageImageUrls } from '@dukang/shared-types';
+import {
+  STORE_INFO_CHANGE_STATUS_LABELS,
+  normalizeStorePackageImageUrls,
+} from '@dukang/shared-types';
 import { request, type Paginated } from '../lib/api';
 import { notifyPackageAuditChanged } from '../lib/admin-events';
 import { fmtTime } from '../lib/constants';
@@ -297,6 +305,289 @@ function PackageDetailCard({
  );
 }

+const INFO_CHANGE_FIELD_LABELS: Record<string, string> = {
+  name: '门店名称',
+  contactPhone: '联系电话',
+  address: '详细地址',
+  intro: '门店简介',
+  benefitUsageRule: '权益券使用规则',
+  latitude: '纬度',
+  longitude: '经度',
+  openTime: '营业开始',
+  closeTime: '营业结束',
+  openTime2: '第二段开始',
+  closeTime2: '第二段结束',
+  avgPrice: '人均费用',
+};
+
+function fmtFieldValue(field: string, v: unknown): string {
+  if (v == null || String(v).trim() === '') return '（空）';
+  if (field === 'avgPrice' || field === 'latitude' || field === 'longitude') {
+    return String(v);
+  }
+  return String(v);
+}
+
+function InfoChangeAuditPanel({
+  initialRequestId,
+}: {
+  initialRequestId?: string | null;
+}) {
+  const [loading, setLoading] = useState(false);
+  const [items, setItems] = useState<StoreInfoChangeRequestDto[]>([]);
+  const [total, setTotal] = useState(0);
+  const [page, setPage] = useState(1);
+  const [status, setStatus] = useState<string>('PENDING');
+  const [pendingCount, setPendingCount] = useState(0);
+  const [detailOpen, setDetailOpen] = useState(false);
+  const [detailLoading, setDetailLoading] = useState(false);
+  const [detail, setDetail] = useState<(StoreInfoChangeRequestDto & { diffs?: StoreInfoChangeFieldDiff[] }) | null>(null);
+  const [rejectOpen, setRejectOpen] = useState(false);
+  const [rejectReason, setRejectReason] = useState('');
+  const [activeId, setActiveId] = useState<string | null>(null);
+
+  async function reload(nextPage = page, nextStatus = status) {
+    setLoading(true);
+    try {
+      const qs = new URLSearchParams({ page: String(nextPage), pageSize: '20' });
+      if (nextStatus) qs.set('status', nextStatus);
+      const [data, summary] = await Promise.all([
+        request<{ items: StoreInfoChangeRequestDto[]; total: number; page?: number }>(
+          `/admin/store-info-change-requests?${qs}`,
+        ),
+        request<{ pendingCount: number }>('/admin/store-info-change-requests/summary'),
+      ]);
+      setItems(data.items);
+      setTotal(data.total);
+      setPage(data.page ?? nextPage);
+      setPendingCount(summary.pendingCount ?? 0);
+    } catch (e) {
+      message.error(e instanceof Error ? e.message : '加载失败');
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    void reload(1, status);
+  }, [status]);
+
+  useEffect(() => {
+    if (initialRequestId) void openDetail(initialRequestId);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  async function openDetail(id: string) {
+    setDetailOpen(true);
+    setDetailLoading(true);
+    setDetail(null);
+    try {
+      const data = await request<StoreInfoChangeRequestDto & { diffs?: StoreInfoChangeFieldDiff[] }>(
+        `/admin/store-info-change-requests/${id}`,
+      );
+      setDetail(data);
+    } catch (e) {
+      message.error(e instanceof Error ? e.message : '加载详情失败');
+      setDetailOpen(false);
+    } finally {
+      setDetailLoading(false);
+    }
+  }
+
+  async function audit(id: string, action: 'APPROVE' | 'REJECT', reason?: string) {
+    try {
+      await request(`/admin/store-info-change-requests/${id}/audit`, {
+        method: 'PUT',
+        body: JSON.stringify(
+          action === 'REJECT' ? { action, rejectReason: reason } : { action },
+        ),
+      });
+      message.success(action === 'APPROVE' ? '已通过' : '已驳回');
+      setDetailOpen(false);
+      notifyPackageAuditChanged();
+      void reload(page, status);
+    } catch (e) {
+      message.error(e instanceof Error ? e.message : '操作失败');
+    }
+  }
+
+  const columns: ColumnsType<StoreInfoChangeRequestDto> = [
+    { title: '门店', dataIndex: 'storeName', render: (_, row) => row.storeName || row.storeId },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      render: (v: StoreInfoChangeStatus) => (
+        <Tag>{STORE_INFO_CHANGE_STATUS_LABELS[v] ?? v}</Tag>
+      ),
+    },
+    {
+      title: '变更字段',
+      render: (_, row) =>
+        row.changedFields?.length
+          ? row.changedFields.map((f) => (
+              <Tag key={f}>{INFO_CHANGE_FIELD_LABELS[f] ?? f}</Tag>
+            ))
+          : '—',
+    },
+    {
+      title: '提交方',
+      render: (_, row) =>
+        row.submitterType === 'PARTNER' ? '合伙人' : row.submitterType === 'SHOP' ? '门店' : '总部',
+    },
+    { title: '提交时间', dataIndex: 'createdAt', render: (v) => fmtTime(String(v)) },
+    {
+      title: '操作',
+      render: (_, row) => (
+        <Space>
+          <Button type="link" onClick={() => void openDetail(row.id)}>
+            查看
+          </Button>
+          {row.status === 'PENDING' ? (
+            <>
+              <Button type="link" onClick={() => void audit(row.id, 'APPROVE')}>
+                通过
+              </Button>
+              <Button
+                type="link"
+                danger
+                onClick={() => {
+                  setActiveId(row.id);
+                  setRejectReason('');
+                  setRejectOpen(true);
+                }}
+              >
+                驳回
+              </Button>
+            </>
+          ) : (
+            row.rejectReason || null
+          )}
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <Space style={{ marginBottom: 16 }}>
+        {(['PENDING', 'APPROVED', 'REJECTED', ''] as const).map((s) => (
+          <Button
+            key={s || 'all'}
+            type={status === s ? 'primary' : 'default'}
+            onClick={() => setStatus(s)}
+          >
+            {s === 'PENDING' ? (
+              <Badge count={pendingCount} size="small" offset={[8, -2]}>
+                {STORE_INFO_CHANGE_STATUS_LABELS.PENDING}
+              </Badge>
+            ) : s ? (
+              STORE_INFO_CHANGE_STATUS_LABELS[s]
+            ) : (
+              '全部'
+            )}
+          </Button>
+        ))}
+      </Space>
+      <Table
+        rowKey="id"
+        loading={loading}
+        columns={columns}
+        dataSource={items}
+        pagination={{
+          current: page,
+          total,
+          pageSize: 20,
+          onChange: (p) => void reload(p, status),
+        }}
+      />
+
+      <Drawer
+        title={detail ? `${detail.storeName || detail.storeId} · 信息变更` : '信息变更详情'}
+        width={680}
+        open={detailOpen}
+        onClose={() => setDetailOpen(false)}
+        extra={
+          detail?.status === 'PENDING' ? (
+            <Space>
+              <Button onClick={() => void audit(detail.id, 'APPROVE')}>通过</Button>
+              <Button
+                danger
+                onClick={() => {
+                  setActiveId(detail.id);
+                  setRejectReason('');
+                  setRejectOpen(true);
+                }}
+              >
+                驳回
+              </Button>
+            </Space>
+          ) : null
+        }
+      >
+        {detailLoading ? (
+          <Typography.Text type="secondary">加载中…</Typography.Text>
+        ) : detail ? (
+          <>
+            <Space style={{ marginBottom: 16 }} wrap>
+              <Tag>{STORE_INFO_CHANGE_STATUS_LABELS[detail.status]}</Tag>
+              <Typography.Text type="secondary">
+                提交方：{detail.submitterType === 'PARTNER' ? '合伙人' : detail.submitterType === 'SHOP' ? '门店' : '总部'} · {fmtTime(detail.createdAt)}
+              </Typography.Text>
+            </Space>
+            {detail.rejectReason ? (
+              <Typography.Paragraph type="danger">驳回原因：{detail.rejectReason}</Typography.Paragraph>
+            ) : null}
+            {detail.diffs && detail.diffs.length ? (
+              <Descriptions column={1} bordered size="small">
+                {detail.diffs.map((d) => (
+                  <Descriptions.Item
+                    key={d.field}
+                    label={INFO_CHANGE_FIELD_LABELS[d.field] ?? d.field}
+                  >
+                    <span>
+                      <Typography.Text delete type="secondary">
+                        {fmtFieldValue(d.field, d.live)}
+                      </Typography.Text>
+                      <Typography.Text type="secondary"> → </Typography.Text>
+                      <Typography.Text strong>
+                        {fmtFieldValue(d.field, d.proposed)}
+                      </Typography.Text>
+                    </span>
+                  </Descriptions.Item>
+                ))}
+              </Descriptions>
+            ) : (
+              <Typography.Text type="secondary">无变更字段明细</Typography.Text>
+            )}
+          </>
+        ) : null}
+      </Drawer>
+
+      <Modal
+        title="驳回信息变更"
+        open={rejectOpen}
+        onCancel={() => setRejectOpen(false)}
+        onOk={() => {
+          if (!activeId) return;
+          if (!rejectReason.trim()) {
+            message.warning('请填写驳回原因');
+            return;
+          }
+          void audit(activeId, 'REJECT', rejectReason.trim());
+          setRejectOpen(false);
+        }}
+      >
+        <Input.TextArea
+          rows={3}
+          value={rejectReason}
+          placeholder="驳回原因"
+          onChange={(e) => setRejectReason(e.target.value)}
+        />
+      </Modal>
+    </div>
+  );
+}
+
 export default function StorePackageAuditsPage() {
  const [loading, setLoading] = useState(false);
  const [items, setItems] = useState<StorePackageChangeRequestDto[]>([]);
@@ -340,6 +631,9 @@ export default function StorePackageAuditsPage() {

  // 从门店详情 / 门店列表跳转过来时，带 requestId 自动打开审核（对比）抽屉
  const [searchParams] = useSearchParams();
+  const initialTab = searchParams.get('tab') === 'info' ? 'info' : 'package';
+  const [activeTab, setActiveTab] = useState<string>(initialTab);
+  const infoRequestId = searchParams.get('infoRequestId');
  useEffect(() => {
    const rid = searchParams.get('requestId');
    if (rid) void openDetail(rid);
@@ -438,33 +732,52 @@ export default function StorePackageAuditsPage() {

  return (
    <div>
-      <Typography.Title level={4}>套餐变更审核</Typography.Title>
-      <Space style={{ marginBottom: 16 }}>
-        {(['PENDING', 'APPROVED', 'REJECTED', ''] as const).map((s) => (
-          <Button key={s || 'all'} type={status === s ? 'primary' : 'default'} onClick={() => setStatus(s)}>
-            {s === 'PENDING' ? (
-              <Badge count={pendingCount} size="small" offset={[8, -2]}>
-                {HQ_PACKAGE_STATUS_LABELS.PENDING}
-              </Badge>
-            ) : s ? (
-              HQ_PACKAGE_STATUS_LABELS[s]
-            ) : (
-              '全部'
-            )}
-          </Button>
-        ))}
-      </Space>
-      <Table
-        rowKey="id"
-        loading={loading}
-        columns={columns}
-        dataSource={items}
-        pagination={{
-          current: page,
-          total,
-          pageSize: 20,
-          onChange: (p) => void reload(p, status),
-        }}
+      <Typography.Title level={4}>审核通知</Typography.Title>
+      <Tabs
+        activeKey={activeTab}
+        onChange={setActiveTab}
+        items={[
+          {
+            key: 'package',
+            label: '套餐审核',
+            children: (
+              <>
+                <Space style={{ marginBottom: 16 }}>
+                  {(['PENDING', 'APPROVED', 'REJECTED', ''] as const).map((s) => (
+                    <Button key={s || 'all'} type={status === s ? 'primary' : 'default'} onClick={() => setStatus(s)}>
+                      {s === 'PENDING' ? (
+                        <Badge count={pendingCount} size="small" offset={[8, -2]}>
+                          {HQ_PACKAGE_STATUS_LABELS.PENDING}
+                        </Badge>
+                      ) : s ? (
+                        HQ_PACKAGE_STATUS_LABELS[s]
+                      ) : (
+                        '全部'
+                      )}
+                    </Button>
+                  ))}
+                </Space>
+                <Table
+                  rowKey="id"
+                  loading={loading}
+                  columns={columns}
+                  dataSource={items}
+                  pagination={{
+                    current: page,
+                    total,
+                    pageSize: 20,
+                    onChange: (p) => void reload(p, status),
+                  }}
+                />
+              </>
+            ),
+          },
+          {
+            key: 'info',
+            label: '信息变更',
+            children: <InfoChangeAuditPanel initialRequestId={infoRequestId} />,
+          },
+        ]}
      />

      <Drawer