feat: 新增发票功能开发

曾国涛
1 parent de64c07c
Showing 6 changed files with 851 additions and 3 deletions
.idea/inspectionProfiles/Project_Default.xml
src/pages/Invoice/components/AddInvoiceDrawerForm.tsx
src/pages/Invoice/index.tsx
src/pages/Order/index.tsx
src/services/definition.ts
src/services/request.ts
 <component name="InspectionProjectProfileManager">
   <profile version="1.0">
     <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
     <inspection_tool class="Stylelint" enabled="true" level="ERROR" enabled_by_default="true" />
   </profile>
 </component>
 \ No newline at end of file
+import { RESPONSE_CODE } from '@/constants/enum';
+import { postServiceInvoiceAddInvoice } from '@/services';
+import { PlusOutlined } from '@ant-design/icons';
+import {
+  DrawerForm,
+  ProFormDateTimePicker,
+  ProFormGroup,
+  ProFormList,
+  ProFormMoney,
+  ProFormSelect,
+  ProFormText,
+  ProFormTextArea,
+} from '@ant-design/pro-components';
+import { Button, Form, message } from 'antd';
+
+export default ({ onClose }) => {
+  const [form] = Form.useForm<{
+    invoiceNumber: '';
+    invoiceStatus: '';
+    purchaser: '';
+    payee: '';
+    contacts: '';
+    sale: '';
+    invoicingTime: '';
+    notes: '';
+    mainOrderIdObjs: [
+      {
+        mainOrderId: '';
+      },
+    ];
+    money: '';
+  }>();
+
+  return (
+    <DrawerForm<{
+      invoiceNumber: string;
+      invoiceStatus: string;
+      purchaser: string;
+      payee: string;
+      contacts: string;
+      sale: string;
+      invoicingTime: Date;
+      notes: string;
+      mainOrderIdObjs: [
+        {
+          mainOrderId: string;
+        },
+      ];
+      money: string;
+    }>
+      title="新增开票"
+      resize={{
+        onResize() {
+          console.log('resize!');
+        },
+        maxWidth: window.innerWidth * 0.8,
+        minWidth: 400,
+      }}
+      form={form}
+      trigger={
+        <Button type="primary">
+          <PlusOutlined />
+          新增
+        </Button>
+      }
+      autoFocusFirstInput
+      drawerProps={{
+        destroyOnClose: true,
+      }}
+      submitTimeout={2000}
+      onFinish={async (values) => {
+        console.log(values);
+        const mainOrderIds = values.mainOrderIdObjs.flatMap(
+          (item) => item.mainOrderId,
+        );
+        let attrs = { ...values, mainOrderIds };
+        let res = await postServiceInvoiceAddInvoice({
+          data: { ...attrs },
+        });
+        if (res.result === RESPONSE_CODE.SUCCESS) {
+          message.success(res.message);
+          return true;
+        } else {
+          message.error(res.message);
+        }
+        onClose();
+        // 不返回不会关闭弹框
+        return true;
+      }}
+    >
+      <ProFormText
+        name="invoiceNumber"
+        width="md"
+        label="发票号码"
+        placeholder="请输入名称"
+        rules={[{ required: true, message: '请输入名称!' }]}
+      />
+      <ProFormSelect
+        name="invoiceStatus"
+        label="发票类型"
+        valueEnum={{
+          china: 'China',
+          usa: 'U.S.A',
+        }}
+        rules={[{ required: true, message: '请选择发票类型!' }]}
+      />
+      <ProFormText
+        name="purchaser"
+        width="md"
+        label="购买方"
+        placeholder="请输入购买方"
+        rules={[{ required: true, message: '请输入购买方!' }]}
+      />
+      <ProFormText
+        name="payee"
+        width="md"
+        label="收款单位"
+        placeholder="请输入收款单位"
+        rules={[{ required: true, message: '请输入收款单位!' }]}
+      />
+      <ProFormText
+        name="contacts"
+        width="md"
+        label="联系人"
+        placeholder="请输入联系人"
+        rules={[{ required: true, message: '请输入联系人!' }]}
+      />
+      <ProFormText
+        name="sale"
+        width="md"
+        label="销售"
+        placeholder="请输入销售"
+        rules={[{ required: true, message: '请输入销售!' }]}
+      />
+      <ProFormDateTimePicker
+        name="invoicingTime"
+        label="开票时间"
+        fieldProps={{
+          format: (value) => value.format('YYYY-MM-DD'),
+        }}
+        rules={[{ required: true, message: '请输入开票时间!' }]}
+      />
+      <ProFormTextArea name="notes" label="备注" placeholder="请输入名称" />
+      <ProFormList
+        name="mainOrderIdObjs"
+        label="订单号"
+        min={1}
+        deleteIconProps={{
+          tooltipText: '删除',
+        }}
+        initialValue={[
+          {
+            mainOrderId: '',
+          },
+        ]}
+      >
+        <ProFormGroup key="group">
+          <ProFormText
+            rules={[{ required: true, message: '请输入关联订单!' }]}
+            name="mainOrderId"
+          />
+        </ProFormGroup>
+      </ProFormList>
+      <ProFormMoney
+        label="金额"
+        name="money"
+        customSymbol="￥"
+        min={0}
+        rules={[{ required: true, message: '请输入金额!' }]}
+      />
+    </DrawerForm>
+  );
+};
 import ButtonConfirm from '@/components/ButtomConfirm';
 import EllipsisDiv from '@/components/Div/EllipsisDiv';
 import { RESPONSE_CODE } from '@/constants/enum';
