feat: update 售后审核

zhongnanhuang
1 parent f2c9057f
Showing 5 changed files with 496 additions and 171 deletions
src/pages/Order/components/CheckModal.tsx
src/pages/Order/components/FinancialDrawer.tsx
src/pages/Order/components/OrderDrawer.tsx
src/pages/Order/index.tsx
src/services/request.ts
@@ -4,23 +4,14 @@ import {
   postServiceOrderCheckOrder,
   postServiceOrderFileProcess,
   postServiceOrderFinanceCheckOrder,
-  postServiceOrderQueryAfterSalesInfoSnapshot,
 } from '@/services';
 import { ModalForm, ProFormTextArea } from '@ant-design/pro-components';
-import { Button, Col, Form, Modal, Row, UploadFile, message } from 'antd';
+import { Button, Form, Modal, UploadFile, message } from 'antd';
 import Upload, { RcFile, UploadProps } from 'antd/es/upload';
 import { useEffect, useRef, useState } from 'react';
-import {
-  AFTE_SALES_PLAN_OPTIONS,
-  CHECK_TYPE,
-  COMFIR_RECEIPT_IMAGES_NUMBER,
-} from '../constant';
+import { CHECK_TYPE, COMFIR_RECEIPT_IMAGES_NUMBER } from '../constant';
 // import { cloneDeep } from 'lodash';
