feat: 开发确认收货预警回访登记预警

boyang
1 parent 3a164b6e
Showing 4 changed files with 1113 additions and 1520 deletions
src/pages/Order/Order/components/FeedbackRegistrationModal.tsx
src/pages/Order/Order/index.tsx
src/pages/Order/OrderWarning/components/FeedbackRegistrationModal.tsx
src/pages/Order/OrderWarning/index.tsx
@@ -3,14 +3,14 @@ import { Input, Modal } from &#39;antd&#39;;
 import { useState } from 'react';
  
 // import { cloneDeep } from 'lodash';
-export default ({ subOrders, onClose }) => {
+export default ({ setVisible, subOrders, mainOrder, onClose }) => {
   const [isModalOpen] = useState(true);
   const { TextArea } = Input;
   const [textValue, setTextValue] = useState('');
  
   const handleOk = async () => {
     console.log(textValue); // 处理输入的文本
-    console.log(subOrders, '5656subOrders');
+    console.log(subOrders, '5656subOrders', mainOrder);
     let res = await postServiceOrderFeedbackRegistration({
       data: {
         id: subOrders[0].id,
@@ -23,6 +23,7 @@ export default ({ subOrders, onClose }) =&gt; {
     // onClose();
   };
   const handleCancel = () => {
+    setVisible(false);
     onClose();
     // setIsModalOpen(false);
     // onClose();
@@ -4592,6 +4592,8 @@ const OrderPage = () =&gt; {
  
   const [invoiceWarningNum, setInvoiceWarningNum] = useState(0);
   const [invoiceRefundWarningNum, setInvoiceRefundWarningNum] = useState(0);
+  const [waitConfirmPayment, setWaitConfirmPayment] = useState(0);
+  const [waitFeedback, setWaitFeedback] = useState(0);
   const [open, setOpen] = useState(false);
   const { openCount, setOpenCount } = useModel('count');
  
@@ -4608,6 +4610,8 @@ const OrderPage = () =&gt; {
     }
     setInvoiceWarningNum(res.data.waitConfirmInvoice);
     setInvoiceRefundWarningNum(res.data.waitConfirmReceipt);
+    setWaitConfirmPayment(res.data.waitConfirmPayment);
+    setWaitFeedback(res.data.waitFeedback);
   }
  
   useEffect(() => {
@@ -4644,7 +4648,7 @@ const OrderPage = () =&gt; {
           </Button>,
         ]}
       >
-        <Row
+        {/* <Row
           gutter={16}
           justify="space-between" // Aligns Cols to the start and end
           align="middle" // Vertically center contents
@@ -4737,15 +4741,264 @@ const OrderPage = () =&gt; {
               </Card>
             </div>
           </Col>
+        </Row> */}
+        <Row
+          gutter={16}
+          justify="space-between" // Aligns Cols to the start and end
+          align="middle" // Vertically center contents
+        >
+          {/* 新增卡片1: 待确认收货订单 */}
+          <Col span={6}>
+            {' '}
+            {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
+            <div
+              style={{
+                display: 'flex',
+                justifyContent: 'center',
+                marginTop: '20px',
+              }}
+            >
+              <Card
+                bordered={true}
+                style={{
+                  backgroundColor: '#f0f0f0', // 背景颜色
+                  width: '200px', // 卡片宽度
+                  height: '200px', // 卡片高度
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                }}
+              >
+                <div
+                  style={{
+                    fontWeight: 'bold', // 字体加粗
+                    color: 'black', // 字体颜色
+                    fontSize: '20px', // 字体大小
+                  }}
+                >
+                  <div
+                    style={{
+                      fontWeight: 'bold', // 字体加粗
+                      color: 'black', // 字体颜色
+                      fontSize: '40px', // 字体大小
+                      justifyContent: 'center',
+                      display: 'flex',
+                      alignItems: 'center',
+                      marginBottom: '20px',
+                    }}
+                  >
+                    {waitConfirmPayment}
+                  </div>
+                  待确认收货订单
+                </div>
+              </Card>
+            </div>
+          </Col>
+
+          {/* 新增卡片2: 待回访登记订单 */}
+          <Col span={6}>
+            {' '}
+            {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
+            <div
+              style={{
+                display: 'flex',
+                justifyContent: 'center',
+                marginTop: '20px',
+              }}
+            >
+              <Card
+                bordered={true}
+                style={{
+                  backgroundColor: '#f0f0f0', // 背景颜色
+                  width: '200px', // 卡片宽度
+                  height: '200px', // 卡片高度
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                }}
+              >
+                <div
+                  style={{
+                    fontWeight: 'bold', // 字体加粗
+                    color: 'black', // 字体颜色
+                    fontSize: '20px', // 字体大小
+                  }}
+                >
+                  <div
+                    style={{
+                      fontWeight: 'bold', // 字体加粗
+                      color: 'black', // 字体颜色
+                      fontSize: '40px', // 字体大小
+                      justifyContent: 'center',
+                      display: 'flex',
+                      alignItems: 'center',
+                      marginBottom: '20px',
+                    }}
+                  >
+                    {waitFeedback}
+                  </div>
+                  待回访登记订单
+                </div>
+              </Card>
+            </div>
+          </Col>
+
+          {/* 现有卡片: 发票待确认订单 */}
+          <Col span={6}>
+            {' '}
+            {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
+            <div
+              style={{
+                display: 'flex',
+                justifyContent: 'center',
+                marginTop: '20px',
+              }}
+            >
+              <Card
+                bordered={true}
+                style={{
+                  backgroundColor: '#f0f0f0', // 背景颜色
+                  width: '200px', // 卡片宽度
+                  height: '200px', // 卡片高度
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                }}
+              >
+                <div
+                  style={{
+                    fontWeight: 'bold', // 字体加粗
+                    color: 'black', // 字体颜色
+                    fontSize: '20px', // 字体大小
+                  }}
+                >
+                  <div
+                    style={{
+                      fontWeight: 'bold', // 字体加粗
+                      color: 'black', // 字体颜色
+                      fontSize: '40px', // 字体大小
+                      justifyContent: 'center',
+                      display: 'flex',
+                      alignItems: 'center',
+                      marginBottom: '20px',
+                    }}
+                  >
+                    {invoiceWarningNum}
+                  </div>
+                  待确认发票订单
+                </div>
+              </Card>
+            </div>
+          </Col>
+
+          {/* 现有卡片: 回款待确认订单 */}
+          <Col span={6}>
+            {' '}
+            {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
+            <div
+              style={{
+                display: 'flex',
+                justifyContent: 'center',
+                marginTop: '20px',
+              }}
+            >
+              <Card
+                bordered={true}
+                style={{
+                  backgroundColor: '#f0f0f0', // 背景颜色
+                  width: '200px', // 卡片宽度
+                  height: '200px', // 卡片高度
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                }}
+              >
+                <div
+                  style={{
+                    fontWeight: 'bold', // 字体加粗
+                    color: 'black', // 字体颜色
+                    fontSize: '20px', // 字体大小
+                  }}
+                >
+                  <div
+                    style={{
+                      fontWeight: 'bold', // 字体加粗
+                      color: 'black', // 字体颜色
+                      fontSize: '40px', // 字体大小
+                      justifyContent: 'center',
+                      display: 'flex',
+                      alignItems: 'center',
+                      marginBottom: '20px',
+                    }}
+                  >
+                    {invoiceRefundWarningNum}
+                  </div>
+                  待回款订单
+                </div>
+              </Card>
+            </div>
+          </Col>
         </Row>
-        <div style={{ color: 'red', padding: '40px' }}>
-          <p>预警说明：</p>
-          <p>
-            1、从申请开票之日起，超过5天未【确认发票】的订单在登录时进行第一次提醒，超过15天未【确认发票】将进行每日提醒并锁单。
-          </p>
-          <p>
-            2、从【确认发票】之日起，超过15天未【回款】的订单在账号登录时会进行第一次提醒，超过25天未【回款】将进行每日提醒并锁单。
+
+        <div>
+          <p
+            style={{
+              color: 'red',
+              paddingLeft: '20px',
+              paddingRight: '20px',
+              marginTop: '10px',
+            }}
+          >
+            预警说明：
           </p>
+          <div
+            style={{
+              marginLeft: '20px',
+              marginRight: '20px',
+              marginBottom: '20px',
+            }}
+          >
+            <span style={{ color: 'red' }}>确认收货预警：</span>
+            <span>
+              从发货之日起计算，国内超过15天(海外30天)未【确认收货】，将进行确认收货预警提醒，超过30天(海外60天)未确认收货将锁单，并且每次登录都会提醒
+            </span>
+          </div>
+          <div
+            style={{
+              marginLeft: '20px',
+              marginRight: '20px',
+              marginBottom: '20px',
+            }}
+          >
+            <span style={{ color: 'red' }}>回访登记预警：</span>
+            <span>
+              从【确认收货】之日起计算，国内超过15天(海外30天)未【确认收货】，将进行回访登记预警提醒，超过30天(海外30天)未回访登记将锁单，并且每次登录都会提醒
+            </span>
+          </div>
+          <div
+            style={{
+              marginLeft: '20px',
+              marginRight: '20px',
+              marginBottom: '20px',
+            }}
+          >
+            <span style={{ color: 'red' }}>确认发票预警：</span>
+            <span>
+              从【申请开票】之日起，超过5天未和客户确认发票(不开票的订单除外)的订单将会进行第一次提醒;超过15天未和客户确认发票(不开票的订单除外)的订单将会每天进行一次提醒，并限制下单功能
+            </span>
+          </div>
+          <div
+            style={{
+              marginLeft: '20px',
+              marginRight: '20px',
+              marginBottom: '20px',
+            }}
+          >
+            <span style={{ color: 'red' }}>回款预警：</span>
+            <span>
+              从发票确认能之日起，超过15天未确认回款的订单将会进行第一次提醒，超过25天未确认回款的订单将会每天进行并限制下单功能{' '}
+            </span>
+          </div>
         </div>
       </Modal>
       <ProTable
@@ -3,14 +3,14 @@ import { Input, Modal } from &#39;antd&#39;;
 import { useState } from 'react';
  
 // import { cloneDeep } from 'lodash';
-export default ({ subOrders, onClose }) => {
+export default ({ setVisible, subOrders, mainOrder, onClose }) => {
   const [isModalOpen] = useState(true);
   const { TextArea } = Input;
   const [textValue, setTextValue] = useState('');
  
   const handleOk = async () => {
     console.log(textValue); // 处理输入的文本
-    console.log(subOrders, '5656subOrders');
+    console.log(subOrders, '5656subOrders', mainOrder);
     let res = await postServiceOrderFeedbackRegistration({
       data: {
         id: subOrders[0].id,
@@ -23,6 +23,7 @@ export default ({ subOrders, onClose }) =&gt; {
     // onClose();
   };
   const handleCancel = () => {
+    setVisible(false);
     onClose();
     // setIsModalOpen(false);
     // onClose();
@@ -67,7 +67,6 @@ import {
   Radio,
   Space,
   Spin,
-  Tabs,
   Tag,
   Tooltip,
   message,
@@ -199,9 +198,7 @@ const OrderPage = () =&gt; {
   const [subOrderCount, setSubOrderCount] = useState(0);
   const [sorted] = useState(false);
   const mainTableRef = useRef<ActionType>();
-  const mainTableSecondRef = useRef<ActionType>();
   const mainTableFormRef = useRef<ProFormInstance>();
-  const mainTableSecondFormRef = useRef<ProFormInstance>();
   let [searchParams, setSearchParam] = useState(Object); //表格的查询条件存储
   console.log(searchParams);
   const [messageApi, contextHolder] = message.useMessage();
@@ -213,7 +210,7 @@ const OrderPage = () =&gt; {
   const [ids, setIds] = useState([]);
   const [recordOptNode, setRecordOptNode] = useState(null);
   const roleCode = userInfo?.roleSmallVO?.code;
-  const [activeTabKey, setActiveTabKey] = useState('1'); // **新增状态**
+  const [activeTabKey, setActiveTabKey] = useState(1); // **新增状态**
  
   const triggerRecordOptNode = async (id) => {
     const res = await postServiceOrderGetCurrentOptNode({
@@ -230,12 +227,6 @@ const OrderPage = () =&gt; {
     setSelectedRows([]);
     setSelectedSubOrderKeys([]);
   };
-  const refreshTable2 = () => {
-    mainTableSecondRef.current?.reload();
-    //刷新表格数据的时候,取消选中行
-    setSelectedRows([]);
-    setSelectedSubOrderKeys([]);
-  };
  
   /*useEffect(() => {
     let initAfterInvoicingStatus = async () => {
@@ -2039,6 +2030,20 @@ const OrderPage = () =&gt; {
             ) : (
               ''
             )}
+            {optRecord.paths?.includes('feedbackRegistration') ? (
+              <Button
+                className="p-0"
+                type="link"
+                onClick={() => {
+                  createOptObject(optRecord.id, record.id);
+                  setFeedbackRegistrationModalVisible(true);
+                }}
+              >
+                回访登记
+              </Button>
+            ) : (
+              ''
+            )}
  
             {optRecord.paths?.includes('confirmInvoice') ? (
               <ButtonConfirm
@@ -4025,58 +4030,6 @@ const OrderPage = () =&gt; {
     },
   );
  
-  // 主订单列表
-  const mainOrdersColumns2: ProColumns<OrderType>[] = MAIN_ORDER_COLUMNS.map(
-    (item) => {
-      //首能账号只能搜索订单编号
-      let canSearchIndex = [
-        'id',
-        'salesCode',
-        'subNotes',
-        'orderStatus',
-        'createTime',
-        'modifiedAuditStatus',
-      ];
-      if (isSupplier() && !canSearchIndex.includes(item.dataIndex)) {
-        item.search = false;
-      }
-
-      canSearchIndex = [
-        'id',
-        'salesCode',
-        'customerName',
-        'institution',
-        'productName',
-        'orderStatus',
-        'createTime',
-      ];
-
-      if (isExaminer() && !canSearchIndex.includes(item.dataIndex)) {
-        item.search = false;
-      }
-
-      if (item.dataIndex === 'name') {
-        return {
-          ...item,
-          title: <OrderTableHeader />,
-          render: (text, record) => {
-            return <MainOrderColumnRender record={record} />;
-          },
-        };
-      }
-
-      /**
-       * 采购的订单状态筛选内容
-       */
-      if (roleCode === 'procure' && item.dataIndex === 'orderStatus') {
-        item.valueEnum = enumToProTableEnumValue(
-          PROCURE_PRIMARY_ORDER_STATUS_OPTIONS,
-        );
-      }
-      return item;
-    },
-  );
-
   /**
    * 采购可以筛选供应商备注
    */
@@ -4088,13 +4041,6 @@ const OrderPage = () =&gt; {
       valueType: 'text',
       hideInTable: true,
     });
-    mainOrdersColumns2.push({
-      title: '供应商备注',
-      width: 120,
-      dataIndex: 'supplierNotes',
-      valueType: 'text',
-      hideInTable: true,
-    });
   }
  
   /**
@@ -4115,20 +4061,6 @@ const OrderPage = () =&gt; {
       },
       hideInTable: true,
     });
-    mainOrdersColumns2.push({
-      title: '采购名称',
-      width: 120,
-      dataIndex: 'supplierName',
-      valueType: 'select',
-      request: async () => {
-        const res = await postServiceOrderProvideProcurementRoles();
-        let options = res.data?.map((item) => {
-          return { label: item, value: item };
-        });
-        return options;
-      },
-      hideInTable: true,
-    });
   }
  
   /**
@@ -4152,23 +4084,6 @@ const OrderPage = () =&gt; {
       },
       hideInTable: true,
     });
-    mainOrdersColumns2.push({
-      title: '采购排除',
-      width: 120,
-      dataIndex: 'excludeProcureNames',
-      fieldProps: {
-        mode: 'multiple',
-      },
-      valueType: 'select',
-      request: async () => {
-        const res = await postServiceOrderProvideProcurementRoles();
-        let options = res.data?.map((item) => {
-          return { label: item, value: item };
-        });
-        return options;
-      },
-      hideInTable: true,
-    });
   }
  
   /**
@@ -4183,14 +4098,6 @@ const OrderPage = () =&gt; {
       valueEnum: enumToProTableEnumValue(SHIPPING_WAREHOUSE_OPTIONS),
       hideInTable: true,
     });
-    mainOrdersColumns2.push({
-      title: '发货仓库',
-      width: 120,
-      dataIndex: 'shippingWarehouse',
-      valueType: 'select',
-      valueEnum: enumToProTableEnumValue(SHIPPING_WAREHOUSE_OPTIONS),
-      hideInTable: true,
-    });
   }
  
   //判断是否是采购，是的话新增一个筛选条件
@@ -4202,77 +4109,80 @@ const OrderPage = () =&gt; {
       hideInTable: true,
       valueEnum: enumToProTableEnumValue(PROCURE_ORDER_STATUS),
     });
-    mainOrdersColumns2.push({
-      title: isSupplier() ? '下单状态' : '采购下单状态',
-      dataIndex: 'procureOrderStatus',
-      valueType: 'select',
-      hideInTable: true,
-      valueEnum: enumToProTableEnumValue(PROCURE_ORDER_STATUS),
-    });
   }
  
   //选择天数1
   const options1 = [
     {
-      label: '超过5天',
-      value: 5,
-    },
-    {
       label: '超过15天',
       value: 15,
     },
+    {
+      label: '超过30天',
+      value: 30,
+    },
   ];
-  //选择天数
-  const [calDate, setCalDate] = useState<string | null>(null);
-  const [calDate2, setCalDate2] = useState<string | null>(null);
-  const [value1, setValue1] = useState();
-  const radioOnChange1 = ({ target: { value } }) => {
-    const currentDate = new Date();
-    // 创建一个新的日期对象，并在当前日期的基础上加上 daysToAdd 天
-    const newDate = new Date(currentDate);
-    newDate.setDate(currentDate.getDate() - value);
-    const formattedDate = format(newDate, 'yyyy-MM-dd HH:mm:ss');
-    setCalDate(formattedDate);
-    setValue1(value);
-  };
-  //选择天数2
   const options2 = [
     {
       label: '超过15天',
       value: 15,
     },
     {
-      label: '超过25天',
-      value: 25,
+      label: '超过30天',
+      value: 30,
+    },
+  ];
+  const options3 = [
+    {
+      label: '超过5天',
+      value: 5,
+    },
+    {
+      label: '超过10天',
+      value: 10,
+    },
+  ];
+  const options4 = [
+    {
+      label: '超过30天',
+      value: 30,
+    },
+    {
+      label: '超过75天',
+      value: 75,
+    },
+    {
+      label: '超过90天',
+      value: 90,
+    },
+    {
+      label: '超过120天',
+      value: 120,
     },
   ];
-  const [value2, setValue2] = useState();
-  const radioOnChange2 = ({ target: { value } }) => {
+  //选择天数
+  const [calDate, setCalDate] = useState<string | null>(null);
+  const [value1, setValue1] = useState(0);
+  const radioOnChange1 = ({ target: { value } }) => {
     const currentDate = new Date();
-
     // 创建一个新的日期对象，并在当前日期的基础上加上 daysToAdd 天
     const newDate = new Date(currentDate);
     newDate.setDate(currentDate.getDate() - value);
     const formattedDate = format(newDate, 'yyyy-MM-dd HH:mm:ss');
-    setCalDate2(formattedDate);
-    setValue2(value);
-  };
-  const confirmInvoice = async () => {
-    let flat = [...subOrderSelectedMap.values()].flat().map((item) => item.id);
-    const data = await postServiceOrderConfirmInvoice({
-      data: flat,
-    });
-    if (data.result === RESPONSE_CODE.SUCCESS) {
-      message.success(data.message);
-      refreshTable();
-    }
+    setCalDate(formattedDate);
+    setValue1(value);
+    console.log(formattedDate, '5656formattedDate/value', value);
   };
   const [invoiceWarningNum, setInvoiceWarningNum] = useState(0);
   const [invoiceRefundWarningNum, setInvoiceRefundWarningNum] = useState(0);
+  const [waitConfirmPayment, setWaitConfirmPayment] = useState(0);
+  const [waitFeedback, setWaitFeedback] = useState(0);
   async function getInvoiceWarningNum() {
     const res = await postServiceOrderWarningOrderStatistics();
     setInvoiceWarningNum(res.data.waitConfirmInvoice);
     setInvoiceRefundWarningNum(res.data.waitConfirmReceipt);
+    setWaitConfirmPayment(res.data.waitConfirmPayment);
+    setWaitFeedback(res.data.waitFeedback);
   }
   useEffect(() => {
     //预警订单数
@@ -4281,1387 +4191,815 @@ const OrderPage = () =&gt; {
   //biaojiup
   // 监听 calDate 变化，触发请求
   useEffect(() => {
-    if (calDate) {
-      mainTableRef.current?.reload();
-    }
+    mainTableRef.current?.reload();
   }, [calDate]);
-
-  const request = async (params: any, sorter: any, filter: any) => {
-    let orderIds = mainTableFormRef.current?.getFieldValue('id');
-    let subOrderId = mainTableFormRef.current?.getFieldValue('subOrderId');
-    params.id = params.id || orderIds;
-    params.subOrderId = params.subOrderId || subOrderId;
-    if (params.id !== '') {
-      params.id = params.id?.replace(/ /g, '');
-      if (params.id?.indexOf(',')) {
-        params.id = params.id.split(',');
-        params.id = params.id.filter((id) => id !== '');
-      }
-    }
-    params.salesCode = userInfo.username;
-    params.condition = filterCondifion;
-    params.paymentMethod = 'UNPAID';
-    params.sorted = sorted;
-    // params.isDeleteQueryOrder = filterCondifion === 70;
-    params.isDeleteQueryOrder = false;
-    params.warningStatus = 'invoiceConfirmWarning';
-    // params.invoicingStatusNe = 'UN_INVOICE';
-    if (calDate === 'null') {
-      params.applyTimeLe = null;
-    } else {
-      params.applyTimeLe = calDate;
-    }
-    params.applyTimeIsNotNull = true;
-    setSearchParam(params);
-
-    const res = await postServiceOrderQueryServiceOrder({
-      sorter,
-      filter,
-      data: { ...params, invoicingEndTime: calDate },
-    });
-    console.log(res.data, '5656request');
-
-    const data = res.data;
-    setRolePath(data.specialPath);
-    setSubOrderCount(data.count);
-    setAllMainChecked(false);
-    setSelectedMainOrderKeys([]);
-    subOrderSelectedMap.clear();
-    mainOrderSelectedMap.clear();
-    setData(data?.data);
-
-    mainOrderIdSubOrderIdRelationsMap.clear();
-    for (let row of data?.data) {
-      let mianOrderId = row.id;
-      let subOrderIds = row.subOrderInformationLists?.map((item) => {
-        item.totalPayment = row.totalPayment;
-        return item.id;
-      });
-      mainOrderIdSubOrderIdRelationsMap.set(mianOrderId, subOrderIds);
-    }
-
-    return {
-      data: data?.data || [],
-      total: data?.total || 0,
-    };
-  };
-  //biaojidown
-
-  //biaojiup2
-  // 监听 calDate 变化，触发请求
-  useEffect(() => {
-    if (calDate2) {
-      // mainTableRef.current?.reload();
-      mainTableSecondRef.current?.reload();
-    }
-  }, [calDate2]);
   useEffect(() => {
-    if (activeTabKey === '1') {
-      mainTableRef.current?.reload(); // **修改位置：在选择第二个标签时请求request2**
-    }
-    if (activeTabKey === '2') {
-      mainTableSecondRef.current?.reload(); // **修改位置：在选择第二个标签时请求request2**
+    if (
+      activeTabKey === 1 ||
+      activeTabKey === 2 ||
+      activeTabKey === 3 ||
+      activeTabKey === 4
+    ) {
+      setValue1(0); // 清空 value1
     }
+    // const currentDate = new Date();
+    // const newDate = new Date(currentDate);
+    // newDate.setDate(currentDate.getDate() - 0);
+    // console.log(value1, '5656value1');
+    mainTableRef.current?.reload(); // **修改位置：在选择第二个标签时请求request2**
   }, [activeTabKey]);
-
-  const request2 = async (
-    // 第一个参数 params 查询表单和 params 参数的结合
-    // 第一个参数中一定会有 pageSize 和  current ，这两个参数是 antd 的规范
-    params,
-    sorter,
-    filter,
-  ) => {
-    params.warningStatus = 'paymentReceiptStatusWarning';
-    params.paymentMethod = 'UNPAID';
-    params.salesCode = userInfo.username;
-    if (calDate2 === 'null') {
-      params.invoiceConfirmStatusDatetimeLe = null;
-    } else {
-      params.invoiceConfirmStatusDatetimeLe = calDate2;
-    }
-    //订单id处理
-    /**
-     * 以params中的id为主，如果params没id，则取url中的id
-     * 第一次进来这个页面，url带有id的话，会自动填充到查询表单中，但是第一次查询params不会带这个id进来
-     */
-    let orderIds = mainTableSecondFormRef.current?.getFieldValue('id');
-    let subOrderId =
-      mainTableSecondFormRef.current?.getFieldValue('subOrderId');
-    params.id = params.id || orderIds;
-    params.subOrderId = params.subOrderId || subOrderId;
-    if (params.id !== '') {
-      params.id = params.id?.replace(/ /g, '');
-      if (params.id?.indexOf(',')) {
-        params.id = params.id.split(',');
-        params.id = params.id.filter((id) => {
-          return id !== '';
-        });
-      }
-    }
-
-    params.condition = filterCondifion;
-
-    //排序
-    params.sorted = sorted;
-    //是否只查看已作废
-    params.isDeleteQueryOrder = filterCondifion === 70;
-    params.paymentNotReceipt = true;
-    //保存这个搜索条件
-    setSearchParam(params);
-
-    //订单标记2
-    const { data } = await postServiceOrderQueryServiceOrder({
-      // ...params,
-      // FIXME: remove @ts-ignore
-      // @ts-ignore
-      sorter,
-      filter,
-      data: { ...params },
-    });
-    console.log(data, '5656request2');
-
-    setRolePath(data.specialPath);
-    setSubOrderCount(data.count);
-    setAllMainChecked(false);
-    setSelectedMainOrderKeys([]);
-    subOrderSelectedMap.clear();
-    mainOrderSelectedMap.clear();
-    setData(data?.data);
-
-    //主订单id与子订单id的对照关系保存
-    mainOrderIdSubOrderIdRelationsMap.clear();
-    for (let row of data?.data) {
-      let mianOrderId = row.id;
-      let subOrderIds = row.subOrderInformationLists?.map((item) => {
-        //目前子订单存储的totalPayment不准确，这里重新处理取主订单的totalPayment
-        //totalPayment在财务开票计算金额时使用到
-        item.totalPayment = row.totalPayment;
-        return item.id;
-      });
-      mainOrderIdSubOrderIdRelationsMap.set(mianOrderId, subOrderIds);
+  // 修改位置：监听 value1 的变化
+  useEffect(() => {
+    if (value1 === 0) {
+      // 这里执行你希望在 value1 为 0 时的逻辑
+      mainTableRef.current?.reload(); // 重新请求数据
     }
+  }, [value1]); // 添加了 value1 作为依赖
  
-    return {
-      data: data?.data || [],
-      total: data?.total || 0,
-    };
-  };
   //biaojidown2
   //取消单选，将时间设为null
   const handleSetNull = () => {
-    setCalDate('null'); // 这应该会触发 useEffect
-  };
-  const handleSetNull2 = () => {
-    setCalDate2('null'); // 这应该会触发 useEffect
+    setCalDate(null); // 这应该会触发 useEffect
   };
-  const tabsItems = [
+  const warningOptions = [
+    {
+      value: 1,
+      label: (
+        <span>
+          确认收货预警
+          <Badge count={waitConfirmPayment} style={{ marginLeft: 8 }} />
+        </span>
+      ),
+    },
     {
-      key: '1',
+      value: 2,
       label: (
         <span>
-          发票确认预警
+          回访登记预警
+          <Badge count={waitFeedback} style={{ marginLeft: 8 }} />
+        </span>
+      ),
+    },
+    {
+      value: 3,
+      label: (
+        <span>
+          确认发票预警
           <Badge count={invoiceWarningNum} style={{ marginLeft: 8 }} />
         </span>
       ),
-      children: (
-        <div>
-          <div style={{ position: 'relative' }}>
-            {/* <Radio.Group options={options1} onChange={radioOnChange1} value={value1} /> */}
-            <Radio.Group
-              value={value1}
-              onChange={radioOnChange1}
-              // 通过 onClick 处理单独 Radio 的点击事件
-            >
-              {options1.map((option) => (
-                <Radio
-                  key={option.value}
-                  value={option.value}
-                  onClick={(e) => {
-                    radioOnChange1(
-                      e as unknown as React.ChangeEvent<HTMLInputElement>,
-                    );
-                    handleSetNull();
-                  }}
-                >
-                  {option.label}
-                </Radio>
-              ))}
-            </Radio.Group>
-            <Button
-              size="large"
-              type="primary"
-              onClick={confirmInvoice}
-              style={{ position: 'absolute', right: '20px' }}
-            >
-              确认发票
-            </Button>
-          </div>
-          <div style={{ height: '25px' }}></div>
-          <ProTable
-            id="main-table"
-            // tableStyle={{backgroundColor:'red'}}
-
-            actionRef={mainTableRef}
-            formRef={mainTableFormRef}
-            expandIconColumnIndex={-1}
-            columns={mainOrdersColumns}
-            rowKey="id"
-            pagination={{
-              showQuickJumper: true,
-              pageSize: pageSize,
-              current: currentPage,
-              showSizeChanger: true,
-              onChange: (page, size) => {
-                setPageSize(size);
-                setCurrentPage(page);
-              },
-              showTotal: (total, range) => {
-                return (
-                  <>
-                    <span>
-                      {'第 ' +
-                        range[0] +
-                        '-' +
-                        range[1] +
-                        ' 条/总共 ' +
-                        total +
-                        ' 条主订单 '}
-                    </span>
-                    <span className="text-[#8C8C8C]">
-                      {' (' + subOrderCount + ' 条子订单)'}
-                    </span>
-                  </>
-                );
-              },
-            }}
-            // showHeader={false}
-            expandedRowKeys={expandedRowKeys}
-            // expandable={{ expandedRowRender }}
-            dateFormatter="string"
-            options={false}
-            headerTitle=""
-            search={false}
-            // labelWidth: 'auto',
-            // onCollapse: resize,
-            // request={request}
-            request={activeTabKey === '1' ? request : null} // **条件请求**
-            toolbar={{
-              multipleLine: true,
+    },
+    {
+      value: 4,
+      label: (
+        <span>
+          订单回款预警
+          <Badge count={invoiceRefundWarningNum} style={{ marginLeft: 8 }} />
+        </span>
+      ),
+    },
+  ];
+
+  return (
+    <div className="order-page-container">
+      <div id="resizeDiv"></div>
+      <div key={'activeTabKey'}>
+        <Radio.Group
+          options={warningOptions}
+          onChange={(e) => {
+            setActiveTabKey(e.target.value);
+            mainTableRef.current?.reload(); // 重新请求数据
+          }}
+          value={activeTabKey}
+          optionType="button"
+        />
+      </div>
+      <div style={{ height: '25px' }}></div>
+      {/* <Tabs defaultActiveKey="1" items={tabsItems} onChange={() => { }} /> */}
+      <Radio.Group
+        value={value1}
+        onChange={radioOnChange1}
+        // 通过 onClick 处理单独 Radio 的点击事件
+      >
+        {(activeTabKey === 1
+          ? options1
+          : activeTabKey === 2
+            ? options2
+            : activeTabKey === 3
+              ? options3
+              : options4
+        ).map((option) => (
+          <Radio
+            key={option.value}
+            value={option.value}
+            onClick={(e) => {
+              radioOnChange1(
+                e as unknown as React.ChangeEvent<HTMLInputElement>,
+              );
+              handleSetNull();
             }}
-            // toolBarRender={() => {
-            //   return toolBarRender();
-            // }}
-          />
+          >
+            {option.label}
+          </Radio>
+        ))}
+      </Radio.Group>
+      <div style={{ height: '25px' }}></div>
+      <ProTable
+        id="main-table"
+        // tableStyle={{backgroundColor:'red'}}
  
-          {orderDrawerVisible && (
-            <OrderDrawer
-              data={orderOptType === 'add' ? {} : buildMainOrder()}
-              subOrders={orderOptType === 'add' ? [] : buildSubOrders()}
-              onClose={(isSuccess: boolean) => {
-                setOrderDrawerVisible(false);
-                clearOptObject();
-                if (isSuccess) {
-                  refreshTable();
-                }
-              }}
-              orderOptType={orderOptType}
-            />
-          )}
+        actionRef={mainTableRef}
+        formRef={mainTableFormRef}
+        expandIconColumnIndex={-1}
+        columns={mainOrdersColumns}
+        rowKey="id"
+        pagination={{
+          showQuickJumper: true,
+          pageSize: pageSize,
+          current: currentPage,
+          showSizeChanger: true,
+          onChange: (page, size) => {
+            setPageSize(size);
+            setCurrentPage(page);
+          },
+          showTotal: (total, range) => {
+            return (
+              <>
+                <span>
+                  {'第 ' +
+                    range[0] +
+                    '-' +
+                    range[1] +
+                    ' 条/总共 ' +
+                    total +
+                    ' 条主订单 '}
+                </span>
+                <span className="text-[#8C8C8C]">
+                  {' (' + subOrderCount + ' 条子订单)'}
+                </span>
+              </>
+            );
+          },
+        }}
+        // showHeader={false}
+        expandedRowKeys={expandedRowKeys}
+        // expandable={{ expandedRowRender }}
+        dateFormatter="string"
+        options={false}
+        headerTitle=""
+        search={false}
+        request={async (
+          // 第一个参数 params 查询表单和 params 参数的结合
+          // 第一个参数中一定会有 pageSize 和  current ，这两个参数是 antd 的规范
+          params,
+          sorter,
+          filter,
+        ) => {
+          //订单id处理
+          /**
+           * 以params中的id为主，如果params没id，则取url中的id
+           * 第一次进来这个页面，url带有id的话，会自动填充到查询表单中，但是第一次查询params不会带这个id进来
+           */
+          let orderIds = mainTableFormRef.current?.getFieldValue('id');
+          let subOrderId =
+            mainTableFormRef.current?.getFieldValue('subOrderId');
+          params.id = params.id || orderIds;
+          params.subOrderId = params.subOrderId || subOrderId;
+          if (params.id !== '') {
+            params.id = params.id?.replace(/ /g, '');
+            if (params.id?.indexOf(',')) {
+              params.id = params.id.split(',');
+              params.id = params.id.filter((id) => {
+                return id !== '';
+              });
+            }
+          }
  
-          {checkVisible && (
-            <CheckModal
-              setCheckVisible={(val: boolean) => {
-                setCheckVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              data={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
-              subOrders={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              orderCheckType={orderCheckType}
-              openOrderDrawer={(type: any, id: any) => {
-                setCurrentMainId(id);
-                setOrderOptType(type);
-                setOrderDrawerVisible(true);
-              }}
-              onClose={() => {
-                clearOptObject();
-                setCheckVisible(false);
-                refreshTable();
-              }}
-            />
-          )}
-
-          {applyForInvoicingVisible && (
-            <ApplyForInvoicingModal
-              setCheckVisible={(val: boolean) => {
-                setApplyForInvoicingVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              totalPayment={getApplyInvoicingTotalPayment()}
-              isMainOrder={isMainOrder}
-              isEdit={isEdit}
-              onClose={() => {
-                setApplyForInvoicingVisible(false);
-                setIsMainOrder(false);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-
-          {notesEditVisible && (
-            <OrderNotesEditModal
-              setNotesEditVisible={(val: boolean) => {
-                setNotesEditVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              ids={selectedRows}
-              notesType={notesType}
-              notes={notes}
-              onClose={() => {
-                setNotesEditVisible(false);
-                setSelectedRows([]);
-                setNotes(notes);
-                setNotesType(1);
-                refreshTable();
-              }}
-            />
-          )}
-
-          {deliverVisible && (
-            <DeliverModal
-              data={buildSubOrders()}
-              isSendProduct={isSendProduct}
-              setVisible={(val: boolean) => {
-                setDeliverVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              sendType={orderCheckType}
-              onClose={() => {
-                clearOptObject();
-                setDeliverVisible(false);
-                setIsSendProduct(false);
-                refreshTable();
-              }}
-            />
-          )}
-
-          {financialVisible && (
-            <FinancialDrawer
-              isEdit={isEdit}
-              mainOrder={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
-              subOrders={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              isMainOrder={isMainOrder}
-              cancel={() => {
-                setFinancialVisible(false);
-                clearOptObject();
-                setIsMainOrder(false);
-                setIsEdit(false);
-              }}
-              onClose={() => {
-                setFinancialVisible(false);
-                clearOptObject();
-                refreshTable();
-                setIsMainOrder(false);
-                setIsEdit(false);
-              }}
-            />
-          )}
-
-          {financialEditVisible && (
-            <FinancialEditDrawer
-              mainOrder={buildMainOrder()}
-              subOrders={buildSubOrders()}
-              isMainOrder={isMainOrder}
-              setVisible={() => {
-                setFinancialEditVisible(false);
-                clearOptObject();
-              }}
-              onClose={() => {
-                setFinancialEditVisible(false);
-                refreshTable();
-                setIsMainOrder(false);
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {orderPrintVisible && (
-            <OrderPrintModal
-              mainOrder={buildMainOrder()}
-              subOrders={buildSubOrders()}
-              isRePrint={isRePrintOrder}
-              setVisible={(val: boolean) => {
-                setOrderPrintVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              printOptType={orderCheckType}
-              onClose={() => {
-                setOrderPrintVisible(false);
-                clearOptObject();
-                setIsRePrintOrder(false);
-                refreshTable();
-              }}
-            />
-          )}
-
-          {confirmReceiptVisible && (
-            <ConfirmReceiptModal
-              data={buildSubOrders()}
-              onClose={() => {
-                setConfirmReceiptVisible(false);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-
-          {imagesViewerModalVisible && (
-            <ImagesViewerModal
-              optType={imagesViewerOptType}
-              setVisible={(val: boolean) => {
-                setImagesViewerModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              onClose={() => {
-                setImagesViewerModalVisible(false);
-              }}
-              orderRow={buildSubOrders()[0]}
-            />
-          )}
-
-          {importModalVisible && (
-            <ImportModal
-              onClose={() => {
-                setImportModalVisible(false);
-                refreshTable();
-              }}
-            />
-          )}
-
-          {attachmentModalVisible && (
-            <AttachmentModal
-              data={buildSubOrders()[0]}
-              onClose={() => {
-                setAttachmentModalVisible(false);
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {historyModalVisible && (
-            <HistoryModal
-              subOrders={selectedRows}
-              isCancelledOrder={filterCondifion === 70}
-              onClose={() => {
-                setHistoryModalVisible(false);
-                setSelectedRows({});
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {deliverInfoDrawerVisible && (
-            <DeliverInfoDrawer
-              data={buildMainOrder()}
-              onClose={() => {
-                setDeliverInfoDrawerVisible(false);
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {deliverInfoDrawerVisible && (
-            <DeliverInfoDrawer
-              data={buildMainOrder()}
-              onClose={() => {
-                setDeliverInfoDrawerVisible(false);
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {procureCheckModalVisible && (
-            <ProcureCheckModal
-              setCheckVisible={(val: boolean) => {
-                setProcureCheckModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              isMainOrder={isMainOrder}
-              orders={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              onClose={() => {
-                setProcureCheckModalVisible(false);
-                clearOptObject();
-                setIsMainOrder(false);
-                refreshTable();
-              }}
-            />
-          )}
-
-          {afterSalesDrawerVisible && (
-            <AfterSalesDrawer
-              setVisible={(val: boolean) => {
-                setAfterSalesDrawerVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              mainOrder={buildMainOrder()}
-              subOrders={buildSubOrders()}
-              onClose={() => {
-                setAfterSalesDrawerVisible(false);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-
-          {procureConvertModalVisible && (
-            <ProcureConvertModal
-              setVisible={(val: boolean) => {
-                setProcureConvertModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={buildSubOrders()}
-              onClose={() => {
-                setProcureConvertModalVisible(false);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-
-          {financialMergeDrawerVisible && (
-            <FinancialMergeDrawer
-              setVisible={(val: boolean) => {
-                setFinancialMergeDrawerVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              dataList={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              onClose={() => {
-                setFinancialMergeDrawerVisible(false);
-                setIsMainOrder(false);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-
-          {financialReceiptsModalVisible && (
-            <FinancialReceiptsModal
-              setVisible={(val: boolean) => {
-                setFinancialReceiptsModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              datas={selectedRows}
-              onClose={() => {
-                setFinancialReceiptsModalVisible(false);
-                setSelectedRows({});
-                refreshTable();
-              }}
-            />
-          )}
-
-          {shippingWarehouseChangeModalVisible && (
-            <ShippingWarehouseChangeModal
-              setVisible={(val: boolean) => {
-                setShippingWarehouseChangeModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrderIds={ids}
-              originShippingWarehouse={buildSubOrders()[0].shippingWarehouse}
-              onClose={() => {
-                setShippingWarehouseChangeModalVisible(false);
-                clearOptObject();
-                setIds([]);
-                refreshTable();
-              }}
-            />
-          )}
-          {reissueVisible && (
-            <ReissueModal
-              setVisible={(val: boolean) => {
-                setReissueVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              onClose={() => {
-                setReissueVisible(false);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-          {reissueVisibleOld && (
-            <ReissueModal_old
-              setVisible={(val: boolean) => {
-                setReissueVisibleOld(val);
-                console.log(reissueVisible);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              mainOrder={buildMainOrder()}
-              subOrders={buildSubOrders()}
-              onClose={() => {
-                setReissueVisibleOld(false);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-          {productionTimeModalVisible && (
-            <ProductionTimeModal
-              setVisible={(val: boolean) => {
-                setProductionTimeModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={buildSubOrders()}
-              onClose={() => {
-                setProductionTimeModalVisible(false);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-
-          {modifiedDiffModalVisible && (
-            <ModifiedDiffModal
-              setVisible={(val: boolean) => {
-                setModifiedDiffModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={buildSubOrders()}
-              mainOrder={buildMainOrder()}
-              onClose={() => {
-                setModifiedDiffModalVisible(false);
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {uploadPayBillModalVisible && (
-            <UploadPayBillModal
-              setVisible={(val: boolean) => {
-                setUploadPayBillModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={buildSubOrders()}
-              mainOrder={buildMainOrder()}
-              onClose={() => {
-                setUploadPayBillModalVisible(false);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-          {feedbackRegistrationModalVisible && (
-            <FeedbackRegistrationModal
-              setVisible={(val: boolean) => {
-                setFeedbackRegistrationModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={buildSubOrders()}
-              mainOrder={buildMainOrder()}
-              onClose={() => {
-                setFeedbackRegistrationModalVisible(false);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-          {invoicingDrawerFormVisible && (
-            <InvoicingDrawerForm
-              dataList={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              setVisible={(val: boolean) => {
-                setInvoicingDrawerFormVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              mainOrder={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
-              onClose={() => {
-                setInvoicingDrawerFormVisible(false);
-                setIsMainOrder(true);
-                clearOptObject();
-                refreshTable();
-              }}
-            />
-          )}
-          {contextHolder}
-          <FloatButton.BackTop visibilityHeight={0} />
-        </div>
-      ),
-    },
-    {
-      key: '2',
-      label: (
-        <span>
-          订单回款预警
-          <Badge count={invoiceRefundWarningNum} style={{ marginLeft: 8 }} />
-        </span>
-      ),
-      children: (
-        <div>
-          {/* <Radio.Group options={options2} onChange={radioOnChange2} value={value2} /> */}
-          <Radio.Group
-            value={value2}
-            onChange={radioOnChange2}
-            // 通过 onClick 处理单独 Radio 的点击事件
-          >
-            {options2.map((option) => (
-              <Radio
-                key={option.value}
-                value={option.value}
-                onClick={(e) => {
-                  radioOnChange2(
-                    e as unknown as React.ChangeEvent<HTMLInputElement>,
-                  );
-                  handleSetNull2();
-                }}
-              >
-                {option.label}
-              </Radio>
-            ))}
-          </Radio.Group>
-          <div style={{ height: '25px' }}></div>
-          <ProTable
-            id="main-table"
-            // tableStyle={{backgroundColor:'red'}}
-
-            actionRef={mainTableSecondRef}
-            formRef={mainTableSecondFormRef}
-            expandIconColumnIndex={-1}
-            columns={mainOrdersColumns2}
-            rowKey="id"
-            pagination={{
-              showQuickJumper: true,
-              pageSize: pageSize,
-              current: currentPage,
-              showSizeChanger: true,
-              onChange: (page, size) => {
-                setPageSize(size);
-                setCurrentPage(page);
-                mainTableSecondRef.current?.reload();
-              },
-              showTotal: (total, range) => {
-                return (
-                  <>
-                    <span>
-                      {'第 ' +
-                        range[0] +
-                        '-' +
-                        range[1] +
-                        ' 条/总共 ' +
-                        total +
-                        ' 条主订单 '}
-                    </span>
-                    <span className="text-[#8C8C8C]">
-                      {' (' + subOrderCount + ' 条子订单)'}
-                    </span>
-                  </>
-                );
-              },
-            }}
-            // showHeader={false}
-            expandedRowKeys={expandedRowKeys}
-            // expandable={{ expandedRowRender }}
-            dateFormatter="string"
-            options={false}
-            headerTitle=""
-            search={false}
-            // labelWidth: 'auto',
-            // onCollapse: resize,
-            // request={request2}
-            request={activeTabKey === '2' ? request2 : null} // **条件请求**
-            toolbar={{
-              multipleLine: true,
-            }}
-            // toolBarRender={() => {
-            //   return toolBarRender();
-            // }}
-          />
-
-          {orderDrawerVisible && (
-            <OrderDrawer
-              data={orderOptType === 'add' ? {} : buildMainOrder()}
-              subOrders={orderOptType === 'add' ? [] : buildSubOrders()}
-              onClose={(isSuccess: boolean) => {
-                setOrderDrawerVisible(false);
-                clearOptObject();
-                if (isSuccess) {
-                  refreshTable2();
-                }
-              }}
-              orderOptType={orderOptType}
-            />
-          )}
-
-          {checkVisible && (
-            <CheckModal
-              setCheckVisible={(val: boolean) => {
-                setCheckVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              data={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
-              subOrders={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              orderCheckType={orderCheckType}
-              openOrderDrawer={(type: any, id: any) => {
-                setCurrentMainId(id);
-                setOrderOptType(type);
-                setOrderDrawerVisible(true);
-              }}
-              onClose={() => {
-                clearOptObject();
-                setCheckVisible(false);
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {applyForInvoicingVisible && (
-            <ApplyForInvoicingModal
-              setCheckVisible={(val: boolean) => {
-                setApplyForInvoicingVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              totalPayment={getApplyInvoicingTotalPayment()}
-              isMainOrder={isMainOrder}
-              isEdit={isEdit}
-              onClose={() => {
-                setApplyForInvoicingVisible(false);
-                setIsMainOrder(false);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {notesEditVisible && (
-            <OrderNotesEditModal
-              setNotesEditVisible={(val: boolean) => {
-                setNotesEditVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              ids={selectedRows}
-              notesType={notesType}
-              notes={notes}
-              onClose={() => {
-                setNotesEditVisible(false);
-                setSelectedRows([]);
-                setNotes(notes);
-                setNotesType(1);
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {deliverVisible && (
-            <DeliverModal
-              data={buildSubOrders()}
-              isSendProduct={isSendProduct}
-              setVisible={(val: boolean) => {
-                setDeliverVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              sendType={orderCheckType}
-              onClose={() => {
-                clearOptObject();
-                setDeliverVisible(false);
-                setIsSendProduct(false);
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {financialVisible && (
-            <FinancialDrawer
-              isEdit={isEdit}
-              mainOrder={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
-              subOrders={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              isMainOrder={isMainOrder}
-              cancel={() => {
-                setFinancialVisible(false);
-                clearOptObject();
-                setIsMainOrder(false);
-                setIsEdit(false);
-              }}
-              onClose={() => {
-                setFinancialVisible(false);
-                clearOptObject();
-                refreshTable2();
-                setIsMainOrder(false);
-                setIsEdit(false);
-              }}
-            />
-          )}
-
-          {financialEditVisible && (
-            <FinancialEditDrawer
-              mainOrder={buildMainOrder()}
-              subOrders={buildSubOrders()}
-              isMainOrder={isMainOrder}
-              setVisible={() => {
-                setFinancialEditVisible(false);
-                clearOptObject();
-              }}
-              onClose={() => {
-                setFinancialEditVisible(false);
-                refreshTable2();
-                setIsMainOrder(false);
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {orderPrintVisible && (
-            <OrderPrintModal
-              mainOrder={buildMainOrder()}
-              subOrders={buildSubOrders()}
-              isRePrint={isRePrintOrder}
-              setVisible={(val: boolean) => {
-                setOrderPrintVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              printOptType={orderCheckType}
-              onClose={() => {
-                setOrderPrintVisible(false);
-                clearOptObject();
-                setIsRePrintOrder(false);
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {confirmReceiptVisible && (
-            <ConfirmReceiptModal
-              data={buildSubOrders()}
-              onClose={() => {
-                setConfirmReceiptVisible(false);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {imagesViewerModalVisible && (
-            <ImagesViewerModal
-              optType={imagesViewerOptType}
-              setVisible={(val: boolean) => {
-                setImagesViewerModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              onClose={() => {
-                setImagesViewerModalVisible(false);
-              }}
-              orderRow={buildSubOrders()[0]}
-            />
-          )}
-
-          {importModalVisible && (
-            <ImportModal
-              onClose={() => {
-                setImportModalVisible(false);
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {attachmentModalVisible && (
-            <AttachmentModal
-              data={buildSubOrders()[0]}
-              onClose={() => {
-                setAttachmentModalVisible(false);
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {historyModalVisible && (
-            <HistoryModal
-              subOrders={selectedRows}
-              isCancelledOrder={filterCondifion === 70}
-              onClose={() => {
-                setHistoryModalVisible(false);
-                setSelectedRows({});
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {deliverInfoDrawerVisible && (
-            <DeliverInfoDrawer
-              data={buildMainOrder()}
-              onClose={() => {
-                setDeliverInfoDrawerVisible(false);
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {deliverInfoDrawerVisible && (
-            <DeliverInfoDrawer
-              data={buildMainOrder()}
-              onClose={() => {
-                setDeliverInfoDrawerVisible(false);
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {procureCheckModalVisible && (
-            <ProcureCheckModal
-              setCheckVisible={(val: boolean) => {
-                setProcureCheckModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              isMainOrder={isMainOrder}
-              orders={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              onClose={() => {
-                setProcureCheckModalVisible(false);
-                clearOptObject();
-                setIsMainOrder(false);
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {afterSalesDrawerVisible && (
-            <AfterSalesDrawer
-              setVisible={(val: boolean) => {
-                setAfterSalesDrawerVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              mainOrder={buildMainOrder()}
-              subOrders={buildSubOrders()}
-              onClose={() => {
-                setAfterSalesDrawerVisible(false);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {procureConvertModalVisible && (
-            <ProcureConvertModal
-              setVisible={(val: boolean) => {
-                setProcureConvertModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={buildSubOrders()}
-              onClose={() => {
-                setProcureConvertModalVisible(false);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {financialMergeDrawerVisible && (
-            <FinancialMergeDrawer
-              setVisible={(val: boolean) => {
-                setFinancialMergeDrawerVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              dataList={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              onClose={() => {
-                setFinancialMergeDrawerVisible(false);
-                setIsMainOrder(false);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {financialReceiptsModalVisible && (
-            <FinancialReceiptsModal
-              setVisible={(val: boolean) => {
-                setFinancialReceiptsModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              datas={selectedRows}
-              onClose={() => {
-                setFinancialReceiptsModalVisible(false);
-                setSelectedRows({});
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {shippingWarehouseChangeModalVisible && (
-            <ShippingWarehouseChangeModal
-              setVisible={(val: boolean) => {
-                setShippingWarehouseChangeModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrderIds={ids}
-              originShippingWarehouse={buildSubOrders()[0].shippingWarehouse}
-              onClose={() => {
-                setShippingWarehouseChangeModalVisible(false);
-                clearOptObject();
-                setIds([]);
-                refreshTable2();
-              }}
-            />
-          )}
-          {reissueVisible && (
-            <ReissueModal
-              setVisible={(val: boolean) => {
-                setReissueVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              onClose={() => {
-                setReissueVisible(false);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-          {reissueVisibleOld && (
-            <ReissueModal_old
-              setVisible={(val: boolean) => {
-                setReissueVisibleOld(val);
-                console.log(reissueVisible);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              mainOrder={buildMainOrder()}
-              subOrders={buildSubOrders()}
-              onClose={() => {
-                setReissueVisibleOld(false);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-          {productionTimeModalVisible && (
-            <ProductionTimeModal
-              setVisible={(val: boolean) => {
-                setProductionTimeModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={buildSubOrders()}
-              onClose={() => {
-                setProductionTimeModalVisible(false);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-
-          {modifiedDiffModalVisible && (
-            <ModifiedDiffModal
-              setVisible={(val: boolean) => {
-                setModifiedDiffModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={buildSubOrders()}
-              mainOrder={buildMainOrder()}
-              onClose={() => {
-                setModifiedDiffModalVisible(false);
-                clearOptObject();
-              }}
-            />
-          )}
-
-          {uploadPayBillModalVisible && (
-            <UploadPayBillModal
-              setVisible={(val: boolean) => {
-                setUploadPayBillModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={buildSubOrders()}
-              mainOrder={buildMainOrder()}
-              onClose={() => {
-                setUploadPayBillModalVisible(false);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-          {feedbackRegistrationModalVisible && (
-            <FeedbackRegistrationModal
-              setVisible={(val: boolean) => {
-                setFeedbackRegistrationModalVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              subOrders={buildSubOrders()}
-              mainOrder={buildMainOrder()}
-              onClose={() => {
-                setFeedbackRegistrationModalVisible(false);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-          {invoicingDrawerFormVisible && (
-            <InvoicingDrawerForm
-              dataList={
-                isMainOrder
-                  ? [...subOrderSelectedMap.values()].flat()
-                  : buildSubOrders()
-              }
-              setVisible={(val: boolean) => {
-                setInvoicingDrawerFormVisible(val);
-                if (!val) {
-                  clearOptObject();
-                }
-              }}
-              mainOrder={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
-              onClose={() => {
-                setInvoicingDrawerFormVisible(false);
-                setIsMainOrder(true);
-                clearOptObject();
-                refreshTable2();
-              }}
-            />
-          )}
-          {contextHolder}
-          <FloatButton.BackTop visibilityHeight={0} />
-        </div>
-      ),
-    },
-  ];
+          params.condition = filterCondifion;
+
+          //排序
+          params.sorted = sorted;
+          //是否只查看已作废
+          params.isDeleteQueryOrder = filterCondifion === 70;
+          let finalParams = {
+            ...params,
+          };
+          console.log(5656);
+          if (value1 === 0) {
+            // const currentDate = new Date();
+            // const newDate = new Date(currentDate);
+            // newDate.setDate(currentDate.getDate() - 0);
+            handleSetNull();
+          }
+          if (activeTabKey === 1) {
+            // // 第一段代码
+            // if (calDate === 'null') {
+            //   params.applyTimeLe = null;
+            // } else {
+            //   params.applyTimeLe = calDate;
+            // }
+            // params.applyTimeIsNotNull = true; // 要求申请时间非空
+            params.orderStatus = 'SHIPPED'; // 发票确认预警
+            params.isDeleteQueryOrder = false; // 强制查询非作废订单
+            params.salesCode = userInfo.username;
+            // params.paymentMethod = 'UNPAID';
+            finalParams = {
+              ...params,
+              statusDatetimeLe: calDate,
+            };
+          } else if (activeTabKey === 2) {
+            // // 第一段代码
+            // if (calDate === 'null') {
+            //   params.applyTimeLe = null;
+            // } else {
+            //   params.applyTimeLe = calDate;
+            // }
+            // params.applyTimeIsNotNull = true; // 要求申请时间非空
+            params.salesCode = userInfo.username;
+            params.warningStatus = 'waitFeedbackWarning'; // 发票确认预警
+            params.isDeleteQueryOrder = false; // 强制查询非作废订单
+            // params.paymentMethod = 'UNPAID';
+            finalParams = {
+              ...params,
+              confirmReceiptDatetimeLe: calDate,
+            };
+          } else if (activeTabKey === 3) {
+            // 第一段代码
+            // if (calDate === 'null') {
+            //   params.applyTimeLe = null;
+            // } else {
+            //   params.applyTimeLe = calDate;
+            // }
+            params.applyTimeIsNotNull = true; // 要求申请时间非空
+            params.salesCode = userInfo.username;
+            params.warningStatus = 'invoiceConfirmWarning'; // 发票确认预警
+            params.isDeleteQueryOrder = false; // 强制查询非作废订单
+            params.paymentMethod = 'UNPAID';
+            finalParams = {
+              ...params,
+              invoicingEndTime: calDate,
+            };
+          } else if (activeTabKey === 4) {
+            console.log(value1, 56564);
+            params.warningStatus = 'paymentReceiptStatusWarning'; // 用于回款预警
+            if (calDate === 'null') {
+              params.applyTimeLe = null;
+            } else {
+              params.applyTimeLe = calDate;
+            }
+            params.salesCode = userInfo.username;
+            params.isDeleteQueryOrder = false; // 强制查询非作废订单
+            params.paymentNotReceipt = true; // 在回款预警中标记未支付订单
+            finalParams = {
+              ...params,
+            };
+          }
  
-  return (
-    <div className="order-page-container">
-      <div id="resizeDiv"></div>
-      {/* <Tabs defaultActiveKey="1" items={tabsItems} onChange={() => { }} /> */}
-      <Tabs
-        defaultActiveKey="1"
-        items={tabsItems}
-        onChange={(key) => {
-          setActiveTabKey(key); // **修改位置：更新 activeTabKey**
-          if (key === '1') {
-            setActiveTabKey(key); // **修改位置：更新 activeTabKey**
-            mainTableRef.current?.reload(); // **请求主订单的 request**
-          } else if (key === '2') {
-            setActiveTabKey(key); // **修改位置：更新 activeTabKey**
-            mainTableSecondRef.current?.reload(); // **请求订单回款的 request2**
+          console.log(params, '5656params');
+
+          //保存这个搜索条件
+          setSearchParam(params);
+          const { data } = await postServiceOrderQueryServiceOrder({
+            // ...params,
+            // FIXME: remove @ts-ignore
+            // @ts-ignore
+            sorter,
+            filter,
+            data: finalParams,
+          });
+
+          setRolePath(data.specialPath);
+          setSubOrderCount(data.count);
+          setAllMainChecked(false);
+          setSelectedMainOrderKeys([]);
+          subOrderSelectedMap.clear();
+          mainOrderSelectedMap.clear();
+          setData(data?.data);
+
+          //主订单id与子订单id的对照关系保存
+          mainOrderIdSubOrderIdRelationsMap.clear();
+          for (let row of data?.data) {
+            let mianOrderId = row.id;
+            let subOrderIds = row.subOrderInformationLists?.map((item) => {
+              //目前子订单存储的totalPayment不准确，这里重新处理取主订单的totalPayment
+              //totalPayment在财务开票计算金额时使用到
+              item.totalPayment = row.totalPayment;
+              return item.id;
+            });
+            mainOrderIdSubOrderIdRelationsMap.set(mianOrderId, subOrderIds);
           }
+
+          return {
+            data: data?.data || [],
+            total: data?.total || 0,
+          };
+        }}
+        toolbar={{
+          multipleLine: true,
         }}
+        // toolBarRender={() => {
+        //   return toolBarRender();
+        // }}
       />
+
+      {orderDrawerVisible && (
+        <OrderDrawer
+          data={orderOptType === 'add' ? {} : buildMainOrder()}
+          subOrders={orderOptType === 'add' ? [] : buildSubOrders()}
+          onClose={(isSuccess: boolean) => {
+            setOrderDrawerVisible(false);
+            clearOptObject();
+            if (isSuccess) {
+              refreshTable();
+            }
+          }}
+          orderOptType={orderOptType}
+        />
+      )}
+
+      {checkVisible && (
+        <CheckModal
+          setCheckVisible={(val: boolean) => {
+            setCheckVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          data={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
+          subOrders={
+            isMainOrder
+              ? [...subOrderSelectedMap.values()].flat()
+              : buildSubOrders()
+          }
+          orderCheckType={orderCheckType}
+          openOrderDrawer={(type: any, id: any) => {
+            setCurrentMainId(id);
+            setOrderOptType(type);
+            setOrderDrawerVisible(true);
+          }}
+          onClose={() => {
+            clearOptObject();
+            setCheckVisible(false);
+            refreshTable();
+          }}
+        />
+      )}
+
+      {applyForInvoicingVisible && (
+        <ApplyForInvoicingModal
+          setCheckVisible={(val: boolean) => {
+            setApplyForInvoicingVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          subOrders={
+            isMainOrder
+              ? [...subOrderSelectedMap.values()].flat()
+              : buildSubOrders()
+          }
+          totalPayment={getApplyInvoicingTotalPayment()}
+          isMainOrder={isMainOrder}
+          isEdit={isEdit}
+          onClose={() => {
+            setApplyForInvoicingVisible(false);
+            setIsMainOrder(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+
+      {notesEditVisible && (
+        <OrderNotesEditModal
+          setNotesEditVisible={(val: boolean) => {
+            setNotesEditVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          ids={selectedRows}
+          notesType={notesType}
+          notes={notes}
+          onClose={() => {
+            setNotesEditVisible(false);
+            setSelectedRows([]);
+            setNotes(notes);
+            setNotesType(1);
+            refreshTable();
+          }}
+        />
+      )}
+
+      {deliverVisible && (
+        <DeliverModal
+          data={buildSubOrders()}
+          isSendProduct={isSendProduct}
+          setVisible={(val: boolean) => {
+            setDeliverVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          sendType={orderCheckType}
+          onClose={() => {
+            clearOptObject();
+            setDeliverVisible(false);
+            setIsSendProduct(false);
+            refreshTable();
+          }}
+        />
+      )}
+
+      {financialVisible && (
+        <FinancialDrawer
+          isEdit={isEdit}
+          mainOrder={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
+          subOrders={
+            isMainOrder
+              ? [...subOrderSelectedMap.values()].flat()
+              : buildSubOrders()
+          }
+          isMainOrder={isMainOrder}
+          cancel={() => {
+            setFinancialVisible(false);
+            clearOptObject();
+            setIsMainOrder(false);
+            setIsEdit(false);
+          }}
+          onClose={() => {
+            setFinancialVisible(false);
+            clearOptObject();
+            refreshTable();
+            setIsMainOrder(false);
+            setIsEdit(false);
+          }}
+        />
+      )}
+
+      {financialEditVisible && (
+        <FinancialEditDrawer
+          mainOrder={buildMainOrder()}
+          subOrders={buildSubOrders()}
+          isMainOrder={isMainOrder}
+          setVisible={() => {
+            setFinancialEditVisible(false);
+            clearOptObject();
+          }}
+          onClose={() => {
+            setFinancialEditVisible(false);
+            refreshTable();
+            setIsMainOrder(false);
+            clearOptObject();
+          }}
+        />
+      )}
+
+      {orderPrintVisible && (
+        <OrderPrintModal
+          mainOrder={buildMainOrder()}
+          subOrders={buildSubOrders()}
+          isRePrint={isRePrintOrder}
+          setVisible={(val: boolean) => {
+            setOrderPrintVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          printOptType={orderCheckType}
+          onClose={() => {
+            setOrderPrintVisible(false);
+            clearOptObject();
+            setIsRePrintOrder(false);
+            refreshTable();
+          }}
+        />
+      )}
+
+      {confirmReceiptVisible && (
+        <ConfirmReceiptModal
+          data={buildSubOrders()}
+          onClose={() => {
+            setConfirmReceiptVisible(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+
+      {imagesViewerModalVisible && (
+        <ImagesViewerModal
+          optType={imagesViewerOptType}
+          setVisible={(val: boolean) => {
+            setImagesViewerModalVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          onClose={() => {
+            setImagesViewerModalVisible(false);
+          }}
+          orderRow={buildSubOrders()[0]}
+        />
+      )}
+
+      {importModalVisible && (
+        <ImportModal
+          onClose={() => {
+            setImportModalVisible(false);
+            refreshTable();
+          }}
+        />
+      )}
+
+      {attachmentModalVisible && (
+        <AttachmentModal
+          data={buildSubOrders()[0]}
+          onClose={() => {
+            setAttachmentModalVisible(false);
+            clearOptObject();
+          }}
+        />
+      )}
+
+      {historyModalVisible && (
+        <HistoryModal
+          subOrders={selectedRows}
+          isCancelledOrder={filterCondifion === 70}
+          onClose={() => {
+            setHistoryModalVisible(false);
+            setSelectedRows({});
+            clearOptObject();
+          }}
+        />
+      )}
+
+      {deliverInfoDrawerVisible && (
+        <DeliverInfoDrawer
+          data={buildMainOrder()}
+          onClose={() => {
+            setDeliverInfoDrawerVisible(false);
+            clearOptObject();
+          }}
+        />
+      )}
+
+      {deliverInfoDrawerVisible && (
+        <DeliverInfoDrawer
+          data={buildMainOrder()}
+          onClose={() => {
+            setDeliverInfoDrawerVisible(false);
+            clearOptObject();
+          }}
+        />
+      )}
+
+      {procureCheckModalVisible && (
+        <ProcureCheckModal
+          setCheckVisible={(val: boolean) => {
+            setProcureCheckModalVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          isMainOrder={isMainOrder}
+          orders={
+            isMainOrder
+              ? [...subOrderSelectedMap.values()].flat()
+              : buildSubOrders()
+          }
+          onClose={() => {
+            setProcureCheckModalVisible(false);
+            clearOptObject();
+            setIsMainOrder(false);
+            refreshTable();
+          }}
+        />
+      )}
+
+      {afterSalesDrawerVisible && (
+        <AfterSalesDrawer
+          setVisible={(val: boolean) => {
+            setAfterSalesDrawerVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          mainOrder={buildMainOrder()}
+          subOrders={buildSubOrders()}
+          onClose={() => {
+            setAfterSalesDrawerVisible(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+
+      {procureConvertModalVisible && (
+        <ProcureConvertModal
+          setVisible={(val: boolean) => {
+            setProcureConvertModalVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          subOrders={buildSubOrders()}
+          onClose={() => {
+            setProcureConvertModalVisible(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+
+      {financialMergeDrawerVisible && (
+        <FinancialMergeDrawer
+          setVisible={(val: boolean) => {
+            setFinancialMergeDrawerVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          dataList={
+            isMainOrder
+              ? [...subOrderSelectedMap.values()].flat()
+              : buildSubOrders()
+          }
+          onClose={() => {
+            setFinancialMergeDrawerVisible(false);
+            setIsMainOrder(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+
+      {financialReceiptsModalVisible && (
+        <FinancialReceiptsModal
+          setVisible={(val: boolean) => {
+            setFinancialReceiptsModalVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          datas={selectedRows}
+          onClose={() => {
+            setFinancialReceiptsModalVisible(false);
+            setSelectedRows({});
+            refreshTable();
+          }}
+        />
+      )}
+
+      {shippingWarehouseChangeModalVisible && (
+        <ShippingWarehouseChangeModal
+          setVisible={(val: boolean) => {
+            setShippingWarehouseChangeModalVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          subOrderIds={ids}
+          originShippingWarehouse={buildSubOrders()[0].shippingWarehouse}
+          onClose={() => {
+            setShippingWarehouseChangeModalVisible(false);
+            clearOptObject();
+            setIds([]);
+            refreshTable();
+          }}
+        />
+      )}
+      {reissueVisible && (
+        <ReissueModal
+          setVisible={(val: boolean) => {
+            setReissueVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          subOrders={
+            isMainOrder
+              ? [...subOrderSelectedMap.values()].flat()
+              : buildSubOrders()
+          }
+          onClose={() => {
+            setReissueVisible(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+      {reissueVisibleOld && (
+        <ReissueModal_old
+          setVisible={(val: boolean) => {
+            setReissueVisibleOld(val);
+            console.log(reissueVisible);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          mainOrder={buildMainOrder()}
+          subOrders={buildSubOrders()}
+          onClose={() => {
+            setReissueVisibleOld(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+      {productionTimeModalVisible && (
+        <ProductionTimeModal
+          setVisible={(val: boolean) => {
+            setProductionTimeModalVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          subOrders={buildSubOrders()}
+          onClose={() => {
+            setProductionTimeModalVisible(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+
+      {modifiedDiffModalVisible && (
+        <ModifiedDiffModal
+          setVisible={(val: boolean) => {
+            setModifiedDiffModalVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          subOrders={buildSubOrders()}
+          mainOrder={buildMainOrder()}
+          onClose={() => {
+            setModifiedDiffModalVisible(false);
+            clearOptObject();
+          }}
+        />
+      )}
+
+      {uploadPayBillModalVisible && (
+        <UploadPayBillModal
+          setVisible={(val: boolean) => {
+            setUploadPayBillModalVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          subOrders={buildSubOrders()}
+          mainOrder={buildMainOrder()}
+          onClose={() => {
+            setUploadPayBillModalVisible(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+      {feedbackRegistrationModalVisible && (
+        <FeedbackRegistrationModal
+          setVisible={(val: boolean) => {
+            setFeedbackRegistrationModalVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          subOrders={buildSubOrders()}
+          mainOrder={buildMainOrder()}
+          onClose={() => {
+            setFeedbackRegistrationModalVisible(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+
+      {invoicingDrawerFormVisible && (
+        <InvoicingDrawerForm
+          dataList={
+            isMainOrder
+              ? [...subOrderSelectedMap.values()].flat()
+              : buildSubOrders()
+          }
+          setVisible={(val: boolean) => {
+            setInvoicingDrawerFormVisible(val);
+            if (!val) {
+              clearOptObject();
+            }
+          }}
+          mainOrder={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
+          onClose={() => {
+            setInvoicingDrawerFormVisible(false);
+            setIsMainOrder(true);
+            clearOptObject();
+            refreshTable();
+          }}
+        />
+      )}
+      {contextHolder}
+      <FloatButton.BackTop visibilityHeight={0} />
     </div>
   );
 };