feat: update 申请售后功能修改

zhongnanhuang
1 parent 695fadca
Showing 4 changed files with 117 additions and 24 deletions
src/pages/Order/components/ApplyForInvoicingModal.tsx
src/pages/Order/components/CheckModal.tsx
src/pages/Order/components/OrderDrawer.tsx
src/pages/Order/index.tsx
@@ -19,14 +19,20 @@ export default ({
   isMainOrder,
   onClose,
 }) => {
-  console.log(subOrders);
   let ids = [];
   let newSubOrder = {};
+  let sumPrice = 0;
+
+  for (let order of subOrders) {
+    sumPrice += parseFloat(order.totalPayment);
+  }
+
   if (isMainOrder) {
     ids = data;
   } else {
     newSubOrder = cloneDeep(subOrders[0]);
     ids = subOrders?.map((item) => {
+      sumPrice += parseFloat(item.totalPayment);
       return item.id;
     });
   }
@@ -126,6 +132,15 @@ export default ({
       }}
       onOpenChange={setCheckVisible}
     >
+      {isMainOrder ? (
+        <div className="mb-[24px]">
+          <span>总订单金额：</span>
+          <span className="text-red-500">{sumPrice}￥</span>
+        </div>
+      ) : (
+        ''
+      )}
+
       <div className="mb-1">
         如果需要合并订单，请将需要合并的订单id写在备注中，id之间用英文逗号隔开。
       </div>
@@ -247,19 +247,23 @@ export default ({
     let formData = new FormData();
     //附件处理
     for (let file of fileList) {
-      //有url的话取url（源文件），没url取thumbUrl。有url的时候thumbUrl是略缩图
-      if (file?.url === undefined || file?.url === null) {
-        formData.append(
-          'files',
-          transImageFile(file?.thumbUrl),
-          file?.originFileObj?.name,
-        );
+      if (file.originFileObj) {
+        formData.append('files', file.originFileObj as RcFile);
       } else {
-        formData.append(
-          'files',
-          transImageFile(file?.url),
-          file?.originFileObj?.name,
-        );
+        //有url的话取url（源文件），没url取thumbUrl。有url的时候thumbUrl是略缩图
+        if (file?.url === undefined || file?.url === null) {
+          formData.append(
+            'files',
+            transImageFile(file?.thumbUrl),
+            file?.originFileObj?.name,
+          );
+        } else {
+          formData.append(
+            'files',
+            transImageFile(file?.url),
+            file?.originFileObj?.name,
+          );
+        }
       }
     }
     let res = await postServiceOrderFileProcess({
 import { RESPONSE_CODE } from '@/constants/enum';
 import {
   postServiceOrderAddOrder,
+  postServiceOrderApplyAfterSales,
   postServiceOrderQueryCustomerNameInformation,
   postServiceOrderQueryProductInformation,
   postServiceOrderQuerySalesCode,
@@ -27,6 +28,7 @@ import { Button, Form, message } from &#39;antd&#39;;
 import { cloneDeep } from 'lodash';
 import { useEffect, useRef, useState } from 'react';
 import {
+  AFTE_SALES_PLAN_OPTIONS,
   INVOCING_STATUS_OPTIONS,
   INVOCING_STATUS_OPTIONS_OLD,
   PAYMENT_CHANNEL_OPTIONS,
@@ -37,6 +39,7 @@ import {
 export default ({ onClose, data, subOrders, orderOptType }) => {
   const [invoicingStatus, setInvoicingStatus] = useState('');
   const [salesCodeOptions, setSalesCodeOptions] = useState([]);
+  const [drawerTitle, setDrawerTitle] = useState('');
   const [form] = Form.useForm<{
     salesCode: '';
     customerName: '';
@@ -54,6 +57,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
     bank: '';
     bankAccountNumber: '';
     deleteSubOrderLists: [];
+    filePaths: [];
     notes: '';
     list: [
       {
@@ -107,7 +111,6 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
           includeFlag = true;
         }
       }
-      console.log(includeFlag);
       if (!includeFlag) {
         form.resetFields(['salesCode']);
         message.warning('检测到销售代码为旧的，已清空，请重新选择');
@@ -117,6 +120,20 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
   useEffect(() => {
     getSalesCodeOptions();
+
+    //弹窗标题
+    if (optType('add')) {
+      setDrawerTitle('新增订单');
+    }
+    if (optType('copy')) {
+      setDrawerTitle('复制订单');
+    }
+    if (optType('edit')) {
+      setDrawerTitle('修改订单');
+    }
+    if (optType('after-sales')) {
+      setDrawerTitle('申请售后');
+    }
   }, []);
   useEffect(() => {
@@ -127,7 +144,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
   }, [data]);
   // let mainInfoDisbled = optType('edit');
-  if (optType('edit') || optType('copy')) {
+  if (optType('edit') || optType('copy') || optType('after-sales')) {
     //如果是复制，需要开票，不回显是否需要开票字段
     if (optType('copy')) {
       if (data.invoicingStatus === 'INVOICED') {
@@ -251,7 +268,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
     }>
       open
       width="35%"
-      title={optType('add') || optType('copy') ? '新建订单' : '修改订单'}
+      title={drawerTitle}
       resize={{
         onResize() {
           console.log('resize!');
@@ -285,9 +302,12 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         values.institution = values.institution?.trim();
         values.institutionContactName = values.institutionContactName?.trim();
+        //新增
         if (optType('add') || optType('copy')) {
           res = await postServiceOrderAddOrder({ data: values });
-        } else {
+        }
+        //修改或者申请售后
+        if (optType('edit') || optType('after-sales')) {
           //计算已删除的子订单id
           const originIds = originSubOrders.map((item) => {
             return item.id;
@@ -297,7 +317,21 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
           });
           let diff = originIds.filter((item) => !curIds.includes(item));
           values.deleteSubOrderLists = diff;
-          res = await postServiceOrderUpdateOrder({ data: values });
+
+          if (optType('edit')) {
+            res = await postServiceOrderUpdateOrder({ data: values });
+          }
+
+          if (optType('after-sales')) {
+            values.filePaths = values.filePaths?.map((file) => {
+              return { url: file.response.data[0] };
+            });
+            let res = await postServiceOrderApplyAfterSales({ data: values });
+            if (res?.result === RESPONSE_CODE.SUCCESS) {
+              message.success(res.message);
+              onClose();
+            }
+          }
         }
         if (res.result === RESPONSE_CODE.SUCCESS) {
@@ -311,6 +345,39 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         return !val && onClose();
       }}
     >
+      {optType('after-sales') ? (
+        <>
+          <h2>售后信息</h2>
+          <ProFormSelect
+            key="key"
+            label="售后方案"
+            width="lg"
+            showSearch
+            name="afterSalesPlan"
+            options={enumToSelect(AFTE_SALES_PLAN_OPTIONS)}
+            placeholder="请搜索"
+            rules={[{ required: true, message: '售后方案必填' }]}
+          ></ProFormSelect>
+          <ProFormTextArea
+            width="lg"
+            label="售后原因"
+            name="afterSalesNotes"
+            rules={[{ required: true, message: '售后原因必填' }]}
+          />
+          <ProFormUploadDragger
+            key="filePaths"
+            label="售后附件"
+            name="filePaths"
+            action="/api/service/order/fileProcess"
+            fieldProps={{
+              headers: { Authorization: localStorage.getItem('token') },
+            }}
+          />
+        </>
+      ) : (
+        ''
+      )}
+
       <h2>订单基本信息</h2>
       <ProFormText
         key="id"
@@ -602,10 +669,11 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
           },
         ]}
         actionGuard={{
-          beforeRemoveRow: async (index) => {
+          beforeRemoveRow: async () => {
             return new Promise((resolve) => {
-              if (index === 0) {
-                message.error('第一行数据不能删除');
+              let list = form.getFieldValue('list');
+              if (list?.length === 1) {
+                message.error('删除失败，至少要有一个商品');
                 resolve(false);
                 return;
               }
@@ -1049,7 +1049,7 @@ const OrderPage = () =&gt; {
               ''
             )}
-            {optRecord.subPath?.includes('applyAfterSales') ? (
+            {/* {optRecord.subPath?.includes('applyAfterSales') ? (
               <Button
                 className="p-0"
                 type="link"
@@ -1063,7 +1063,7 @@ const OrderPage = () =&gt; {
               </Button>
             ) : (
               ''
-            )}
+            )} */}
             {optRecord.subPath?.includes('afterSalesCompletion') ? (
               <ButtonConfirm
@@ -1924,8 +1924,9 @@ const OrderPage = () =&gt; {
                             return;
                           }
                         }
-                        setAfterSalesDrawerVisible(true);
+                        setOrderDrawerVisible(true);
                         setOrderRow(record);
+                        setOrderOptType('after-sales');
                       }}
                     >
                       申请售后
@@ -2204,6 +2205,11 @@ const OrderPage = () =&gt; {
             //选中订单
             setIsEdit(false);
             setIsMainOrder(true);
+            let mainOrderList = [];
+            for (let order of mainOrderSelectedMap.values()) {
+              mainOrderList.push(order);
+            }
+            setSelectedRows(mainOrderList);
           }}
           disabled={selectedItems?.length === 0}
         >