feat: update 售后审核

zhongnanhuang
1 parent 9f02014d
Showing 2 changed files with 58 additions and 23 deletions
src/pages/Order/components/CheckModal.tsx
src/pages/Order/components/ProcureCheckModal.tsx
@@ -7,12 +7,20 @@ import {
   postServiceOrderQueryAfterSalesInfoSnapshot,
 } from '@/services';
 import { ModalForm, ProFormTextArea } from '@ant-design/pro-components';
-import { Button, Descriptions, 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 ({
@@ -36,10 +44,11 @@ export default ({
   const [fileList, setFileList] = useState<UploadFile[]>([]);
   const handleCancel = () => setPreviewOpen(false);
   const [messageApi, contextHolder] = message.useMessage();
-  const [afterSalesItems, setAfterSalesItems] = useState<any[]>([]);
   const [form] = Form.useForm<{ name: string; company: string }>();
   let subOrderIds: any[] = subOrders.map((subOrder) => subOrder.id);
+  const [afterSalesInfo, setAfterSalesInfo] = useState<any>();
+
   /**
    * 审核类型
    */
@@ -54,8 +63,46 @@ export default ({
     let res = await postServiceOrderQueryAfterSalesInfoSnapshot({
       data: { subOrderIds: subOrderIds },
     });
-    setAfterSalesItems([]);
-    console.log(res);
+
+    //附件
+    let annex = res?.data[0].afterSalesAnnexList;
+
+    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>
+
+          <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>,
+    );
   };
   const handleChange: UploadProps['onChange'] = ({ fileList: newFileList }) => {
@@ -361,19 +408,7 @@ export default ({
         }}
         onOpenChange={setCheckVisible}
       >
-        {checkType(CHECK_TYPE.AFTER_SALES) ? (
-          <Descriptions
-            className="mb-5"
-            labelStyle={{ textAlign: 'center' }}
-            column={1}
-            bordered
-            title={<span className="text-sm font-medium">售后信息</span>}
-            size="small"
-            items={afterSalesItems}
-          />
-        ) : (
-          ''
-        )}
+        {checkType(CHECK_TYPE.AFTER_SALES) ? afterSalesInfo : ''}
         <div>请特别注意订单总金额与订单金额。</div>
         <ProFormTextArea
@@ -99,10 +99,10 @@ export default ({ setCheckVisible, data, subOrders, onClose }) =&gt; {
           message.error('选择转回仓库请点击转回仓库按钮！');
           return;
         }
-        let procureIsPrintAndSend = false;
-        if (values.name === '采购自行发货') {
-          procureIsPrintAndSend = true;
-        }
+        let procureIsPrintAndSend = true;
+        // if (values.name === '采购自行发货') {
+        //   procureIsPrintAndSend = true;
+        // }
         return doCheck({
           ids: subOrderIds,
           supplier: values.name,