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

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';
@@ -222,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: '州',
@@ -766,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" />
@@ -1980,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;
@@ -2000,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 }) => {