+
+
+ } style={{ paddingInline: 0 }} onClick={() => navigate('/orders')}>
+ 返回订单列表
+
+
+ 订单详情
+
+
+
+
+
+
+ {detail.id}
+ {detail.tradeId}
+ {compactText(detail.orderNo)}
+ {compactText(detail.tradeNo)}
+ {compactText(detail.merchantName || detail.storeName)}
+
+
+
+
+
+
+ {compactText(detail.payChannel)}
+ {detail.merchantId}
+ {detail.uid ?? detail.memberId}
+ {formatTimestamp(detail.createdAt)}
+ {formatTimestamp(detail.payTime)}
+ {formatTimestamp(detail.shipTime)}
+ {formatTimestamp(detail.finishTime)}
+ {formatTimestamp(detail.cancelTime)}
+ {formatTimestamp(detail.autoConfirmAt)}
+ {formatTimestamp(detail.updatedAt)}
+
+
+
+
+
+ {compactText(detail.receiverName)}
+ {compactText(detail.receiverMobile)}
+ {compactText(detail.receiverCountryCode)}
+ {compactText(detail.receiverZipCode)}
+
+ {buildAddress(
+ detail.receiverProvince,
+ detail.receiverCity,
+ detail.receiverDistrict,
+ detail.receiverAddress
+ )}
+
+ {compactText(detail.deliveryCompany)}
+ {compactText(detail.deliveryNo)}
+
+ {compactText(detail.buyerRemark)}
+
+
+ {compactText(detail.sellerRemark)}
+
+
+
+
+
+
+ {formatAmount(detail.goodsAmount, detail.currency)}
+ {formatAmount(detail.freightAmount, detail.currency)}
+ {formatAmount(detail.discountAmount, detail.currency)}
+ {formatAmount(detail.payAmount, detail.currency)}
+
+
+
+
+
+ rowKey="id"
+ columns={itemColumns}
+ dataSource={detail.items || []}
+ pagination={false}
+ scroll={{ x: 960 }}
+ expandable={{
+ expandedRowRender: record => (
+
+ {record.id}
+ {record.orderId}
+ {record.tradeId}
+ {compactText(record.orderNo)}
+ {record.spuId}
+ {record.skuId}
+ {compactText(record.spuName)}
+ {compactText(record.skuName)}
+
+ {compactText(record.coverUrl)}
+
+
+ {parseSpecSummary(record.skuSpecJson)}
+
+ {record.buyNum}
+ {formatAmount(record.salePrice, detail.currency)}
+ {formatAmount(record.originPrice, detail.currency)}
+
+ {formatAmount(record.discountAmount, detail.currency)}
+
+ {formatAmount(record.itemAmount, detail.currency)}
+
+ {formatAmount(record.refundAmount, detail.currency)}
+
+
+
+
+
+ ),
+ }}
+ />
+
+
+ {detail.extraInfoJson ? (
+
+
+ {safeJsonPretty(detail.extraInfoJson)}
+
+ ) : null}
+
+ )
+}
diff --git a/src/pages/admin/orders/index.tsx b/src/pages/admin/orders/index.tsx
new file mode 100644
index 0000000..f6e6497
--- /dev/null
+++ b/src/pages/admin/orders/index.tsx
@@ -0,0 +1,328 @@
+import { useEffect, useMemo, useState } from 'react'
+import {
+ Button,
+ Card,
+ Descriptions,
+ Drawer,
+ Form,
+ Input,
+ Select,
+ Space,
+ Table,
+ Typography,
+} from 'antd'
+import type { ColumnsType, TablePaginationConfig } from 'antd/es/table'
+import { useNavigate } from 'react-router-dom'
+import { toast } from 'sonner'
+import StatusTag from '@/components/StatusTag'
+import { apiAdminMerchantPage, apiAdminOrderPage } from '@/apis/apiMallAdmin'
+import type { AdminOrderPageParams, MerchantInfo, OrderSummary } from '@/types/mall'
+import { compactText, formatAmount, formatTimestamp } from '@/utils/format'
+import { afterSaleStatusOptions, orderStatusOptions, withAllOption } from '@/utils/mall'
+
+const DEFAULT_PAGE_SIZE = 20
+
+interface MerchantSelectOption {
+ label: string
+ value: string
+}
+
+interface OrderSearchValues {
+ merchantId?: string
+ tradeNo?: string
+ orderNo?: string
+ orderStatus?: string
+ afterSaleStatus?: string
+ page: number
+ size: number
+}
+
+const normalizeFilterValues = (values: OrderSearchValues): AdminOrderPageParams => ({
+ merchantId: values.merchantId || undefined,
+ tradeNo: values.tradeNo?.trim() || undefined,
+ orderNo: values.orderNo?.trim() || undefined,
+ orderStatus: values.orderStatus as AdminOrderPageParams['orderStatus'],
+ afterSaleStatus: values.afterSaleStatus as AdminOrderPageParams['afterSaleStatus'],
+ page: values.page,
+ size: values.size,
+})
+
+const buildMerchantOption = (merchant: Pick