feat: update 售后审核

zhongnanhuang
1 parent 6383ef37
Showing 2 changed files with 75 additions and 62 deletions
src/pages/Order/components/CheckModal.tsx
src/pages/Order/components/OrderDrawer.tsx
@@ -4,14 +4,23 @@ import {
   postServiceOrderCheckOrder,
   postServiceOrderFileProcess,
   postServiceOrderFinanceCheckOrder,
+  postServiceOrderQueryAfterSalesInfoSnapshot,
 } from '@/services';
 import { ModalForm, ProFormTextArea } from '@ant-design/pro-components';
-import { Button, Form, Modal, UploadFile, message } from 'antd';
+import { Button, Col, Form, Modal, Row, UploadFile, message } from 'antd';
 import Upload, { RcFile, UploadProps } from 'antd/es/upload';
 import { useEffect, useRef, useState } from 'react';
-import { CHECK_TYPE, COMFIR_RECEIPT_IMAGES_NUMBER } from '../constant';
+import {
+  AFTE_SALES_PLAN_OPTIONS,
+  CHECK_TYPE,
+  COMFIR_RECEIPT_IMAGES_NUMBER,
+} from '../constant';
 // import { cloneDeep } from 'lodash';
-import { transImageFile } from '@/utils';
+import {
+  enumValueToLabel,
+  getAliYunOSSFileNameFromUrl,
+  transImageFile,
+} from '@/utils';
 import { PlusOutlined } from '@ant-design/icons';
 import { cloneDeep } from 'lodash';
 export default ({
@@ -40,7 +49,7 @@ export default ({
   let subOrderIds: any[] = subOrders.map((subOrder) => subOrder.id);
   const [mainOrderId] = useState(data.id);
  
-  // const [afterSalesInfo, setAfterSalesInfo] = useState<any>();
+  const [afterSalesInfo, setAfterSalesInfo] = useState<any>();
  
   /**
    * 审核类型
@@ -52,51 +61,48 @@ export default ({
     return false;
   }
  
-  // const getOrderAfterSalesInfo = async () => {
-  //   let res = await postServiceOrderQueryAfterSalesInfoSnapshot({
-  //     data: { subOrderIds: subOrderIds },
-  //   });
+  const getOrderAfterSalesInfo = async () => {
+    let res = await postServiceOrderQueryAfterSalesInfoSnapshot({
+      data: { subOrderIds: subOrderIds },
+    });
  
-  //   //附件
-  //   let annex = res?.data[0]?.afterSalesAnnexList;
+    //附件
+    let annex = res?.data[0]?.afterSalesAnnexList;
  
-  //   let annexLinks = annex?.map((f) => {
-  //     return (
-  //       <Button type="link" key="key" href={f}>
-  //         {getAliYunOSSFileNameFromUrl(f)}
-  //       </Button>
-  //     );
-  //   });
+    let annexLinks = annex?.map((f) => {
+      return (
+        <Button type="link" key="key" href={f}>
+          {getAliYunOSSFileNameFromUrl(f)}
+        </Button>
+      );
+    });
  
-  //   setAfterSalesInfo(
-  //     <div className="my-5">
-  //       <Row gutter={[16, 24]}>
-  //         <Col span={6}>
-  //           <span className="text-[#333333]">售后方案</span>
-  //         </Col>
-  //         <Col span={18}>
-  //           {enumValueToLabel(
-  //             res?.data[0]?.afterSalesPlan,
-  //             AFTE_SALES_PLAN_OPTIONS,
-  //           )}
-  //         </Col>
-  //         <Col span={6}>
-  //           <span className="className='text-[#333333]'">修改后总金额</span>
-  //         </Col>
-  //         <Col span={18}>{res?.data[0]?.totalPayment}</Col>
+    setAfterSalesInfo(
+      <div className="my-5">
+        <Row gutter={[16, 24]}>
+          <Col span={6}>
+            <span className="text-[#333333]">售后方案</span>
+          </Col>
+          <Col span={18}>
+            {enumValueToLabel(
+              res?.data[0]?.afterSalesPlan,
+              AFTE_SALES_PLAN_OPTIONS,
+            )}
+          </Col>
+          <Col span={6}>
+            <span className="className='text-[#333333]'">售后原因</span>
+          </Col>
+          <Col span={18}>{res?.data[0]?.afterSalesNotes}</Col>
+          <Col span={6}>
+            <span className="className='text-[#333333]'">附件</span>
+          </Col>
+          <Col span={18}>{annexLinks}</Col>
+        </Row>
+      </div>,
+    );
+  };
  
-  //         <Col span={6}>
-  //           <span className="className='text-[#333333]'">售后原因</span>
-  //         </Col>
-  //         <Col span={18}>{res?.data[0]?.afterSalesNotes}</Col>
-  //         <Col span={6}>
-  //           <span className="className='text-[#333333]'">附件</span>
-  //         </Col>
-  //         <Col span={18}>{annexLinks}</Col>
-  //       </Row>
-  //     </div>,
-  //   );
-  // };
+  getOrderAfterSalesInfo();
  
   const handleChange: UploadProps['onChange'] = ({ fileList: newFileList }) => {
     //fileListObj得在change里变化，change的参数是已经处理过的file数组
@@ -341,7 +347,7 @@ export default ({
                     doAfterSalesCheck({
                       isAfterSalesSuccess: false,
                       subOrderIds: subOrderIds,
-                      mainId: data.id,
+                      mainId: mainOrderId,
                       afterSalesRejectionNotes: form.getFieldValue('name'),
                     });
                     return;
@@ -384,7 +390,7 @@ export default ({
         submitTimeout={2000}
         onFinish={async (values) => {
           if (checkType(CHECK_TYPE.NORMAL)) {
-            //审核通过
+            //审核通过mainOrderId
             return doCheck({
               flag: true,
               ids: subOrderIds,
@@ -398,7 +404,7 @@ export default ({
             return doAfterSalesCheck({
               isAfterSalesSuccess: true,
               subOrderIds: subOrderIds,
-              mainId: data.id,
+              mainId: mainOrderId,
               afterSalesRejectionNotes: values.name,
             });
           }
@@ -410,16 +416,19 @@ export default ({
         onOpenChange={setCheckVisible}
       >
         {checkType(CHECK_TYPE.AFTER_SALES) ? (
-          <Button
-            className="px-0"
-            type="link"
-            onClick={() => {
-              console.log(data);
-              openOrderDrawer('after-sales-check', mainOrderId);
-            }}
-          >
-            查看旧订单
-          </Button>
+          <>
+            {afterSalesInfo}
+            <Button
+              className="px-0"
+              type="link"
+              onClick={() => {
+                console.log(data);
+                openOrderDrawer('after-sales-check', mainOrderId);
+              }}
+            >
+              查看旧订单
+            </Button>
+          </>
         ) : (
           ''
         )}
@@ -181,10 +181,6 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
     buildOrderData();
   }
  
-  if (optType('after-sales-check')) {
-    getOldOrderData(data.id);
-  }
-
   /**
    *
    * @returns 获取开票选项
@@ -286,6 +282,14 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
     form.setFieldValue('totalPayment', totalPayment);
   }
  
+  useEffect(() => {
+    if (optType('after-sales-check')) {
+      getOldOrderData(data.id);
+    } else {
+      buildOrderData();
+    }
+  }, []);
+
   return (
     <DrawerForm<{
       deleteSubOrderLists: any;