feat:采购订单-确认归档

src/pages/transaction/purchaseOrder/readyFileOrder/detail/index.tsx

-import React from 'react';
+import React, { useState, useCallback, useRef } from 'react';
+import { OrderDetailContext } from '../../../_public/order/context';
+import { PublicApi } from '@/services/api';
+import { Button } from 'antd';
+import OrderDetailHeader from '@/pages/transaction/components/OrderDetailHeader';
+import OrderDetailWrapper from '@/pages/transaction/components/OrderDetailWrapper';
+import PreLoading from '@/components/PreLoading';
+import { useOrderDetail } from '../../../_public/order/effects/useOrderDetail';
+import ApprovedOrderModal from '../../../components/approvedOrderModal';
+import { history } from 'umi'
+import { useHttpRequest } from '@/hooks/useHttpRequest';
+import OrderDetailSection from '../../../components/orderDetailSection';
 
 const ReadyFileOrderDetail: React.FC = () => {
+  const { formContext, id, detailList } = useOrderDetail({type: 'purchaseOrder'})
+  const { run, loading } = useHttpRequest(PublicApi.postOrderFiledOrderAdd)
+
+  const handleClick = useCallback(async () => {
+    const params = {
+      id: Number(id)
+    }
+    const result = await run(params)
+
+    if (result.code === 1000) {
+      history.goBack()
+    }
+  }, [])
+
   return (
     <div>
-      待归档订单详情
+      <OrderDetailContext.Provider value={formContext}>
+        <OrderDetailHeader detailList={detailList} detailData={formContext.data} extraRight={
+          <Button type='primary' onClick={handleClick} loading={loading}>
+            确认归档
+          </Button>
+        } />
+
+        <OrderDetailWrapper>
+          <PreLoading loading={!formContext.data} active paragraph={{rows: 6}}>
+            <OrderDetailSection formContext={formContext}/>
+          </PreLoading>
+        </OrderDetailWrapper>
+
+      </OrderDetailContext.Provider>
     </div>
   );
 };