fix: 修复分页之后点击确认无法拿到上一页填写的数据问题

src/pages/transaction/purchaseOrder/orderCollectSrm/components/orderMaterialsDrawer/index.tsx

@@ -96,6 +96,11 @@ type MaterialsListItem = Omit<GetContractManagePagePurchaseMaterielListResponseD
   children: RequisitionListItem[],
 }
 
+export type FetchReponseType = {
+  data: MaterialsListItem[],
+  totalCount: number,
+}
+
 const normalizeMaterialsList = (dataSource: GetContractManagePagePurchaseMaterielListResponseDetail[]): MaterialsListItem[] => {
   const ret: MaterialsListItem[] = [];
   dataSource.forEach(({ requisitionList, ...rest }) => {
@@ -127,6 +132,8 @@ const OrderMaterialsDrawer: React.ForwardRefRenderFunction<OrderMaterialsDrawerR
 
   const keyEntities = useRef<any>({});
 
+  const requisitionListValue = useRef<OrderMaterialsSubmitValue['materials']['requisitionList']>({});
+
   const [form] = Form.useForm();
   
   const intl = useIntl();
@@ -222,7 +229,7 @@ const OrderMaterialsDrawer: React.ForwardRefRenderFunction<OrderMaterialsDrawerR
     const { levelMap, maxLevel } = getLevelEntities(keyEntities.current);
 
     if (selected) {
-      const keys = [...checkedKeysState, ...selectedRows.map((item) => item.key)];
+      const keys = [...checkedKeysState, ...selectedRows.filter(Boolean).map((item) => item.key)];
       const { halfCheckedKeys, checkedKeys } = fillConductCheck(keys, levelMap, maxLevel);
       setCheckedKeysState(checkedKeys);
       setHalfCheckedState(halfCheckedKeys);
@@ -323,7 +330,8 @@ const OrderMaterialsDrawer: React.ForwardRefRenderFunction<OrderMaterialsDrawerR
       const { materials } = res;
       const ret: OrderMaterialsConfirmValue = [];
 
-      const checkedKeys = Object.keys(materials.requisitionList);
+      // const checkedKeys = Object.keys(materials.requisitionList);
+      const checkedKeys = Object.keys(requisitionListValue.current);
       for (let i = 0; i < checkedKeys.length; i++) {
         const checked = checkedKeys[i];
         const { parentNode } = keyEntities.current[checked];
@@ -338,7 +346,8 @@ const OrderMaterialsDrawer: React.ForwardRefRenderFunction<OrderMaterialsDrawerR
             ...restParent,
             requisitionList: children.map((item) => ({
               ...item,
-              orderQuantity: +materials.requisitionList[checked],
+              // orderQuantity: +materials.requisitionList[checked],
+              orderQuantity: +requisitionListValue.current[checked],
             })),
           };
           ret.push(material);
@@ -350,7 +359,8 @@ const OrderMaterialsDrawer: React.ForwardRefRenderFunction<OrderMaterialsDrawerR
               ...(ret[index]).requisitionList,
               ...children.map((item) => ({
                 ...item,
-                orderQuantity: +materials.requisitionList[checked],
+                // orderQuantity: +materials.requisitionList[checked],
+                orderQuantity: +requisitionListValue.current[checked],
               })),
             ],
           }));
@@ -377,6 +387,23 @@ const OrderMaterialsDrawer: React.ForwardRefRenderFunction<OrderMaterialsDrawerR
     // });
   };
 
+  const handleBeforePaginationChange = async () => {
+    try {
+      await form.validateFields()
+      return true;
+    } catch (error) {
+      return false;
+    }
+  };
+
+  const handleFormValuesChange = (_, allValues: OrderMaterialsSubmitValue) => {
+    const { materials } = allValues;
+    requisitionListValue.current = {
+      ...requisitionListValue.current,
+      ...(materials.requisitionList || {}),
+    };
+  };
+
   useImperativeHandle(ref, () => ({
     deleteItem: handleDelete,
   }));
@@ -415,7 +442,7 @@ const OrderMaterialsDrawer: React.ForwardRefRenderFunction<OrderMaterialsDrawerR
           onSelect: handleSelectRow,
           onSelectAll: handlehandleSelectAll,
         }}
-        defaultPageSize={20}
+        defaultPageSize={10}
         expandable={isPurchaseOrderContract ? {
           expandedRowRender,
           expandIcon: ({ expanded, onExpand, record }) => (
@@ -442,11 +469,12 @@ const OrderMaterialsDrawer: React.ForwardRefRenderFunction<OrderMaterialsDrawerR
         ref={polymericRef}
         components={{
           table: ({ children }) => (
-            <Form form={form}>
+            <Form form={form} onValuesChange={handleFormValuesChange}>
               <table>{children}</table>
             </Form>
           ),
         }}
+        beforePaginationChange={handleBeforePaginationChange}
         defaultExpandAllRows
         full
       />