+import AddInvoiceDrawerForm from '@/pages/Invoice/components/AddInvoiceDrawerForm';
 import {
   BANK_STATEMENT_COLUMNS,
   INVOICE_COLUMNS,
@@ -338,6 +339,15 @@ const InvoicePage = () =&gt; {
           dateFormatter="string"
           headerTitle="发票列表"
           scroll={{ x: 1400, y: 360 }}
+          toolBarRender={() => [
+            <AddInvoiceDrawerForm
+              key="addInvoiceDrawerForm"
+              onClose={() => {
+                invoiceActionRef.current?.reload();
+                bankActionRef.current?.reload();
+              }}
+            ></AddInvoiceDrawerForm>,
+          ]}
         />
       ),
     },
@@ -2047,6 +2047,41 @@ const OrderPage = () =&gt; {
         ) : (
           ''
         )}
+
+        {isAdmin() || isSales() || isFinance() ? (
+          <Flex title={optRecord.notes} className="pt-2">
+            <div className="flex items-center">
+              <div className="flex items-center max-w-[500px]">
+                <div className="max-w-md overflow-hidden whitespace-no-wrap overflow-ellipsis">
+                  <Tooltip title={optRecord.reissueNotes} placement="topLeft">
+                    <span className="text-[#8C8C8C]">
+                      重新开票备注：
+                      {optRecord.reissueNotes === undefined ||
+                      optRecord.reissueNotes === null
+                        ? '暂无备注'
+                        : optRecord.reissueNotes}
+                    </span>
+                  </Tooltip>
+                </div>
+
+                <Tooltip title="编辑">
+                  <EditTwoTone
+                    className="pl-1 hover:curcor-pointer"
+                    onClick={() => {
+                      setNotesEditVisible(true);
+                      setSelectedRows([optRecord.id]);
+                      setNotes(optRecord.reissueNotes);
+                      setNotesType(5);
+                    }}
+                  />
+                </Tooltip>
+              </div>
+              <Divider type="vertical" className="mx-5" />
+            </div>
+          </Flex>
+        ) : (
+          ''
+        )}
       </>
     );
   };
