Răsfoiți Sursa

✨ feat(payment): 优化支付时间显示逻辑

- 引入dayjs库处理日期格式化
- 使用订单更新时间作为支付时间,若无则使用当前时间
- 统一支付时间格式为YYYY-MM-DD HH:mm:ss
yourname 1 lună în urmă
părinte
comite
8b3249d74b
1 a modificat fișierele cu 8 adăugiri și 3 ștergeri
  1. 8 3
      mini/src/pages/payment-success/index.tsx

+ 8 - 3
mini/src/pages/payment-success/index.tsx

@@ -3,13 +3,13 @@
  * 显示支付成功信息和后续操作
  */
 
-import Taro from '@tarojs/taro'
-import { useEffect, useState } from 'react'
+import Taro, { useRouter } from '@tarojs/taro'
 import { View, Text } from '@tarojs/components'
 import { useQuery } from '@tanstack/react-query'
 import { orderClient } from '@/api'
 import { Navbar } from '@/components/ui/navbar'
 import { Button } from '@/components/ui/button'
+import dayjs from 'dayjs'
 
 interface PaymentSuccessParams {
   orderId: number
@@ -105,7 +105,12 @@ const PaymentSuccessPage = () => {
         </View>
         <View className="flex justify-between items-center py-3 border-b border-gray-100">
           <Text className="text-sm text-gray-600">支付时间:</Text>
-          <Text className="text-sm text-gray-800">{new Date().toLocaleString()}</Text>
+          <Text className="text-sm text-gray-800">
+            {orderDetail?.updatedAt
+              ? dayjs(orderDetail.updatedAt).format('YYYY-MM-DD HH:mm:ss')
+              : dayjs().format('YYYY-MM-DD HH:mm:ss')
+            }
+          </Text>
         </View>
         <View className="flex justify-between items-center py-3">
           <Text className="text-sm text-gray-600">支付方式:</Text>