优化：问题修复

src/pages/orderManage/demandOrder/orderList/index.tsx

@@ -2,7 +2,7 @@ import SearchBox from '~/components/search-box';
 import { searchColumns as searchColumnsType } from '~/components/search-box';
 import { Button, Table, Tag } from 'antd';
 import { ColumnsType } from 'antd/es/table/InternalTable';
-import { useEffect, useState } from 'react';
+import { createRef, useEffect, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { OrderManageAPI } from '~/api';
 import { InterDataType, InterListType, PaginationProps } from '~/api/interface';
@@ -21,22 +21,31 @@ const DemandOrderList = () => {
   // 表格数据
   const [tableData, setTableData] = useState<demandOrderListType>([]);
   // 翻页数据
-  const [pagination, setPagination] = useState<PaginationProps & { totalCount: number }>({
+  const [pagination, setPagination] = useState<Array<PaginationProps & { totalCount: number }>>([
+    {
       pageNo: 1,
       pageSize: 10,
       totalCount: 0,
-  });
+    },
+    {
+      pageNo: 1,
+      pageSize: 10,
+      totalCount: 0,
+    },
+  ]);
   // 搜索数据
   const [query, setQuery] = useState<demandOrderListParameterType>();
   // 订单状态列表
   const [orderStatusList, setOrderStatusList] = useState<{ label: string; value: string }[]>([]);
   // 刷新子组件
   // const [refresh, setRefresh] = useState<boolean>(true);
+  // 是否是派单
+  const isPilotOrder = Number(location?.pathname?.split('/')?.at(-1));
   // 获取需求订单列表
   const getServiceOrderFormList = (query?: demandOrderListParameterType) => {
     OrderManageAPI.getServiceOrderFormList({
-      pageNo: pagination.pageNo,
-      pageSize: pagination.pageSize,
+      pageNo: pagination[isPilotOrder].pageNo,
+      pageSize: pagination[isPilotOrder].pageSize,
       isPilotOrder: Number(location?.pathname?.split('/')?.at(-1)),
       ...query,
     }).then(({ result }) => {
@@ -45,7 +54,7 @@ const DemandOrderList = () => {
         childrenRequire: i.childrenRequire?.length ? i.childrenRequire : undefined,
       }));
       setTableData(list);
-      pagination.totalCount = result.totalCount;
+      pagination[isPilotOrder].totalCount = result.totalCount;
       setPagination({ ...pagination });
     });
   };
@@ -55,15 +64,15 @@ const DemandOrderList = () => {
   };
   //分页
   const paginationChange = (pageNo: number, pageSize: number) => {
-    pagination.pageNo = pageNo;
-    pagination.pageSize = pageSize;
+    pagination[isPilotOrder].pageNo = pageNo;
+    pagination[isPilotOrder].pageSize = pageSize;
     getServiceOrderFormList(query);
   };
   // 筛选成功事件
   const searchSuccessEvent = (value: any) => {
     setQuery(value);
-    pagination.pageNo = 1;
-    pagination.pageSize = 10;
+    pagination[isPilotOrder].pageNo = 1;
+    pagination[isPilotOrder].pageSize = 10;
     getServiceOrderFormList(value);
   };
   // 获取订单进度条字典
@@ -77,16 +86,19 @@ const DemandOrderList = () => {
       );
     }
   };
+  // 创建子组件实例
+  const SearchBoxRef = createRef<any>();
   // 组件挂载
   useEffect(() => {
     // 还原列表
     setTableData([]);
+    setQuery(undefined);
+    SearchBoxRef.current.handleRestForm();
     // 还原分页
-    setPagination({ pageNo: 1, pageSize: 10, totalCount: 0 });
+    // setPagination({ pageNo: 1, pageSize: 10, totalCount: 0 });
     // 获取数据
     getFlowDictionary().then();
     getServiceOrderFormList();
-    // console.log('组件挂载 --->', );
   }, [location]);
   const searchColumns: searchColumnsType[] = [
     {
@@ -226,7 +238,7 @@ const DemandOrderList = () => {
   ];
   return (
     <div className='demand-order'>
-      <SearchBox search={searchColumns} searchData={searchSuccessEvent} />
+      <SearchBox search={searchColumns} searchData={searchSuccessEvent} onRef={SearchBoxRef} />
       <Table
         columns={tableColumns}
         bordered
@@ -238,9 +250,9 @@ const DemandOrderList = () => {
         }}
         scroll={{ x: 1000 }}
         pagination={{
-          total: pagination.totalCount,
-          pageSize: pagination.pageSize,
-          current: pagination.pageNo,
+          total: pagination[isPilotOrder].totalCount,
+          pageSize: pagination[isPilotOrder].pageSize,
+          current: pagination[isPilotOrder].pageNo,
           showSizeChanger: true,
           showQuickJumper: true,
           onChange: (page: number, pageSize: number) => paginationChange(page, pageSize),