@@ -500,6 +500,12 @@ export interface ApiQueryOrderStatusCountsRequest {
 }
 export interface AuditDto {
+  /**
+   * @description
+   *   主订单id
+   * @format int64
+   */
+  mainOrderId?: number;
   notes?: string;
   /**
    * @description
@@ -854,6 +860,94 @@ export interface InventoryMaterialStockReq {
   materialId?: string;
 }
+export interface InvoiceDto {
+  /**
+   * @description
+   *   收款时间
+   * @format date-time
+   */
+  collectionTime?: string;
+  /**
+   * @description
+   *   联系人
+   */
+  contacts?: string;
+  /**
+   * @description
+   *   id
+   * @format int64
+   */
+  id?: number;
+  /**
+   * @description
+   *   发票号码
+   */
+  invoiceNumber?: string;
+  /**
+   * @description
+   *   发票类型
+   */
+  invoiceStatus?: string;
+  /**
+   * @description
+   *   开票日期
+   * @format date-time
+   */
+  invoicingTime?: string;
+  /**
+   * @description
+   *   关联主订单id
+   */
+  mainOrderIds?: Array<number>;
+  /**
+   * @description
+   *   金额
+   * @format int64
+   */
+  money?: number;
+  /**
+   * @description
+   *   备注
+   */
+  notes?: string;
+  /**
+   * @description
+   *   收款单位
+   */
+  payee?: string;
+  /**
+   * @description
+   *   购买方
+   */
+  purchaser?: string;
+  /**
+   * @description
+   *   销售
+   */
+  sale?: string;
+  /**
+   * @description
+   *   状态
+   */
+  status?: string;
+}
+
+export interface InvoiceRecordQueryRequest {
+  /** @format date */
+  createTimeGe?: string;
+  /** @format date */
+  createTimeLe?: string;
+  /** @format int32 */
+  pageNumber?: number;
+  /** @format int32 */
+  pageSize?: number;
+  /**
+   * @description
+   *   用户id
+   */
+  uid?: string;
+}
+
 export interface Item {
   billDate?: string;
   billNo?: string;
@@ -867,6 +961,20 @@ export interface ItemSaItem {
   itemValue?: string;
 }
+export interface MainOrderqueryRequest {
+  afterInvoicingStatusIsNull?: boolean;
+  orderStatusNotIn?: Array<string>;
+  /** @format int32 */
+  pageNumber?: number;
+  /** @format int32 */
+  pageSize?: number;
+  /**
+   * @description
+   *   用户id
+   */
+  uid?: string;
+}
+
 export interface MaterialListReply {
   count?: string;
   /** @format int32 */
@@ -1529,8 +1637,6 @@ export interface QueryReportFormsDto {
 export interface ReissueInvoiceDto {
   /** @format int64 */
   invoiceId?: number;
-  invoiceNumber?: string;
-  mainOrderIds?: Array<number>;
   notes?: string;
 }
@@ -1984,6 +2090,101 @@ export interface SalesRechargePrepaymentUpdateRequest {
   salesCode?: string;
 }
+/**
+ * @description
+ *   开票添加对象
+ */
+export interface StoreOrderInvoiceRequest {
+  /**
+   * @description
+   *   开票备注
+   */
+  comment?: string;
+  /**
+   * @description
+   *   开票内容
+   */
+  content?: string;
+  /**
+   * @description
+   *   创建时间
+   * @format date-time
+   */
+  createTime?: string;
+  /**
+   * @description
+   *   关联订单id
+   */
+  orderIdList?: Array<number>;
+  /**
+   * @description
+   *   买方注册地址
+   */
+  partyAAddress?: string;
+  /**
+   * @description
+   *   买方开户行账号
+   */
+  partyABankAccount?: string;
+  /**
+   * @description
+   *   买方名称
+   */
+  partyAName?: string;
+  /**
+   * @description
+   *   买方开户行
+   */
+  partyAOpenBank?: string;
+  /**
+   * @description
+   *   买方电话号码
+   */
+  partyAPhoneNumber?: string;
+  /**
+   * @description
+   *   买方税号
+   */
+  partyATaxid?: string;
+  /**
+   * @description
+   *   抬头类型
+   */
+  partyAType?: string;
+  /**
+   * @description
+   *   卖方名称
+   */
+  partyBName?: string;
+  /**
+   * @description
+   *   发票金额
+   * @format double
+   */
+  price?: number;
+  /**
+   * @description
+   *   接收邮箱地址
+   */
+  receiveEmail?: string;
+  /**
+   * @description
+   *   发票类型
+   */
+  type?: string;
+  /**
+   * @description
+   *   用户id
+   */
+  uid?: string;
+  /**
+   * @description
+   *   更新时间
+   * @format date-time
+   */
+  updateTime?: string;
+}
+
 export interface UploadPaymentReceiptDTO {
   /**
    * @description
@@ -41,6 +41,9 @@ import type {
   DictionaryVO,
   Dto,
   InventoryMaterialStockReq,
+  InvoiceDto,
+  InvoiceRecordQueryRequest,
+  MainOrderqueryRequest,
   MaterialListReply,
   MaterialMaterialListReq,
   MaterialStockRes,
@@ -79,6 +82,7 @@ import type {
   SaveReply,
   ServerResult,
   ShippingWarehouseChangeDto,
+  StoreOrderInvoiceRequest,
   SysLogQueryVO,
   SystemCustomFieldReq,
   ToProcureAuditDto,
@@ -475,6 +479,148 @@ export const postApiOrderCreateOrder = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
+/** @description request parameter type for postApiOrderInvoicedOrderList */
+export interface PostApiOrderInvoicedOrderListOption {
+  /**
+   * @description
+   *   request
+   */
+  body: {
+    /**
+        @description
+          request */
+    request: MainOrderqueryRequest;
+  };
+}
+
+/** @description response type for postApiOrderInvoicedOrderList */
+export interface PostApiOrderInvoicedOrderListResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostApiOrderInvoicedOrderListResponseSuccess =
+  PostApiOrderInvoicedOrderListResponse[200];
+/**
+ * @description
+ *   获取已开票订单
+ * @tags 内部订单
+ * @produces *
+ * @consumes application/json
+ */
+export const postApiOrderInvoicedOrderList = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/api/order/invoicedOrderList';
+  function request(
+    option: PostApiOrderInvoicedOrderListOption,
+  ): Promise<PostApiOrderInvoicedOrderListResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostApiOrderInvoicedOrderListResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
+/** @description request parameter type for postApiOrderInvoicedRecordList */
+export interface PostApiOrderInvoicedRecordListOption {
+  /**
+   * @description
+   *   request
+   */
+  body: {
+    /**
+        @description
+          request */
+    request: InvoiceRecordQueryRequest;
+  };
+}
+
+/** @description response type for postApiOrderInvoicedRecordList */
+export interface PostApiOrderInvoicedRecordListResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostApiOrderInvoicedRecordListResponseSuccess =
+  PostApiOrderInvoicedRecordListResponse[200];
+/**
+ * @description
+ *   获取开票记录
+ * @tags 内部订单
+ * @produces *
+ * @consumes application/json
+ */
+export const postApiOrderInvoicedRecordList = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/api/order/invoicedRecordList';
+  function request(
+    option: PostApiOrderInvoicedRecordListOption,
+  ): Promise<PostApiOrderInvoicedRecordListResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostApiOrderInvoicedRecordListResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postApiOrderQueryOrderDetail */
 export interface PostApiOrderQueryOrderDetailOption {
   /**
@@ -688,6 +834,148 @@ export const postApiOrderQueryServiceOrder = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
+/** @description request parameter type for postApiOrderStoreApplyInvoice */
+export interface PostApiOrderStoreApplyInvoiceOption {
+  /**
+   * @description
+   *   request
+   */
+  body: {
+    /**
+        @description
+          request */
+    request: StoreOrderInvoiceRequest;
+  };
+}
+
+/** @description response type for postApiOrderStoreApplyInvoice */
+export interface PostApiOrderStoreApplyInvoiceResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostApiOrderStoreApplyInvoiceResponseSuccess =
+  PostApiOrderStoreApplyInvoiceResponse[200];
+/**
+ * @description
+ *   商城申请开票
+ * @tags 内部订单
+ * @produces *
+ * @consumes application/json
+ */
+export const postApiOrderStoreApplyInvoice = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/api/order/storeApplyInvoice';
+  function request(
+    option: PostApiOrderStoreApplyInvoiceOption,
+  ): Promise<PostApiOrderStoreApplyInvoiceResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostApiOrderStoreApplyInvoiceResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
+/** @description request parameter type for postApiOrderWaitInvoiceOrderList */
+export interface PostApiOrderWaitInvoiceOrderListOption {
+  /**
+   * @description
+   *   request
+   */
+  body: {
+    /**
+        @description
+          request */
+    request: MainOrderqueryRequest;
+  };
+}
+
+/** @description response type for postApiOrderWaitInvoiceOrderList */
+export interface PostApiOrderWaitInvoiceOrderListResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostApiOrderWaitInvoiceOrderListResponseSuccess =
+  PostApiOrderWaitInvoiceOrderListResponse[200];
+/**
+ * @description
+ *   获取可开票订单
+ * @tags 内部订单
+ * @produces *
+ * @consumes application/json
+ */
+export const postApiOrderWaitInvoiceOrderList = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/api/order/waitInvoiceOrderList';
+  function request(
+    option: PostApiOrderWaitInvoiceOrderListOption,
+  ): Promise<PostApiOrderWaitInvoiceOrderListResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostApiOrderWaitInvoiceOrderListResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postCanrdApiUserDetail */
 export interface PostCanrdApiUserDetailOption {
   /**
@@ -6415,6 +6703,77 @@ export const postOrderErpUsersUpdatePass = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
+/** @description request parameter type for postOrderImportImportWeightAndVolume */
+export interface PostOrderImportImportWeightAndVolumeOption {
+  /**
+   * @description
+   *   file
+   */
+  formData: {
+    /**
+        @description
+          file */
+    file: File;
+  };
+}
+
+/** @description response type for postOrderImportImportWeightAndVolume */
+export interface PostOrderImportImportWeightAndVolumeResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostOrderImportImportWeightAndVolumeResponseSuccess =
+  PostOrderImportImportWeightAndVolumeResponse[200];
+/**
+ * @description
+ *   导入重量和体积
+ * @tags 导入
+ * @produces *
+ * @consumes multipart/form-data
+ */
+export const postOrderImportImportWeightAndVolume = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/order/import/importWeightAndVolume';
+  function request(
+    option: PostOrderImportImportWeightAndVolumeOption,
+  ): Promise<PostOrderImportImportWeightAndVolumeResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostOrderImportImportWeightAndVolumeResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postPrepaidAudit */
 export interface PostPrepaidAuditOption {
   /**
@@ -7107,6 +7466,77 @@ export const postServiceBankStatementQueryBankStatement =
     return request;
   })();
+/** @description request parameter type for postServiceInvoiceAddInvoice */
+export interface PostServiceInvoiceAddInvoiceOption {
+  /**
+   * @description
+   *   dto
+   */
+  body: {
+    /**
+        @description
+          dto */
+    dto: InvoiceDto;
+  };
+}
+
+/** @description response type for postServiceInvoiceAddInvoice */
+export interface PostServiceInvoiceAddInvoiceResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostServiceInvoiceAddInvoiceResponseSuccess =
+  PostServiceInvoiceAddInvoiceResponse[200];
+/**
+ * @description
+ *   添加发票
+ * @tags 发票
+ * @produces *
+ * @consumes application/json
+ */
+export const postServiceInvoiceAddInvoice = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/service/invoice/addInvoice';
+  function request(
+    option: PostServiceInvoiceAddInvoiceOption,
+  ): Promise<PostServiceInvoiceAddInvoiceResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostServiceInvoiceAddInvoiceResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postServiceInvoiceCancelInvoiceAndBankStatement */
 export interface PostServiceInvoiceCancelInvoiceAndBankStatementOption {
   /**