登录页面

2026-07-12 15:17:54 +08:00
parent becf91da52
commit bfac6c6663
63 changed files with 4662 additions and 431 deletions
@@ -0,0 +1,80 @@
+import { useEffect, useState } from 'react';
+import { View, Text } from '@tarojs/components';
+import { useRouter } from '@tarojs/taro';
+import PageShell from '../../components/PageShell';
+import SubPageHeader from '../../components/SubPageHeader';
+import { request, toast } from '../../lib/api';
+
+type OrderDetail = {
+  id: string;
+  orderNo?: string;
+  status?: string;
+  payAmount?: number;
+  productName?: string;
+  qty?: number;
+  addressSnapshot?: string;
+  createdAt?: string;
+};
+
+export default function OrderDetailPage() {
+  const router = useRouter();
+  const orderId = router.params.id ?? '';
+  const [order, setOrder] = useState<OrderDetail | null>(null);
+
+  useEffect(() => {
+    if (!orderId) return;
+    request<OrderDetail>(`/trade/orders/${orderId}`)
+      .then(setOrder)
+      .catch((e) => toast(e instanceof Error ? e.message : '加载失败'));
+  }, [orderId]);
+
+  return (
+    <PageShell variant="sub" className="order-detail-page">
+      <SubPageHeader title="订单详情" />
+      <View className="sub-page-body">
+        {!order ? (
+          <View className="u-empty">加载中…</View>
+        ) : (
+          <>
+            <View className="order-card">
+              <Text className="order-card-title">订单状态</Text>
+              <Text className="order-list-status">{order.status || '处理中'}</Text>
+            </View>
+            <View className="order-card">
+              <Text className="order-card-title">商品信息</Text>
+              <View className="order-row">
+                <Text className="order-row-label">{order.productName || '杜康商品'}</Text>
+                <Text className="order-row-value">x{order.qty ?? 1}</Text>
+              </View>
+              <View className="order-row">
+                <Text className="order-row-label">实付金额</Text>
+                <Text className="order-row-value--price">
+                  ¥{Number(order.payAmount ?? 0).toFixed(2)}
+                </Text>
+              </View>
+            </View>
+            <View className="order-card">
+              <Text className="order-card-title">收货信息</Text>
+              <Text className="u-muted">
+                {order.addressSnapshot || '地址信息待完善'}
+              </Text>
+            </View>
+            <View className="order-card">
+              <Text className="order-card-title">订单信息</Text>
+              <View className="order-row">
+                <Text className="order-row-label">订单编号</Text>
+                <Text className="order-row-value">{order.orderNo || order.id}</Text>
+              </View>
+              <View className="order-row">
+                <Text className="order-row-label">下单时间</Text>
+                <Text className="order-row-value">
+                  {order.createdAt ? String(order.createdAt).slice(0, 19).replace('T', ' ') : '-'}
+                </Text>
+              </View>
+            </View>
+          </>
+        )}
+      </View>
+    </PageShell>
+  );
+}