feat: 优化多物流发货交互

src/pages/orderManage/pendingDeliveryOrder/components/MultiLogisticsModal/index.jsx

@@ -177,6 +177,7 @@ const UpdateStatusModal = (props, ref) => {
   const { companys } = props;
   const formRef = useRef();
   const [visible, setVisible] = useState(false);
+  const [renderModal, setRenderModal] = useState(true);
   const [confirmLoading, setConfirmLoading] = useState(false);
   const [record, setRecord] = useState();
   const [oldPackageList, setOldPackageList] = useState();
@@ -208,6 +209,7 @@ const UpdateStatusModal = (props, ref) => {
   };
 
   const open = (item, tableRef) => {
+    setRenderModal(true);
     setActionRef(tableRef);
     setVisible(true);
     setOldPackageList(JSON.parse(JSON.stringify(item.packageList)));
@@ -216,23 +218,18 @@ const UpdateStatusModal = (props, ref) => {
 
   const onCancel = () => {
     formRef.current.form.resetFields();
-    setRecord(null);
     setConfirmLoading(false);
     setVisible(false);
+    setTimeout(() => {
+      setRenderModal(false);
+      setRecord(null);
+    }, 500);
   };
 
   const onOk = async () => {
     formRef.current.form.validateFields().then(async values => {
       const packageList = onFilterParams(values.packageList);
 
-      // oldPackageList.forEach((item, index) => {
-      //   if (JSON.stringify(item) !== JSON.stringify(packageList[index])) {
-      //     packageList[index].preExpressCompanyCode = item.expressCompanyCode;
-      //     packageList[index].preExpressCompanyName = item.expressCompanyName;
-      //     packageList[index].preExpressNo = item.expressNo;
-      //   }
-      // });
-
       // 对比修改差异
       oldPackageList.forEach((item, index) => {
         const updateAttr = () => {
@@ -263,7 +260,9 @@ const UpdateStatusModal = (props, ref) => {
         packageList,
       };
       console.log('params', params);
+      setConfirmLoading(true);
       const res = await apiDeliveriesAdd(params);
+      setConfirmLoading(false);
       if (res.code === '0000' && res.businessCode === '0000') {
         notification.success({
           message: '提交成功',
@@ -287,7 +286,7 @@ const UpdateStatusModal = (props, ref) => {
     onOk,
   };
 
-  return visible ? (
+  return renderModal ? (
     <Modal {...modalProps}>
       {record ? <FormWarpper ref={formRef} record={record} companys={companys} /> : ''}
     </Modal>