小飞侠的日志

apps/admin-web/src/lib/constants.ts

@@ -19,6 +19,19 @@ export const ORDER_STATUS_LABELS: Record<string, string> = {
   REFUNDED: '已退款',
 };
 
+/** 订单状态 Tag 颜色（Ant Design preset） */
+export const ORDER_STATUS_COLORS: Record<string, string> = {
+  PENDING_PAY: 'red',
+  PENDING_SHIP: 'green',
+  OUT_WAREHOUSE: 'green',
+  SHIPPING: 'processing',
+  PENDING_RECEIVE: 'cyan',
+  COMPLETED: 'green',
+  CANCELLED: 'default',
+  REFUNDING: 'orange',
+  REFUNDED: 'default',
+};
+
 export const STORE_STATUS_LABELS: Record<string, string> = {
   OPEN: '营业中',
   PAUSED: '暂停',

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

@@ -18,7 +18,7 @@ import {
 } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import { request, type AdminOrderRow, type Paginated } from '../lib/api';
-import { DELIVERY_PROVIDER_LABELS, ORDER_STATUS_LABELS, fmtTime } from '../lib/constants';
+import { DELIVERY_PROVIDER_LABELS, ORDER_STATUS_COLORS, ORDER_STATUS_LABELS, fmtTime } from '../lib/constants';
 
 type ShipDefaults = {
   provider: string;
@@ -172,7 +172,9 @@ export default function OrdersPage() {
       title: '状态',
       dataIndex: 'status',
       width: 100,
-      render: (s) => <Tag>{ORDER_STATUS_LABELS[s] || s}</Tag>,
+      render: (s) => (
+        <Tag color={ORDER_STATUS_COLORS[s] || 'default'}>{ORDER_STATUS_LABELS[s] || s}</Tag>
+      ),
     },
     {
       title: '配送',
@@ -293,7 +295,11 @@ export default function OrdersPage() {
           <>
             <Descriptions column={1} bordered size="small" title="基本信息">
               <Descriptions.Item label="订单号">{detail.orderNo}</Descriptions.Item>
-              <Descriptions.Item label="状态">{ORDER_STATUS_LABELS[detail.status] || detail.status}</Descriptions.Item>
+              <Descriptions.Item label="状态">
+                <Tag color={ORDER_STATUS_COLORS[detail.status] || 'default'}>
+                  {ORDER_STATUS_LABELS[detail.status] || detail.status}
+                </Tag>
+              </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>
@@ -435,7 +441,9 @@ export default function OrdersPage() {
               title: '状态',
               dataIndex: 'status',
               width: 100,
-              render: (s) => <Tag>{ORDER_STATUS_LABELS[s] || s}</Tag>,
+              render: (s) => (
+        <Tag color={ORDER_STATUS_COLORS[s] || 'default'}>{ORDER_STATUS_LABELS[s] || s}</Tag>
+      ),
             },
             { title: '实付', dataIndex: 'payAmount', width: 90, render: (v) => `¥${v}` },
             { title: '收货人', dataIndex: 'receiverName', width: 90 },

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

@@ -27,7 +27,8 @@ const PROVIDER_OPTIONS = [
   { value: 'WECHAT_MAP', label: 'WECHAT_MAP' },
   { value: 'ALIYUN_SMS', label: 'ALIYUN_SMS' },
   { value: 'MOCK_SMS', label: 'MOCK_SMS' },
-  { value: 'XIAOFEIXIA', label: 'XIAOFEIXIA' },
+  { value: 'XFX', label: '小飞侠 (XFX)' },
+  { value: 'LOGISTICS', label: 'LOGISTICS' },
 ];
 
 const STATUS_COLOR: Record<string, string> = {