feat: update 申请开票

zhongnanhuang
1 parent f677cef7
Showing 2 changed files with 139 additions and 0 deletions
src/pages/Order/components/ApplyForInvoicingModal.tsx
src/pages/Order/index.tsx
+import { RESPONSE_CODE } from '@/constants/enum';
+import { postServiceOrderApplyInvoicing } from '@/services';
+import {
+  ModalForm,
+  ProFormTextArea,
+  ProFormUploadDragger,
+} from '@ant-design/pro-components';
+import { Form, message } from 'antd';
+export default ({ setCheckVisible, subOrders, onClose }) => {
+  const [form] = Form.useForm<{
+    applyInvoicingNotes: string;
+    filePaths: any;
+    subIds: any[];
+  }>();
+  let subOrderIds = subOrders?.map((subOrder) => subOrder.id);
+
+  return (
+    <ModalForm<{
+      applyInvoicingNotes: string;
+      filePaths: any;
+      subIds: any[];
+    }>
+      width={500}
+      open
+      title="申请开票"
+      form={form}
+      autoFocusFirstInput
+      modalProps={{
+        okText: '确认',
+        cancelText: '取消',
+        destroyOnClose: true,
+        onCancel: () => {
+          setCheckVisible(false);
+        },
+      }}
+      submitter={{
+        render: (props, defaultDoms) => {
+          return defaultDoms;
+        },
+      }}
+      submitTimeout={2000}
+      onFinish={async (values) => {
+        values.subIds = subOrderIds;
+        //附件处理
+        values.filePaths = values.filePaths?.map((item) => {
+          return { url: item.response.data[0] };
+        });
+
+        const res = await postServiceOrderApplyInvoicing({ data: values });
+        if ((res.result = RESPONSE_CODE.SUCCESS)) {
+          message.success(res.message);
+          onClose();
+        }
+      }}
+      onOpenChange={setCheckVisible}
+    >
+      <div>如果需要合并订单，请将需要合并的订单id写在备注中。</div>
+      <ProFormTextArea
+        width="lg"
+        name="applyInvoicingNotes"
+        placeholder="请输入备注"
+      />
+      <ProFormUploadDragger
+        key="2"
+        label="附件"
+        name="filePaths"
+        action="/api/service/order/fileProcess"
+        fieldProps={{
+          headers: { Authorization: localStorage.getItem('token') },
+        }}
+      />
+    </ModalForm>
+  );
+};
@@ -41,6 +41,7 @@ import { cloneDeep } from &#39;lodash&#39;;
 import { Key, useRef, useState } from 'react';
 import OrderPrintModal from '../OrderPrint/OrderPrintModal';
 import AfterSalesDrawer from './components/AfterSalesDrawer';
+import ApplyForInvoicingModal from './components/ApplyForInvoicingModal';
 import AttachmentModal from './components/AttachmentModal';
 import CheckModal from './components/CheckModal';
 import ConfirmReceiptModal from './components/ConfirmReceiptModal';
@@ -89,6 +90,8 @@ const OrderPage = () =&gt; {
   const [isSendProduct, setIsSendProduct] = useState<boolean>(false);
   const [isMainOrder, setIsMainOrder] = useState<boolean>(false);
   const [importModalVisible, setImportModalVisible] = useState<boolean>(false);
+  const [applyForInvoicingVisible, setApplyForInvoicingVisible] =
+    useState<boolean>(false);
   const [procureCheckModalVisible, setProcureCheckModalVisible] =
     useState<boolean>(false);
   const [confirmReceiptVisible, setConfirmReceiptVisible] =
@@ -687,6 +690,22 @@ const OrderPage = () =&gt; {
           ) : (
             ''
           )}
+
+          {optRecord.subPath?.includes('applyInvoicing') ? (
+            <Button
+              className="p-0"
+              type="link"
+              onClick={() => {
+                setApplyForInvoicingVisible(true);
+                setSelectedRows([optRecord]);
+              }}
+            >
+              申请开票
+            </Button>
+          ) : (
+            ''
+          )}
+
           {optRecord.subPath?.includes('checkOrder') ? (
             <Button
               className="p-0"
@@ -1218,6 +1237,40 @@ const OrderPage = () =&gt; {
                   ) : (
                     ''
                   )}
+
+                  {record.mainPath?.includes('applyInvoicing') ? (
+                    <Button
+                      type="link"
+                      className="p-0"
+                      onClick={() => {
+                        let selectedSubOrders = selectedRowObj[record.id];
+                        if (selectedSubOrders === undefined) {
+                          selectedSubOrders = record.subOrderInformationLists;
+                        }
+
+                        setSelectedRows(selectedSubOrders);
+                        for (let i = 0; i < selectedSubOrders.length; i++) {
+                          if (
+                            selectedSubOrders[i].invoicingStatus ===
+                              'UN_INVOICE' ||
+                            selectedSubOrders[i].afterInvoicingStatus ===
+                              'APPLY_FOR_INVOICING'
+                          ) {
+                            message.error(
+                              '请选择需要开票且未申请开票的子订单进行申请',
+                            );
+                            return;
+                          }
+                        }
+                        setApplyForInvoicingVisible(true);
+                      }}
+                    >
+                      申请开票
+                    </Button>
+                  ) : (
+                    ''
+                  )}
+
                   {record.mainPath?.includes('updateOrder') ? (
                     <Button
                       className="p-0"
@@ -1811,6 +1864,18 @@ const OrderPage = () =&gt; {
         />
       )}
+      {applyForInvoicingVisible && (
+        <ApplyForInvoicingModal
+          setCheckVisible={setApplyForInvoicingVisible}
+          subOrders={selectedRows}
+          onClose={() => {
+            setApplyForInvoicingVisible(false);
+            setSelectedRows({});
+            refreshTable();
+          }}
+        />
+      )}
+
       {notesEditVisible && (
         <OrderNotesEditModal
           setNotesEditVisible={setNotesEditVisible}