代下单功能

apps/admin-web/src/pages/UsersPage.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { Link, useLocation, useNavigate } from 'react-router-dom';
 import {
   Alert,
   Button,
@@ -17,6 +17,7 @@ import {
   message,
 } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
+import { USER_SOURCE_TYPE_LABELS, type UserSourceType } from '@dukang/shared-types';
 import { request, type AdminUserRow, type Paginated } from '../lib/api';
 import { ORDER_STATUS_LABELS, fmtTime } from '../lib/constants';
 
@@ -33,6 +34,7 @@ type UserDetail = AdminUserRow & {
   wxUnionId?: string | null;
   cityPref?: Record<string, unknown> | null;
   mergedInto?: { id: string; userNo: string; phone: string | null; nickname: string | null } | null;
+  sourcePromo?: { id: string; code: string; name: string } | null;
   orders?: UserOrderRow[];
   mergedFromCount?: number;
   addressCount?: number;
@@ -62,6 +64,7 @@ type BatchDeletePreview = {
 
 export default function UsersPage() {
   const navigate = useNavigate();
+  const location = useLocation();
   const [form] = Form.useForm();
   const [data, setData] = useState<Paginated<AdminUserRow> | null>(null);
   const [loading, setLoading] = useState(false);
@@ -105,6 +108,14 @@ export default function UsersPage() {
     void load();
   }, [load]);
 
+  useEffect(() => {
+    const openUserId = (location.state as { openUserId?: string } | null)?.openUserId;
+    if (openUserId) {
+      void openDetail(openUserId);
+      navigate(location.pathname, { replace: true, state: null });
+    }
+  }, [location.state, location.pathname, navigate]);
+
   async function openDetail(id: string) {
     const res = await request<UserDetail>(`/admin/users/${id}`);
     setDetail(res);
@@ -225,6 +236,40 @@ export default function UsersPage() {
       width: 100,
       render: (v) => (v ? <Tag color="blue">微信已验证</Tag> : <Tag>未绑定</Tag>),
     },
+    {
+      title: '来源类型',
+      dataIndex: 'sourceType',
+      width: 100,
+      render: (v: string) => (
+        <Tag color={v === 'PROMO_CODE' ? 'blue' : v === 'ORGANIC' ? 'default' : 'purple'}>
+          {USER_SOURCE_TYPE_LABELS[v as UserSourceType] || v}
+        </Tag>
+      ),
+    },
+    {
+      title: '来源 ID',
+      dataIndex: 'sourceRefId',
+      width: 100,
+      ellipsis: true,
+      render: (v, row) => {
+        if (!v) return '—';
+        if (row.sourceType === 'PROMO_CODE') {
+          return (
+            <Link to={`/promo-codes/${v}`} onClick={(e) => e.stopPropagation()}>
+              {v}
+            </Link>
+          );
+        }
+        return v;
+      },
+    },
+    {
+      title: '来源标签',
+      dataIndex: 'sourceLabel',
+      width: 120,
+      ellipsis: true,
+      render: (v) => v || '—',
+    },
     {
       title: 'deviceKey',
       dataIndex: 'deviceKey',
@@ -307,7 +352,7 @@ export default function UsersPage() {
         loading={loading}
         columns={columns}
         dataSource={data?.items ?? []}
-        scroll={{ x: 1200 }}
+        scroll={{ x: 1500 }}
         rowSelection={{
           selectedRowKeys,
           preserveSelectedRowKeys: true,
@@ -347,6 +392,28 @@ export default function UsersPage() {
               <Descriptions.Item label="微信验证">
                 {detail.wechatVerified ? <Tag color="blue">微信已验证</Tag> : <Tag>未绑定</Tag>}
               </Descriptions.Item>
+              <Descriptions.Item label="来源类型">
+                <Tag color={detail.sourceType === 'PROMO_CODE' ? 'blue' : 'default'}>
+                  {USER_SOURCE_TYPE_LABELS[detail.sourceType as UserSourceType] || detail.sourceType}
+                </Tag>
+              </Descriptions.Item>
+              <Descriptions.Item label="来源 ID">
+                {detail.sourceRefId ? (
+                  detail.sourceType === 'PROMO_CODE' ? (
+                    <Link to={`/promo-codes/${detail.sourceRefId}`}>{detail.sourceRefId}</Link>
+                  ) : (
+                    detail.sourceRefId
+                  )
+                ) : '—'}
+              </Descriptions.Item>
+              <Descriptions.Item label="来源标签">{detail.sourceLabel || '—'}</Descriptions.Item>
+              {detail.sourcePromo && (
+                <Descriptions.Item label="推广码">
+                  <Link to={`/promo-codes/${detail.sourcePromo.id}`}>
+                    {detail.sourcePromo.name}（{detail.sourcePromo.code}）
+                  </Link>
+                </Descriptions.Item>
+              )}
               <Descriptions.Item label="wxOpenId">{detail.wxOpenId || '—'}</Descriptions.Item>
               <Descriptions.Item label="wxUnionId">{detail.wxUnionId || '—'}</Descriptions.Item>
               <Descriptions.Item label="deviceKey">{detail.deviceKey || '—'}</Descriptions.Item>