admin web 修改订单状态

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

@@ -10,21 +10,11 @@ import {
   Table,
   Tag,
   Typography,
+  message,
 } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import { request, type AdminOrderRow, type Paginated } from '../lib/api';
-
-const STATUS_LABELS: Record<string, string> = {
-  PENDING_PAY: '待付款',
-  PENDING_SHIP: '待发货',
-  OUT_WAREHOUSE: '已出库',
-  SHIPPING: '配送中',
-  PENDING_RECEIVE: '待收货',
-  COMPLETED: '已完成',
-  CANCELLED: '已取消',
-  REFUNDING: '退款中',
-  REFUNDED: '已退款',
-};
+import { ORDER_STATUS_LABELS } from '../lib/constants';
 
 type OrderDetail = AdminOrderRow & {
   receiverAddress?: string;
@@ -93,7 +83,7 @@ export default function OrdersPage() {
       title: '状态',
       dataIndex: 'status',
       width: 100,
-      render: (s) => <Tag>{STATUS_LABELS[s] || s}</Tag>,
+      render: (s) => <Tag>{ORDER_STATUS_LABELS[s] || s}</Tag>,
     },
     {
       title: '配送',
@@ -140,7 +130,7 @@ export default function OrdersPage() {
           <Input placeholder="DK..." allowClear />
         </Form.Item>
         <Form.Item name="status" label="状态">
-          <Select allowClear style={{ width: 120 }} options={Object.entries(STATUS_LABELS).map(([value, label]) => ({ value, label }))} />
+          <Select allowClear style={{ width: 120 }} options={Object.entries(ORDER_STATUS_LABELS).map(([value, label]) => ({ value, label }))} />
         </Form.Item>
         <Form.Item name="receiverPhone" label="收货手机">
           <Input allowClear />
@@ -171,12 +161,37 @@ export default function OrdersPage() {
         }}
       />
 
-      <Drawer title="订单详情" width={640} open={drawerOpen} onClose={() => setDrawerOpen(false)}>
+      <Drawer
+        title="订单详情"
+        width={640}
+        open={drawerOpen}
+        onClose={() => setDrawerOpen(false)}
+        extra={detail && (
+          <Space>
+            <Typography.Text type="secondary">调试改状态</Typography.Text>
+            <Select
+              value={detail.status}
+              style={{ width: 120 }}
+              options={Object.entries(ORDER_STATUS_LABELS).map(([value, label]) => ({ value, label }))}
+              onChange={async (status) => {
+                await request(`/admin/orders/${detail.id}/status`, {
+                  method: 'PUT',
+                  body: JSON.stringify({ status }),
+                });
+                message.success('状态已更新（调试）');
+                const res = await request<OrderDetail>(`/admin/orders/${detail.id}`);
+                setDetail(res);
+                void load();
+              }}
+            />
+          </Space>
+        )}
+      >
         {detail && (
           <>
             <Descriptions column={1} bordered size="small" title="基本信息">
               <Descriptions.Item label="订单号">{detail.orderNo}</Descriptions.Item>
-              <Descriptions.Item label="状态">{STATUS_LABELS[detail.status] || detail.status}</Descriptions.Item>
+              <Descriptions.Item label="状态">{ORDER_STATUS_LABELS[detail.status] || detail.status}</Descriptions.Item>
               <Descriptions.Item label="用户">{detail.user?.userNo} / {detail.user?.nickname}</Descriptions.Item>
               <Descriptions.Item label="商品额">¥{detail.productAmount}</Descriptions.Item>
               <Descriptions.Item label="实付">¥{detail.payAmount}</Descriptions.Item>
@@ -215,7 +230,7 @@ export default function OrdersPage() {
                   dataSource={detail.statusLogs}
                   columns={[
                     { title: '从', dataIndex: 'fromStatus', render: (v) => v || '—' },
-                    { title: '到', dataIndex: 'toStatus', render: (v) => STATUS_LABELS[v] || v },
+                    { title: '到', dataIndex: 'toStatus', render: (v) => ORDER_STATUS_LABELS[v] || v },
                     { title: '时间', dataIndex: 'createdAt', render: (v) => new Date(v).toLocaleString('zh-CN') },
                   ]}
                 />