20251013-zty-换货功能前台代码

src/constants/index.ts

@@ -105,4 +105,16 @@ export const ORDER_STATUS_ENUM: ProSchemaValueEnumObj = {
     text: '待退款',
     status: 'warning',
   },
+  refund_requested: {
+    text: '已申请退款',
+    status: 'refund_approved',
+  },
+  refund_approved: {
+    text: '退款申请已通过',
+    status: 'refund_approved',
+  },
+  refund_cancelled: {
+    text: '已取消退款',
+    status: 'refund_cancelled',
+  }
 };

src/pages/Order/List/index.tsx

@@ -27,6 +27,7 @@ import {
   ordercontrollerUpdateorderitems,
 } from '@/servers/api/order';
 import { productcontrollerSearchproducts } from '@/servers/api/product';
+import { wpproductcontrollerSearchproducts } from '@/servers/api/wpProduct';
 import { sitecontrollerAll } from '@/servers/api/site';
 import { stockcontrollerGetallstockpoints } from '@/servers/api/stock';
 import { formatShipmentState, formatSource } from '@/utils/format';
@@ -122,6 +123,18 @@ const ListPage: React.FC = () => {
         key: 'pending_reshipment',
         label: '待补发',
       },
+      {
+        key: 'refund_requested',
+        label: '已申请退款',
+      },
+      {
+        key: 'refund_approved',
+        label: '退款申请已通过',
+      },
+      {
+        key: 'refund_cancelled',
+        label: '已取消退款',
+      },
       // {
       //   key: 'pending_refund',
       //   label: '待退款',
@@ -210,6 +223,11 @@ const ListPage: React.FC = () => {
       title: '联系电话',
       dataIndex: 'billing_phone',
       render: (_, record) => record.shipping?.phone || record.billing?.phone,
+    },
+     {
+      title: '换货次数',
+      dataIndex: 'exchange_frequency',
+      hideInSearch: true,
     },
     {
       title: '州',
@@ -754,11 +772,11 @@ const Detail: React.FC<{
           <ProDescriptions.Item label="客户邮箱" dataIndex="customer_email"  />
           <ProDescriptions.Item label="联系电话"  span={3} 
           render={(_, record) => { return (
-             <div>
-                    <span>
-                      {record?.shipping?.phone || record?.billing?.phone || '-'}
-                    </span>
-                  </div>
+            <div>
+              <span>
+                {record?.shipping?.phone || record?.billing?.phone || '-'}
+              </span>
+            </div>
           );
           }} />
           <ProDescriptions.Item label="交易Id" dataIndex="transaction_id" />
@@ -1968,17 +1986,20 @@ const SalesChange: React.FC<{
           },
           [],
         );
+
+        
         // setOptions(
         //   data.sales?.map((item) => ({
         //     label: item.name,
         //     value: item.sku,
         //   })) || [],
         // );
-        return { ...data };
+        return { ...data};
       }}
       onFinish={async (formData: any) => {
-        const { sales } = formData;
-        const res = await ordercontrollerUpdateorderitems({orderId:id}, sales);
+        const { sales,items } = formData;
+        const data ={sales,items }
+        const res = await ordercontrollerUpdateorderitems({orderId:id}, data);
         if (!res.success) {
           message.error(`更新货物信息失败: ${res.message}`);
           return false;
@@ -1988,11 +2009,63 @@ const SalesChange: React.FC<{
         return true;
       }}
     >
+ <ProFormList
+        label="换货订单"
+        name="items"
+      >
+        <ProForm.Group>
+
+          <ProFormSelect
+             params={{ }}
+            request={async ({ keyWords }) => {
+              try {
+                const { data } = await wpproductcontrollerSearchproducts({
+                  name: keyWords,
+                });
+                return (
+                  data?.map((item) => {
+                    return {
+                      label: `${item.name}`,
+                      value: item?.sku,
+                    };
+                  })
+                );
+              } catch (error) {
+                return [];
+              }
+            }}
+            name="sku"
+            label="订单"
+            placeholder="请选择订单"
+            tooltip="至少输入3个字符"
+            fieldProps={{
+              showSearch: true,
+              filterOption: false,
+            }}
+            debounceTime={300} // 防抖，减少请求频率
+            rules={[{ required: true, message: '请选择订单' }]}
+          />
+          <ProFormDigit
+            name="quantity"
+            colProps={{ span: 12 }}
+            label="订单数量"
+            placeholder="请输入数量"
+            rules={[{ required: true, message: '请输入数量' }]}
+            fieldProps={{
+              precision: 0,
+            }}
+          />
+        
+        </ProForm.Group>
+      </ProFormList>
+
       <ProFormList
         label="换货产品"
         name="sales"
       >
         <ProForm.Group>
+
+        
           <ProFormSelect
             params={{ }}
             request={async ({ keyWords }) => {

src/servers/api/typings.d.ts

@@ -332,7 +332,10 @@ declare namespace API {
       | 'failed'
       | 'after_sale_pending'
       | 'pending_reshipment'
-      | 'pending_refund';
+      | 'pending_refund'
+      | 'refund_requested'
+      | 'refund_approved'
+      | 'refund_cancelled';
     payment_method?: string;
   };
 
@@ -857,7 +860,10 @@ declare namespace API {
       | 'failed'
       | 'after_sale_pending'
       | 'pending_reshipment'
-      | 'pending_refund';
+      | 'pending_refund'
+      | 'refund_requested'
+      | 'refund_approved'
+      | 'refund_cancelled';
     payment_method?: string;
   };