Просмотр исходного кода

🐛 fix(admin): 修复订单金额显示异常问题

- 处理advancePayment和orderAmount可能为字符串类型的情况
- 添加类型转换和NaN检查,确保金额显示格式正确
- 当金额无效时显示¥0.00,避免页面报错
yourname 8 месяцев назад
Родитель
Сommit
191e0cb8fb
1 измененных файлов с 8 добавлено и 2 удалено
  1. 8 2
      src/client/admin/pages/OrderRecords.tsx

+ 8 - 2
src/client/admin/pages/OrderRecords.tsx

@@ -68,14 +68,20 @@ const OrderRecords: React.FC = () => {
       dataIndex: 'advancePayment',
       key: 'advancePayment',
       width: 120,
-      render: (amount: number) => `¥${amount.toFixed(2)}`,
+      render: (amount: number | string) => {
+        const num = Number(amount);
+        return `¥${isNaN(num) ? '0.00' : num.toFixed(2)}`;
+      },
     },
     {
       title: '订单金额',
       dataIndex: 'orderAmount',
       key: 'orderAmount',
       width: 120,
-      render: (amount: number) => `¥${amount.toFixed(2)}`,
+      render: (amount: number | string) => {
+        const num = Number(amount);
+        return `¥${isNaN(num) ? '0.00' : num.toFixed(2)}`;
+      },
     },
     {
       title: '订单状态',