fix:优化销售订单批量提交体验,防止重复提交

src/pages/transaction/saleOrder/readyApprovedOrder/index.tsx

@@ -10,6 +10,7 @@ import Submit from '@/components/NiceForm/components/Submit'
 import { DatePicker } from '@formily/antd-components'
 import { useSelfTable } from './model/useSelfTable'
 import { useRowSelectionTable } from '@/hooks/useRowSelectionTable'
+import { useHttpRequest } from '@/hooks/useHttpRequest'
 
 // 待提交审核订单
 
@@ -25,11 +26,16 @@ const ReadyApprovedOrder:React.FC<ReadyApprovedOrderProps> = (props) => {
 
   const { columns, ref } = useSelfTable()
   const [rowSelection, rowSelectionCtl] = useRowSelectionTable({customKey: 'id'})
+  const { run, loading } = useHttpRequest(PublicApi.postOrderSubmittedReviewOrderOneAll)
 
   const handleBitchPush = async () => {
     if (rowSelectionCtl.selectedRowKeys.length > 0) {
-      await PublicApi.postOrderSubmittedReviewOrderOneAll({ids: rowSelectionCtl.selectedRowKeys})
-      ref.current.reload()
+      const { code } = await run({ids: rowSelectionCtl.selectedRowKeys})
+      if (code === 1000) {
+        rowSelectionCtl.setSelectRow([])
+        rowSelectionCtl.setSelectedRowKeys([])
+        ref.current.reload()
+      }
     } else {
       message.error('请勾选要审核的订单')
     }
@@ -77,7 +83,7 @@ const ReadyApprovedOrder:React.FC<ReadyApprovedOrderProps> = (props) => {
         }}
         formilyChilds={{
           children: <Space>
-            <Button onClick={handleBitchPush}>批量提交审核</Button>
+            <Button onClick={handleBitchPush} loading={loading}>批量提交审核</Button>
           </Space>,
           layouts: {
             span: 8

src/pages/transaction/saleOrder/readyReturnDocument/index.tsx

@@ -14,6 +14,7 @@ import Submit from '@/components/NiceForm/components/Submit'
 import { DatePicker } from '@formily/antd-components'
 import { useRowSelectionTable } from '@/hooks/useRowSelectionTable'
 import { PurchaseOrderInsideWorkState, SaleOrderInsideWorkState } from '@/constants'
+import { useHttpRequest } from '@/hooks/useHttpRequest'
 
 // 待归档订单
 
@@ -32,6 +33,7 @@ const FirstApprovedOrder:React.FC<FirstApprovedOrderProps> = (props) => {
     rowSelection,
     rowSelectionCtl
   } = useSelfTable()
+  const { run, loading } = useHttpRequest(PublicApi.postOrderSubmittedReviewOrderOneAll)
 
   const handleSubmitBatch = async () => {
     if (rowSelectionCtl.selectRow.length === 0) {
@@ -40,8 +42,12 @@ const FirstApprovedOrder:React.FC<FirstApprovedOrderProps> = (props) => {
     }
     const canBitch = !rowSelectionCtl.selectRow.some(v => v.purchaseOrderInteriorState !== SaleOrderInsideWorkState.ONE_LEVEL_AUDIT_ORDER)
     if (canBitch) {
-      await PublicApi.postOrderSubmittedReviewOrderOneAll({ids: rowSelectionCtl.selectedRowKeys})
-      ref.current.reload()      
+      const { code } = await run({ids: rowSelectionCtl.selectedRowKeys})
+      if (code === 1000) {
+        rowSelectionCtl.setSelectRow([])
+        rowSelectionCtl.setSelectedRowKeys([])
+        ref.current.reload()
+      }
     } else {
       message.error('只能批量提交内部状态为审核中的订单')
     }
@@ -81,7 +87,7 @@ const FirstApprovedOrder:React.FC<FirstApprovedOrderProps> = (props) => {
         }}
         formilyChilds={{
           children: <Space>
-            <Button onClick={handleSubmitBatch}>批量提交审核</Button>
+            <Button onClick={handleSubmitBatch} loading={loading}>批量提交审核</Button>
           </Space>,
           layouts: {
             span: 8

src/pages/transaction/saleOrder/secondApprovedOrder/index.tsx

@@ -13,6 +13,7 @@ import { FORM_FILTER_PATH } from '@/formSchema/const'
 import Submit from '@/components/NiceForm/components/Submit'
 import { DatePicker } from '@formily/antd-components'
 import { useRowSelectionTable } from '@/hooks/useRowSelectionTable'
+import { useHttpRequest } from '@/hooks/useHttpRequest'
 
 // 二级待审核订单
 
@@ -30,11 +31,18 @@ const FirstApprovedOrder:React.FC<FirstApprovedOrderProps> = (props) => {
     ref
   } = useSelfTable()
   const [rowSelection, rowSelectionCtl] = useRowSelectionTable({customKey: 'id'})
+  const { run, loading } = useHttpRequest(PublicApi.postOrderSubmittedReviewOrderTwoAll)
 
   const handleSubmitBatch = async () => {
-    await PublicApi.postOrderSubmittedReviewOrderTwoAll({
+    const { code } = run({
       ids: rowSelectionCtl.selectedRowKeys
     })
+    if (code === 1000) {
+      rowSelectionCtl.setSelectRow([])
+      rowSelectionCtl.setSelectedRowKeys([])
+      ref.current.reload()
+    }
+
   }
   return <PageHeaderWrapper>
     <Card>
@@ -71,7 +79,7 @@ const FirstApprovedOrder:React.FC<FirstApprovedOrderProps> = (props) => {
         }}
         formilyChilds={{
           children: <Space>
-            <Button onClick={handleSubmitBatch}>批量提交审核</Button>
+            <Button onClick={handleSubmitBatch} loading={loading}>批量提交审核</Button>
           </Space>,
           layouts: {
             span: 8