-import {
-  enumValueToLabel,
-  getAliYunOSSFileNameFromUrl,
-  transImageFile,
-} from '@/utils';
+import { transImageFile } from '@/utils';
 import { PlusOutlined } from '@ant-design/icons';
 import { cloneDeep } from 'lodash';
 export default ({
@@ -47,7 +38,7 @@ export default ({
   const [form] = Form.useForm<{ name: string; company: string }>();
   let subOrderIds: any[] = subOrders.map((subOrder) => subOrder.id);
-  const [afterSalesInfo, setAfterSalesInfo] = useState<any>();
+  // const [afterSalesInfo, setAfterSalesInfo] = useState<any>();
   /**
    * 审核类型
@@ -59,51 +50,51 @@ 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]?.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>,
-    );
-  };
+  //         <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 }) => {
     //fileListObj得在change里变化，change的参数是已经处理过的file数组
@@ -168,9 +159,9 @@ export default ({
   };
   useEffect(() => {
     //回显售后信息
-    if (checkType(CHECK_TYPE.AFTER_SALES)) {
-      getOrderAfterSalesInfo();
-    }
+    // if (checkType(CHECK_TYPE.AFTER_SALES)) {
+    //   getOrderAfterSalesInfo();
+    // }
     document.addEventListener('paste', onPaste);
     return () => {
@@ -8,13 +8,14 @@ import { enumToSelect } from &#39;@/utils&#39;;
 import {
   DrawerForm,
   ProFormDatePicker,
+  ProFormDigit,
   ProFormSelect,
   ProFormText,
   ProFormTextArea,
 } from '@ant-design/pro-components';
 import { Form, message } from 'antd';
 import { useEffect, useState } from 'react';
-import { INVOCING_STATUS_OPTIONS_OLD } from '../constant';
+import { INVOCING_STATUS_OPTIONS_OLD, PAYEE_OPTIONS } from '../constant';
 export default ({
   mainOrder,
@@ -141,31 +142,31 @@ export default ({
               label="收款时间"
               initialValue={subOrders[0]?.collectMoneyTime}
             />,
-            // <ProFormText
-            //   width="lg"
-            //   key="invoiceNumber"
-            //   name="invoiceNumber"
-            //   label="发票号码"
-            //   initialValue={subOrders[0]?.invoiceNumber}
-            // />,
-            // <ProFormSelect
-            //   key="payee"
-            //   placeholder="选择收款单位"
-            //   name="payee"
-            //   width="lg"
-            //   label="收款单位"
-            //   options={enumToSelect(PAYEE_OPTIONS)}
-            //   initialValue={subOrders[0]?.payee}
-            //   rules={[{ required: true, message: '收款单位必填' }]}
-            // />,
+            <ProFormText
+              width="lg"
+              key="invoiceNumber"
+              name="invoiceNumber"
+              label="发票号码"
+              initialValue={subOrders[0]?.invoiceNumber}
+            />,
+            <ProFormSelect
+              key="payee"
+              placeholder="选择收款单位"
+              name="payee"
+              width="lg"
+              label="收款单位"
+              options={enumToSelect(PAYEE_OPTIONS)}
+              initialValue={subOrders[0]?.payee}
+              rules={[{ required: true, message: '收款单位必填' }]}
+            />,
-            // <ProFormDigit
-            //   key="money"
-            //   name="money"
-            //   width="lg"
-            //   label="金额"
-            //   rules={[{ required: true, message: '金额必填' }]}
-            // />,
+            <ProFormDigit
+              key="money"
+              name="money"
+              width="lg"
+              label="金额"
+              rules={[{ required: true, message: '金额必填' }]}
+            />,
           ]
         : ''}
 import { RESPONSE_CODE } from '@/constants/enum';
 import {
   postServiceOrderAddOrder,
+  postServiceOrderAfterSalesQuerySnapshotOrder,
   postServiceOrderApplyAfterSales,
   postServiceOrderQueryCustomerNameInformation,
   postServiceOrderQueryProductInformation,
@@ -74,6 +75,8 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
     ];
   }>();
+  let copyData = cloneDeep(data);
+
   let originSubOrders = cloneDeep(subOrders);
   /**
    * 获取当前的操作类型boolean值
@@ -84,18 +87,8 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
   }
   /**
-   *
-   * @returns 获取开票选项
+   * 获取销售代码枚举，在复制和编辑的时候判断是否为旧的代码
    */
-  function getInvoicingSelect() {
-    if (optType('edit')) {
-      return enumToSelect(INVOCING_STATUS_OPTIONS_OLD);
-    }
-    return enumToSelect(INVOCING_STATUS_OPTIONS);
-  }
-
-  const fileList: any = [];
-
   const getSalesCodeOptions = async () => {
     const res = await postServiceOrderQuerySalesCode();
     let options = res.data?.map((item) => {
@@ -107,7 +100,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
       let includeFlag = false;
       //销售代码校验，如果是旧的销售代码，则提示并清空
       for (let option of options) {
-        if (option.value === data.salesCode) {
+        if (option.value === copyData.salesCode) {
           includeFlag = true;
         }
       }
@@ -118,9 +111,94 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
     }
   };
-  useEffect(() => {
+  /**
+   * 构建回显数据
+   */
+  function buildOrderData() {
+    // let mainInfoDisbled = optType('edit');
+    if (!optType('add')) {
+      //如果是复制，需要开票，不回显是否需要开票字段
+      if (optType('copy')) {
+        if (copyData.invoicingStatus === 'INVOICED') {
+          copyData.invoicingStatus = undefined;
+
+          //复制的时候，如果是不需要开票，要把开票信息清空
+          if (copyData.invoicingStatus === 'UN_INVOICE') {
+            copyData.invoiceIdentificationNumber = undefined;
+          }
+        }
+      }
+      //订单修改和新增的子订单列表命名是list
+      copyData.list = copyData.subOrderInformationLists;
+      //主订单事业部默认显示子订单第一条的事业部
+      copyData.productBelongBusiness = copyData.list[0].productBelongBusiness;
+      copyData.paymentMethod = copyData.list[0].paymentMethod;
+      copyData.paymentChannel = copyData.list[0].paymentChannel;
+      copyData.invoicingStatus = copyData.list[0].invoicingStatus;
+
+      copyData.list = copyData.list?.map((item) => {
+        item.filePaths = item.listAnnex?.map((path) => {
+          let i = 0;
+          return {
+            uid: i++,
+            name: getAliYunOSSFileNameFromUrl(path),
+            status: 'uploaded',
+            url: path,
+            response: { data: [path] },
+          };
+        });
+        return item;
+      });
+    }
+
+    if (subOrders !== undefined && subOrders.length > 0) {
+      copyData.list = subOrders;
+    }
+
+    setInvoicingStatus(copyData.invoicingStatus);
+
+    form.setFieldsValue({ ...copyData });
+    //如果是新建，需要清空list
+    if (optType('add')) {
+      form.resetFields(['list']);
+    }
+
     getSalesCodeOptions();
+  }
+
+  async function getOldOrderData(id: any) {
+    let res = await postServiceOrderAfterSalesQuerySnapshotOrder({
+      data: {
+        mainOrderId: id,
+      },
+    });
+
+    console.log(res);
+    copyData = res.data.mainOrder;
+    copyData.subOrderInformationLists = res.data.subOrders;
+    originSubOrders = res.data.subOrders;
+
+    buildOrderData();
+  }
+
+  if (optType('after-sales-check')) {
+    getOldOrderData(data.id);
+  }
+
+  /**
+   *
+   * @returns 获取开票选项
+   */
+  function getInvoicingSelect() {
+    if (optType('edit') || optType('after-sales-check')) {
+      return enumToSelect(INVOCING_STATUS_OPTIONS_OLD);
+    }
+    return enumToSelect(INVOCING_STATUS_OPTIONS);
+  }
+
+  const fileList: any = [];
+  useEffect(() => {
     //弹窗标题
     if (optType('add')) {
       setDrawerTitle('新增订单');
@@ -134,54 +212,10 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
     if (optType('after-sales')) {
       setDrawerTitle('申请售后');
     }
-  }, []);
-
-  useEffect(() => {
-    // 在组件挂载或数据变化时，更新组件状态
-    if (data) {
-      setInvoicingStatus(data.invoicingStatus);
-    }
-  }, [data]);
-
-  // let mainInfoDisbled = optType('edit');
-  if (optType('edit') || optType('copy') || optType('after-sales')) {
-    //如果是复制，需要开票，不回显是否需要开票字段
-    if (optType('copy')) {
-      if (data.invoicingStatus === 'INVOICED') {
-        data.invoicingStatus = undefined;
-      }
+    if (optType('after-sales-check')) {
+      setDrawerTitle('订单信息');
     }
-    //订单修改和新增的子订单列表命名是list
-    data.list = data.subOrderInformationLists;
-    //主订单事业部默认显示子订单第一条的事业部
-    data.productBelongBusiness = data.list[0].productBelongBusiness;
-    data.paymentMethod = data.list[0].paymentMethod;
-    data.paymentChannel = data.list[0].paymentChannel;
-    data.invoicingStatus = data.list[0].invoicingStatus;
-
-    data.list = data.list?.map((item) => {
-      item.filePaths = item.listAnnex?.map((path) => {
-        let i = 0;
-        return {
-          uid: i++,
-          name: getAliYunOSSFileNameFromUrl(path),
-          status: 'uploaded',
-          url: path,
-          response: { data: [path] },
-        };
-      });
-      return item;
-    });
-  }
-
-  //复制的时候，如果是不需要开票，要把开票信息清空
-  if (optType('copy') && data.invoicingStatus === 'UN_INVOICE') {
-    data.invoiceIdentificationNumber = undefined;
-  }
-
-  if (subOrders !== undefined && subOrders.length > 0) {
-    data.list = subOrders;
-  }
+  }, []);
   const actionRef = useRef<
     FormListActionType<{
@@ -189,14 +223,6 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
     }>
   >();
-  useEffect(() => {
-    form.setFieldsValue({ ...data });
-    //如果是新建，需要清空list
-    if (optType('add')) {
-      form.resetFields(['list']);
-    }
-  }, [data]);
-
   /**
    *
    * @param option 商品名称所对应的商品数据
@@ -276,8 +302,30 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         maxWidth: window.innerWidth * 0.8,
         minWidth: 400,
       }}
-      // layout="horizontal"
-      // labelCol={{ span: 8 }}
+      submitter={{
+        render: (props) => {
+          return [
+            <Button
+              key="cancel"
+              onClick={() => {
+                onClose();
+              }}
+            >
+              取消
+            </Button>,
+            <Button
+              key="ok"
+              type="primary"
+              disabled={optType('after-sales-check')}
+              onClick={() => {
+                props.submit();
+              }}
+            >
+              确定
+            </Button>,
+          ];
+        },
+      }}
       form={form}
       autoFocusFirstInput
       drawerProps={{
@@ -393,7 +441,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         placeholder="请输入销售代表"
         rules={[{ required: true, message: '销售代表必填' }]}
         options={salesCodeOptions}
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
       />
       <ProFormSelect
         key="customerName"
@@ -403,6 +451,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         name="customerName"
         // options={options}
         placeholder="请输入收货人"
+        disabled={optType('after-sales-check')}
         rules={[{ required: true, message: '收货人必填' }]}
         onChange={(_, option) => {
           autoFillCustomerInfo(option);
@@ -496,7 +545,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         label="联系方式"
         placeholder="请输入联系方式"
         rules={[{ required: true, message: '联系方式必填' }]}
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
       />
       <ProFormText
         width="lg"
@@ -505,7 +554,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         label="单位"
         placeholder="请输入单位"
         rules={[{ required: true, message: '单位必填' }]}
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
       />
       <ProFormText
         width="lg"
@@ -514,7 +563,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         label="课题组"
         placeholder="请输入课题组"
         rules={[{ required: true, message: '课题组必填' }]}
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
       />
       <ProFormTextArea
         width="lg"
@@ -523,7 +572,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         label="收货地址"
         placeholder="请输入收货地址"
         rules={[{ required: true, message: '收货地址必填' }]}
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
       />
       <div id="total-payment">
         <ProFormDigit
@@ -533,12 +582,14 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
           label="支付总额（￥）"
           rules={[{ required: true, message: '支付总额必填' }]}
           tooltip="点击计算，合计所有子订单金额"
+          disabled={optType('after-sales-check')}
           fieldProps={{
             addonAfter: (
               <Button
                 className="rounded-l-none"
                 type="primary"
                 onClick={computeTotalPayment}
+                disabled={optType('after-sales-check')}
               >
                 计算
               </Button>
@@ -556,7 +607,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         label="支付渠道"
         options={enumToSelect(PAYMENT_CHANNEL_OPTIONS)}
         rules={[{ required: true, message: '支付渠道必填' }]}
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
       />
       <ProFormSelect
         placeholder="请输入支付方式"
@@ -566,7 +617,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         label="支付方式"
         options={enumToSelect(PAYMENT_METHOD_OPTIONS)}
         rules={[{ required: true, message: '支付方式必填' }]}
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
       />
       <ProFormSelect
         placeholder="选择是否需要开票"
@@ -575,7 +626,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         key="invoicingStatus"
         label="是否需要开票"
         options={getInvoicingSelect()}
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
         onChange={(_, option) => {
           setInvoicingStatus(option.value);
           if (option.value === 'UN_INVOICE') {
@@ -591,7 +642,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         name="invoiceIdentificationNumber"
         label="开票信息"
         key="invoiceIdentificationNumber"
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
         hidden={invoicingStatus === 'UN_INVOICE'}
         placeholder="请输入开票信息"
         rules={[
@@ -607,7 +658,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
           width="lg"
           key="invoicingTime"
           name="invoicingTime"
-          // disabled={mainInfoDisbled}
+          disabled={optType('after-sales-check')}
           hidden={invoicingStatus === 'UN_INVOICE'}
           label="开票时间"
           placeholder="请输入开票时间"
@@ -620,7 +671,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         name="bank"
         key="bank"
         label="开户银行"
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
         hidden={invoicingStatus === 'UN_INVOICE'}
         placeholder="请输入开户银行"
       />
@@ -630,7 +681,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         name="bankAccountNumber"
         hidden={invoicingStatus === 'UN_INVOICE'}
         label="银行账号"
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
         placeholder="请输入银行账号"
       />
       <ProFormTextArea
@@ -638,7 +689,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         name="notes"
         label="备注"
         key="notes"
-        // disabled={mainInfoDisbled}
+        disabled={optType('after-sales-check')}
         placeholder="请输入备注"
         rules={[
           {
@@ -650,7 +701,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
       <h2>商品信息</h2>
       <ProFormList
-        creatorButtonProps={{ disabled: false }}
+        creatorButtonProps={{ disabled: optType('after-sales-check') }}
         name="list"
         label=""
         copyIconProps={false} //复制按钮不显示
@@ -714,6 +765,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                   onChange={(_, option) => {
                     autoFillProductInfo(option, listMeta, listMeta.index);
                   }}
+                  disabled={optType('after-sales-check')}
                   fieldProps={{
                     optionItemRender(item) {
                       if (item.type === 'add') {
@@ -804,6 +856,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                   name="parameters"
                   label="商品参数"
                   placeholder="请输入商品参数"
+                  disabled={optType('after-sales-check')}
                   rules={[{ required: true, message: '商品参数必填' }]}
                 />,
                 <ProFormDigit
@@ -818,6 +871,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                     },
                   }}
                   placeholder="请输入商品数量"
+                  disabled={optType('after-sales-check')}
                   rules={[{ required: true, message: '商品数量必填' }]}
                 />,
                 <ProFormDigit
@@ -832,6 +886,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                     },
                   }}
                   placeholder="请输入商品单价"
+                  disabled={optType('after-sales-check')}
                   rules={[{ required: true, message: '商品单价必填' }]}
                 />,
                 <ProFormText
@@ -840,6 +895,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                   name="unit"
                   label="商品单位"
                   placeholder="请输入商品单位"
+                  disabled={optType('after-sales-check')}
                   rules={[{ required: true, message: '商品单位必填' }]}
                 />,
@@ -850,6 +906,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                   label="子订单金额"
                   placeholder="请输入子订单金额"
                   tooltip="商品数量和单价变化后会自动计算子订单金额"
+                  disabled={optType('after-sales-check')}
                   rules={[{ required: true, message: '子订单金额必填' }]}
                 />,
                 <ProFormSelect
@@ -861,12 +918,13 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                   options={enumToSelect(PRODUCT_BELONG_DEPARTMENT_OPTIONS)}
                   initialValue={'EXPERIMENTAL_CONSUMABLES'}
                   rules={[{ required: true, message: '所属事业部必填' }]}
-                  // disabled={mainInfoDisbled}
+                  disabled={optType('after-sales-check')}
                 />,
                 <ProFormTextArea
                   key={'notes' + listMeta.index}
                   width="lg"
                   name="notes"
+                  disabled={optType('after-sales-check')}
                   label={
                     <div>
                       <span>备注</span>
@@ -889,6 +947,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                     label="附件"
                     name="filePaths"
                     action="/api/service/order/fileProcess"
+                    disabled={optType('after-sales-check')}
                     fieldProps={{
                       headers: { Authorization: localStorage.getItem('token') },
                       itemFileList,
@@ -1058,8 +1058,8 @@ const OrderPage = () =&gt; {
                 type="link"
                 onClick={() => {
                   setSelectedRows([optRecord]);
-                  // setOrderDrawerVisible(true);
-                  setAfterSalesDrawerVisible(true);
+                  setOrderDrawerVisible(true);
+                  // setAfterSalesDrawerVisible(true);
                   setOrderRow(record);
                   setOrderOptType('after-sales');
                 }}
@@ -1931,8 +1931,8 @@ const OrderPage = () =&gt; {
                             return;
                           }
                         }
-                        // setOrderDrawerVisible(true);
-                        setAfterSalesDrawerVisible(true);
+                        setOrderDrawerVisible(true);
+                        // setAfterSalesDrawerVisible(true);
                         setOrderRow(record);
                         setOrderOptType('after-sales');
                       }}
@@ -2470,6 +2470,11 @@ const OrderPage = () =&gt; {
           data={orderRow}
           subOrders={selectedRows}
           orderCheckType={orderCheckType}
+          openOrderDrawer={(type: any, id: any) => {
+            setOrderRow({ id: id });
+            setOrderOptType(type);
+            setOrderDrawerVisible(true);
+          }}
           onClose={() => {
             setCheckVisible(false);
             setOrderRow({});
@@ -4775,6 +4775,203 @@ export const postOrderErpUsersUpdatePass = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
+/** @description response type for postServiceBankStatementExportTemplate */
+export interface PostServiceBankStatementExportTemplateResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: any;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostServiceBankStatementExportTemplateResponseSuccess =
+  PostServiceBankStatementExportTemplateResponse[200];
+/**
+ * @description
+ *   下载银行流水模板
+ * @tags 银行流水
+ * @produces *
+ * @consumes application/json
+ */
+export const postServiceBankStatementExportTemplate = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/service/bankStatement/exportTemplate';
+  function request(): Promise<PostServiceBankStatementExportTemplateResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+    }) as unknown as Promise<PostServiceBankStatementExportTemplateResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
+/** @description request parameter type for postServiceBankStatementImportBankStatementForm */
+export interface PostServiceBankStatementImportBankStatementFormOption {
+  /**
+   * @description
+   *   file
+   */
+  formData: {
+    /**
+        @description
+          file */
+    file: File;
+  };
+}
+
+/** @description response type for postServiceBankStatementImportBankStatementForm */
+export interface PostServiceBankStatementImportBankStatementFormResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostServiceBankStatementImportBankStatementFormResponseSuccess =
+  PostServiceBankStatementImportBankStatementFormResponse[200];
+/**
+ * @description
+ *   导入银行流水表格
+ * @tags 银行流水
+ * @produces *
+ * @consumes multipart/form-data
+ */
+export const postServiceBankStatementImportBankStatementForm =
+  /* #__PURE__ */ (() => {
+    const method = 'post';
+    const url = '/service/bankStatement/importBankStatementForm';
+    function request(
+      option: PostServiceBankStatementImportBankStatementFormOption,
+    ): Promise<PostServiceBankStatementImportBankStatementFormResponseSuccess> {
+      return requester(request.url, {
+        method: request.method,
+        ...option,
+      }) as unknown as Promise<PostServiceBankStatementImportBankStatementFormResponseSuccess>;
+    }
+
+    /** http method */
+    request.method = method;
+    /** request url */
+    request.url = url;
+    return request;
+  })();
+
+/** @description request parameter type for postServiceInvoiceDeleteInvoice */
+export interface PostServiceInvoiceDeleteInvoiceOption {
+  /**
+   * @description
+   *   dto
+   */
+  body: {
+    /**
+        @description
+          dto */
+    dto: Dto;
+  };
+}
+
+/** @description response type for postServiceInvoiceDeleteInvoice */
+export interface PostServiceInvoiceDeleteInvoiceResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostServiceInvoiceDeleteInvoiceResponseSuccess =
+  PostServiceInvoiceDeleteInvoiceResponse[200];
+/**
+ * @description
+ *   删除发票
+ * @tags 发票
+ * @produces *
+ * @consumes application/json
+ */
+export const postServiceInvoiceDeleteInvoice = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/service/invoice/deleteInvoice';
+  function request(
+    option: PostServiceInvoiceDeleteInvoiceOption,
+  ): Promise<PostServiceInvoiceDeleteInvoiceResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostServiceInvoiceDeleteInvoiceResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postServiceInvoiceQueryInvoice */
 export interface PostServiceInvoiceQueryInvoiceOption {
   /**
@@ -4988,6 +5185,78 @@ export const postServiceOrderAfterSalesCheck = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
+/** @description request parameter type for postServiceOrderAfterSalesQuerySnapshotOrder */
+export interface PostServiceOrderAfterSalesQuerySnapshotOrderOption {
+  /**
+   * @description
+   *   dto
+   */
+  body: {
+    /**
+        @description
+          dto */
+    dto: Dto;
+  };
+}
+
+/** @description response type for postServiceOrderAfterSalesQuerySnapshotOrder */
+export interface PostServiceOrderAfterSalesQuerySnapshotOrderResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostServiceOrderAfterSalesQuerySnapshotOrderResponseSuccess =
+  PostServiceOrderAfterSalesQuerySnapshotOrderResponse[200];
+/**
+ * @description
+ *   售后查询快照订单
+ * @tags 内部订单
+ * @produces *
+ * @consumes application/json
+ */
+export const postServiceOrderAfterSalesQuerySnapshotOrder =
+  /* #__PURE__ */ (() => {
+    const method = 'post';
+    const url = '/service/order/afterSalesQuerySnapshotOrder';
+    function request(
+      option: PostServiceOrderAfterSalesQuerySnapshotOrderOption,
+    ): Promise<PostServiceOrderAfterSalesQuerySnapshotOrderResponseSuccess> {
+      return requester(request.url, {
+        method: request.method,
+        ...option,
+      }) as unknown as Promise<PostServiceOrderAfterSalesQuerySnapshotOrderResponseSuccess>;
+    }
+
+    /** http method */
+    request.method = method;
+    /** request url */
+    request.url = url;
+    return request;
+  })();
+
 /** @description request parameter type for postServiceOrderApplyAfterSales */
 export interface PostServiceOrderApplyAfterSalesOption {
   /**