세금계산서 수정

src/entities/vat-return/model/types.ts

@@ -130,13 +130,17 @@ export interface VatReturnTaxInvoiceParams {
   taxInvoiceNumber: string;
 }
 export interface VatReturnTaxInvoiceResponse {
+  managementNumber?: string | number | null;
+  approvalNumber?: string | number | null;
   supplierInfo?: SupplierInfo;
   recipientInfo?: RecipientInfo;
   issueDate?: string;
   supplyAmount?: number;
   taxAmount?: number;
   totalAmount?: number;
+  remark?: string | null;
   transactionDetails?: TransactionDetails;
+  paymentInfo?: PaymentInfo;
 };
 
 export interface SupplierInfo {
@@ -166,6 +170,12 @@ export interface TransactionDetails {
   taxAmount: number;
   remarks: string;
 };
+export interface PaymentInfo {
+  cash?: number | null;
+  check?: number | null;
+  promissoryNote?: number | null;
+  accountsReceivable?: number | null;
+};
 export interface VatReturnDownloadExcelParams {
   email: string;
   mid: string;

src/entities/vat-return/ui/section/amount-section.tsx

@@ -1,6 +1,6 @@
 import moment from 'moment';
 import { useTranslation } from 'react-i18next';
-import { RecipientInfo, SupplierInfo, TransactionDetails, VatReturnDetailResponse, VatReturnTaxInvoiceParams, VatReturnTaxInvoiceResponse, VatReturnTaxInvoiceSendEmailParams, VatReturnTaxInvoiceSendEmailResponse } from '../../model/types';
+import { PaymentInfo, RecipientInfo, SupplierInfo, TransactionDetails, VatReturnDetailResponse, VatReturnTaxInvoiceParams, VatReturnTaxInvoiceResponse, VatReturnTaxInvoiceSendEmailParams, VatReturnTaxInvoiceSendEmailResponse } from '../../model/types';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import SlideDown from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
@@ -26,13 +26,17 @@ export const AmountSection = ({
 
   const [taxInvoiceSampleOn, setTaxInvoiceSampleOn] = useState<boolean>(false);
 
+  const [managementNumber, setManagementNumber] = useState<string | number | null>();
+  const [approvalNumber, setApprovalNumber] = useState<string | number | null>();
   const [supplierInfo, setSupplierInfo] = useState<SupplierInfo>();
   const [recipientInfo, setRecipientInfo] = useState<RecipientInfo>();
   const [issueDate, setIssueDate] = useState<string>();
   const [supplyAmount, setSupplyAmount] = useState<number>();
   const [taxAmount, setTaxAmount] = useState<number>();
   const [totalAmount, setTotalAmount] = useState<number>();
+  const [remark, setRemark] = useState<string | null>();
   const [transactionDetails, setTransactionDetails] = useState<TransactionDetails>();
+  const [paymentInfo, setPaymentInfo] = useState<PaymentInfo>();
   
   const { mutateAsync: vatReturnTaxInvoice } = useVatReturnTaxInvoiceMutation();
   const { mutateAsync: vatReturnTaxInvoiceSendEmail } = useVatReturnTaxInvoiceSendEmailMutation();
@@ -72,13 +76,17 @@ export const AmountSection = ({
       };
       vatReturnTaxInvoice(params).then((rs: VatReturnTaxInvoiceResponse) => {
 
+        setManagementNumber(rs?.managementNumber);
+        setApprovalNumber(rs?.approvalNumber);
         setSupplierInfo(rs?.supplierInfo);
         setRecipientInfo(rs?.recipientInfo);
         setIssueDate(rs?.issueDate);
         setSupplyAmount(rs?.supplyAmount);
         setTaxAmount(rs?.taxAmount);
         setTotalAmount(rs?.totalAmount);
+        setRemark(rs?.remark);
         setTransactionDetails(rs?.transactionDetails);
+        setPaymentInfo(rs?.paymentInfo);
 
         setTaxInvoiceSampleOn(true);
       });
@@ -155,13 +163,17 @@ export const AmountSection = ({
         <TaxInvoiceSample
           taxInvoiceSampleOn={ taxInvoiceSampleOn }
           setTaxInvoiceSampleOn={ setTaxInvoiceSampleOn }
+          managementNumber={ managementNumber }
+          approvalNumber={ approvalNumber }
           supplierInfo={ supplierInfo }
           recipientInfo={ recipientInfo }
           issueDate={ issueDate }
           supplyAmount={ supplyAmount }
           taxAmount={ taxAmount }
           totalAmount={ totalAmount }
+          remark={ remark }
           transactionDetails={ transactionDetails }
+          paymentInfo={ paymentInfo }
         ></TaxInvoiceSample>
       }
     </>