From 26d0a3784f38d8b6e79859d477b0de367bbf63f6 Mon Sep 17 00:00:00 2001
From: "Your Name (aider)" <you@example.com>
Date: Wed, 14 May 2025 17:45:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=A8=E8=AE=A2=E5=8D=95=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E9=A1=B5=E6=94=AF=E4=BB=98=E4=BF=A1=E6=81=AF=E4=B8=AD?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=A7=93=E5=90=8D=E6=89=8B=E6=9C=BA=E5=9B=BD?=
 =?UTF-8?q?=E5=AE=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/screens/previewOrder/perviewOrder.tsx | 32 ++++++++++++++++++-----
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/app/screens/previewOrder/perviewOrder.tsx b/app/screens/previewOrder/perviewOrder.tsx
index cbfe613..c43aecb 100644
--- a/app/screens/previewOrder/perviewOrder.tsx
+++ b/app/screens/previewOrder/perviewOrder.tsx
@@ -9,6 +9,9 @@ const AddressIcon = ({ size, color }) => <Text style={{fontSize: size, color: co
 const AmountIcon = ({ size, color }) => <Text style={{fontSize: size, color: color}}>💰</Text>;    // 示例图标
 const ShippingIcon = ({ size, color }) => <Text style={{fontSize: size, color: color}}>🚚</Text>; // 示例图标
 const WhatsAppIcon = ({ size, color }) => <Text style={{fontSize: size, color: color}}>💬</Text>; // 示例图标
+const UserIcon = ({ size, color }) => <Text style={{fontSize: size, color: color}}>👤</Text>;      // 示例图标 - 姓名
+const PhoneIcon = ({ size, color }) => <Text style={{fontSize: size, color: color}}>📞</Text>;     // 示例图标 - 手机
+const GlobeIcon = ({ size, color }) => <Text style={{fontSize: size, color: color}}>🌍</Text>;     // 示例图标 - 国家
 
 export const PreviewOrder = () => {
     const {orderData, setOrderData} = useCreateOrderStore();
@@ -70,6 +73,28 @@ export const PreviewOrder = () => {
         {/* Order Details Card */}
         <View style={styles.card}>
           <Text style={styles.cardTitle}>支付信息</Text>
+          <View style={styles.detailRow}>
+            <UserIcon size={18} color="#555555" />
+            <Text style={styles.detailLabel}>姓名:</Text>
+            <Text style={styles.detailValue}>{orderData?.receiver_name || "N/A"}</Text>
+          </View>
+          <View style={styles.detailRow}>
+            <PhoneIcon size={18} color="#555555" />
+            <Text style={styles.detailLabel}>手机号:</Text>
+            <Text style={styles.detailValue}>{orderData?.receiver_phone || "N/A"}</Text>
+          </View>
+          {orderData?.whatsapp_phone && (
+            <View style={styles.detailRow}>
+              <WhatsAppIcon size={18} color="#555555" />
+              <Text style={styles.detailLabel}>WhatsApp:</Text>
+              <Text style={styles.detailValue}>{orderData.whatsapp_phone}</Text>
+            </View>
+          )}
+          <View style={styles.detailRow}>
+            <GlobeIcon size={18} color="#555555" />
+            <Text style={styles.detailLabel}>国家:</Text>
+            <Text style={styles.detailValue}>{orderData?.country || "N/A"}</Text>
+          </View>
           <View style={styles.detailRow}>
             <AddressIcon size={18} color="#555555" />
             <Text style={styles.detailLabel}>收货地址:</Text>
@@ -85,13 +110,6 @@ export const PreviewOrder = () => {
             <Text style={styles.detailLabel}>运费:</Text>
             <Text style={styles.detailValue}>{orderData?.shipping_fee ? `${orderData.currency || ''} ${orderData.shipping_fee}` : "N/A"}</Text>
           </View>
-          {orderData?.whatsapp_phone && (
-            <View style={styles.detailRow}>
-              <WhatsAppIcon size={18} color="#555555" />
-              <Text style={styles.detailLabel}>WhatsApp:</Text>
-              <Text style={styles.detailValue}>{orderData.whatsapp_phone}</Text>
-            </View>
-          )}
         </View>
       </View>