@things-factory/tax-invoice 7.0.1-alpha.4 → 7.0.1-alpha.9

package/client/pages/tax-invoice-send/tax-invoice-send-page.ts

@@ -85,7 +85,7 @@ interface TaxInvoice {
   paymentAmountPromissoryNote?: number
   paymentAmountAccountsReceivable?: number
   supplyAmount: number
-  taxAmount?: number
+  taxAmount: number
   totalAmount: number
   // revisedReason?: RevisedReason
 }
@@ -146,7 +146,8 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
       input[type='date'] {
         width: auto;
       }
-      input[readonly] {
+      input[readonly],
+      input:disabled {
         background-color: #eee;
       }
 
@@ -375,21 +376,26 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
 
   // 오늘 날짜 YYYY-MM-DD 형식으로 뽑기
   private today: string = new Intl.DateTimeFormat('fr-CA', { timeZone: 'Asia/Seoul' }).format(new Date())
+  private isTaxFree = false
 
-  @state() supplier: Supplier = {
+  private defaultSupplier = {
     supplierBusinessRegistrationCategory: '01',
     supplierBusinessRegistrationNumber: '',
     supplierBranchIdentification: '',
     supplierBusinessName: '',
     supplierRepresentativeName: ''
   }
-  @property({ type: Object }) buyer: Buyer = {
+  @state() supplier: Supplier = this.defaultSupplier
+
+  private defaultBuyer = {
     buyerBusinessRegistrationCategory: BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER,
     buyerBusinessRegistrationNumber: '',
     buyerBusinessName: '',
     buyerRepresentativeName: ''
   }
-  @property({ type: Object }) taxInvoice: TaxInvoice = {
+  @property({ type: Object }) buyer: Buyer = this.defaultBuyer
+
+  private defaultTaxInvoice = {
     invoiceType: InvoiceType.TAX_INVOICE,
     category: Category.EXPORT,
     issueDate: this.today,
@@ -398,6 +404,7 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
     taxAmount: 0,
     totalAmount: 0
   }
+  @property({ type: Object }) taxInvoice: TaxInvoice = this.defaultTaxInvoice
 
   private defaultTaxInvoiceItem = {
     sequence: new Date().getTime(), // 구분용 임시 값 (중복되면 안되니 생성 마다 넣어주기)
@@ -437,11 +444,19 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
             <th>${i18next.t('field.short invoice type')}</th>
             <td>
               ${Object.keys(SHORT_INVOICE_TYPE['TAX_INVOICE']).map(key => {
-                const disabled: boolean = key !== InvoiceType.TAX_INVOICE
+                const disabled: boolean = key !== InvoiceType.TAX_INVOICE && key !== InvoiceType.SMALL_BUSINESS_TAX_INVOICE
                 const checked: boolean = key === InvoiceType.TAX_INVOICE
                 return html`
                   <label for="${'tax_' + key}">${SHORT_INVOICE_TYPE['TAX_INVOICE'][key]}</label>
-                  <input type="radio" id="${'tax_' + key}" value="${key}" name="invoiceType" ?checked=${checked} ?disabled=${disabled} />
+                  <input
+                    type="radio"
+                    id="${'tax_' + key}"
+                    .value="${key}"
+                    name="invoiceType"
+                    ?checked=${checked}
+                    ?disabled=${disabled}
+                    @change=${this._onInputTaxInvoice}
+                  />
                 `
               })}
             </td>
@@ -613,22 +628,30 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
             </tr>
 
             ${this.taxInvoiceItems.map(
-              (item, idx) =>
-                html`
-                  <tr>
-                    <input type="hidden" name="sequence" value=${item.sequence} />
-                    <td>${this.taxInvoice.issueDate.split('-')[1]}</td>
-                    <td><input type="text" numeric maxlength="2" name="supplyDate" @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" name="itemName" .value=${item.itemName} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" name="specification" .value=${item.specification} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" numeric name="quantity" .value=${this._numberFormat(item.quantity)} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" numeric name="unitPrice" .value=${this._numberFormat(item.unitPrice)} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" readonly name="supplyPrice" .value=${this._numberFormat(item.supplyPrice)} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" readonly name="taxPrice" .value=${this._numberFormat(item.taxPrice)} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" name="remark" .value=${item.remark || ''} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><button class="btn-delete" @click=${e => this._onRemoveInvoiceItem(e, item.sequence)}>삭제</button></td>
-                  </tr>
-                `
+              (item, idx) => html`
+                <tr>
+                  <input type="hidden" name="sequence" value=${item.sequence} />
+                  <td>${this.taxInvoice.issueDate.split('-')[1]}</td>
+                  <td><input type="text" numeric maxlength="2" name="supplyDate" @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><input type="text" name="itemName" .value=${item.itemName} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><input type="text" name="specification" .value=${item.specification} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><input type="text" numeric name="quantity" .value=${this._numberFormat(item.quantity)} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><input type="text" numeric name="unitPrice" .value=${this._numberFormat(item.unitPrice)} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><input type="text" numeric name="supplyPrice" .value=${this._numberFormat(item.supplyPrice)} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td>
+                    <input
+                      type="text"
+                      numeric
+                      name="taxPrice"
+                      .value=${this._numberFormat(item.taxPrice)}
+                      @input=${e => this._onInputItem(e, idx)}
+                      .disabled=${this.isTaxFree}
+                    />
+                  </td>
+                  <td><input type="text" name="remark" .value=${item.remark || ''} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><button class="btn-delete" @click=${e => this._onRemoveInvoiceItem(e, item.sequence)}>삭제</button></td>
+                </tr>
+              `
             )}
           </table>
         </div>
@@ -739,7 +762,7 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
     }
   }
 
-  async _sendTaxInvoice(num: string) {
+  async _sendTaxInvoice() {
     // 아이템 시퀀스 재 할당 + 날짜, 품목, 규격, 수량이 없으면 필터
     let taxInvoiceItems = this.taxInvoiceItems.map((item, idx) => ({ ...item, sequence: idx + 1, quantity: Number(item.quantity), unitPrice: Number(item.unitPrice) }))
     taxInvoiceItems = taxInvoiceItems.filter(item => item.supplyDate && item.itemName && item.quantity && item.unitPrice)
@@ -750,6 +773,10 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
     taxInvoice.paymentAmountCheck = Number(taxInvoice.paymentAmountCheck || 0)
     taxInvoice.paymentAmountPromissoryNote = Number(taxInvoice.paymentAmountPromissoryNote || 0)
     taxInvoice.paymentAmountAccountsReceivable = Number(taxInvoice.paymentAmountAccountsReceivable || 0)
+    taxInvoice.supplyAmount = Number(taxInvoice.supplyAmount || 0)
+    taxInvoice.taxAmount = Number(taxInvoice.taxAmount || 0)
+    taxInvoice.buyerBusinessRegistrationNumber = taxInvoice.buyerBusinessRegistrationNumber.replace(/-/gi, '')
+    taxInvoice.supplierBusinessRegistrationNumber = taxInvoice.supplierBusinessRegistrationNumber.replace(/-/gi, '')
 
     // 공급받는자 필수 값 체크
     if (!this.buyer.buyerBusinessRegistrationNumber || !this.buyer.buyerBusinessName || !this.buyer.buyerRepresentativeName) {
@@ -763,6 +790,12 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
       return
     }
 
+    // 세금이 없는 타입인데 세금이 있는지 체크
+    if (taxInvoice.invoiceType === InvoiceType.SMALL_BUSINESS_TAX_INVOICE && taxInvoice.taxAmount > 0) {
+      alert('세금이 0원이 아닙니다.')
+      return
+    }
+
     // 현금, 수표, 어음, 외상미수금의 합계 = 총 합계금액 체크
     const paymentAmount: number =
       taxInvoice.paymentAmountCash + taxInvoice.paymentAmountCheck + taxInvoice.paymentAmountPromissoryNote + taxInvoice.paymentAmountAccountsReceivable
@@ -789,10 +822,14 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
 
     if (!response.errors) {
       notify({ message: i18next.t('text.success tax send') })
+      this.taxInvoice = this.defaultTaxInvoice
+      this.supplier = this.defaultSupplier
+      this.buyer = this.defaultBuyer
+      this.taxInvoiceItems = []
     }
   }
 
-  private _numberFormat(value: number | undefined): string {
+  private _numberFormat(value: number): string {
     return !value ? '' : new Intl.NumberFormat('en-US').format(value) || ''
   }
 
@@ -817,27 +854,33 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
         return
       }
 
-      this.taxInvoice[target.name] = target.value
+      // 세금이 없는 영세율이 선택 시 모든 아이템의 세금 0원으로 초기화
+      if (target.name === 'invoiceType' && target.value === InvoiceType.SMALL_BUSINESS_TAX_INVOICE) {
+        this.isTaxFree = true
+        this.taxInvoice = { ...this.taxInvoice, taxAmount: 0 }
+        this.taxInvoiceItems = this.taxInvoiceItems.map(item => ({ ...item, taxPrice: 0 }))
+      }
 
-      // 날짜 변경시에는 아이템 변경도 리 렌더가 필요해서 데이터 갱신
-      if (target.name === 'issueDate') this.taxInvoice = { ...this.taxInvoice }
+      // 변경시에는 아이템 변경도 리 렌더가 필요해서 데이터 갱신
+      this.taxInvoice[target.name] = target.value
+      this.taxInvoice = { ...this.taxInvoice }
     }
   }
 
   // Input 요소의 값이 변경될 때 호출되는 콜백 함수
   private _onInputItem(e: InputEvent, idx: number) {
     const target = e.target as HTMLInputElement
-    let inputVal = target.value
+    let inputVal: any = target.value
 
     // 숫자 타입은 다른 문자 입력 제거
     if (target.hasAttribute('numeric')) {
-      inputVal = inputVal.replace(/\D/g, '')
+      inputVal = Number(inputVal.replace(/\D/g, ''))
       target.value = inputVal
     }
 
     // 공급일자 케이스 시 => 세금계산서의 작성일자의 YYYY-MM + 아이템의 입력된 DD
     if (target.name === 'supplyDate') {
-      const itemDate = this.taxInvoice.issueDate.substring(0, 8) + inputVal.padStart(2, '0')
+      const itemDate = this.taxInvoice.issueDate.substring(0, 8) + inputVal.toString().padStart(2, '0')
       if (itemDate > this.taxInvoice.issueDate) {
         alert('품목의 일자는 작성일자보다 클 수 없습니다.')
         target.value = ''
@@ -845,15 +888,21 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
       inputVal = itemDate
     }
 
+    // 수량, 단가 수정시 공급가액/세액 자동 계산
     if (target.name == 'quantity' || target.name == 'unitPrice') {
       const supplyPrice = target.name == 'quantity' ? Number(inputVal) * this.taxInvoiceItems[idx]['unitPrice'] : Number(inputVal) * this.taxInvoiceItems[idx]['quantity']
       this.taxInvoiceItems[idx]['supplyPrice'] = supplyPrice
-      this.taxInvoiceItems[idx]['taxPrice'] = Math.floor(supplyPrice / 10)
-      this.taxInvoiceItems = [...this.taxInvoiceItems]
-      this._setTaxInvoiceSummaryCalc()
+      this.taxInvoiceItems[idx]['taxPrice'] = this.isTaxFree ? 0 : Math.floor(supplyPrice / 10)
     }
 
+    // 인풋에 값 넣기
     this.taxInvoiceItems[idx][target.name] = inputVal
+
+    // 아이템 금액에 관련된 필드 수정시 합계 계산
+    if (['quantity', 'unitPrice', 'supplyPrice', 'taxPrice'].includes(target.name)) {
+      this.taxInvoiceItems = [...this.taxInvoiceItems]
+      this._setTaxInvoiceSummaryCalc()
+    }
   }
 
   private async _openSupplierPopup() {
@@ -993,9 +1042,10 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
   }
 
   private _setTaxInvoiceSummaryCalc() {
-    const supplyPrice = this.taxInvoiceItems.reduce((prev, item) => prev + item.supplyPrice, 0)
-    const taxPrice = this.taxInvoiceItems.reduce((prev, item) => prev + item.taxPrice, 0)
+    const supplyPrice: number = this.taxInvoiceItems.reduce((prev, item) => prev + Number(item.supplyPrice), 0) || 0
+    const taxPrice: number = this.isTaxFree ? 0 : this.taxInvoiceItems.reduce((prev, item) => prev + Number(item.taxPrice), 0) || 0
+    const totalAmount: number = supplyPrice + taxPrice
 
-    this.taxInvoice = { ...this.taxInvoice, supplyAmount: supplyPrice, taxAmount: taxPrice, totalAmount: supplyPrice + taxPrice }
+    this.taxInvoice = { ...this.taxInvoice, supplyAmount: supplyPrice, taxAmount: taxPrice, totalAmount: totalAmount }
   }
 }

package/dist-client/pages/tax-invoice-send/tax-invoice-send-page.d.ts

@@ -54,7 +54,7 @@ interface TaxInvoice {
     paymentAmountPromissoryNote?: number;
     paymentAmountAccountsReceivable?: number;
     supplyAmount: number;
-    taxAmount?: number;
+    taxAmount: number;
     totalAmount: number;
 }
 interface TaxInvoiceItem {
@@ -75,8 +75,12 @@ export declare class TaxInvoiceSendPage extends TaxInvoiceSendPage_base {
         'company-list-popup': typeof CompanyListPopup;
     };
     private today;
+    private isTaxFree;
+    private defaultSupplier;
     supplier: Supplier;
+    private defaultBuyer;
     buyer: Buyer;
+    private defaultTaxInvoice;
     taxInvoice: TaxInvoice;
     private defaultTaxInvoiceItem;
     taxInvoiceItems: TaxInvoiceItem[];
@@ -92,14 +96,14 @@ export declare class TaxInvoiceSendPage extends TaxInvoiceSendPage_base {
                 danger: boolean;
             };
             title: string;
-            action: (num: string) => Promise<void>;
+            action: () => Promise<void>;
         }[];
     };
     render(): import("lit").TemplateResult<1>;
     pageInitialized(lifecycle: any): Promise<void>;
     _fetchSupplier(): Promise<void>;
     pageUpdated(changes: any, lifecycle: any): Promise<void>;
-    _sendTaxInvoice(num: string): Promise<void>;
+    _sendTaxInvoice(): Promise<void>;
     private _numberFormat;
     private _onInputTaxInvoice;
     private _onInputItem;

package/dist-client/pages/tax-invoice-send/tax-invoice-send-page.js

@@ -35,20 +35,23 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
         super(...arguments);
         // 오늘 날짜 YYYY-MM-DD 형식으로 뽑기
         this.today = new Intl.DateTimeFormat('fr-CA', { timeZone: 'Asia/Seoul' }).format(new Date());
-        this.supplier = {
+        this.isTaxFree = false;
+        this.defaultSupplier = {
             supplierBusinessRegistrationCategory: '01',
             supplierBusinessRegistrationNumber: '',
             supplierBranchIdentification: '',
             supplierBusinessName: '',
             supplierRepresentativeName: ''
         };
-        this.buyer = {
+        this.supplier = this.defaultSupplier;
+        this.defaultBuyer = {
             buyerBusinessRegistrationCategory: BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER,
             buyerBusinessRegistrationNumber: '',
             buyerBusinessName: '',
             buyerRepresentativeName: ''
         };
-        this.taxInvoice = {
+        this.buyer = this.defaultBuyer;
+        this.defaultTaxInvoice = {
             invoiceType: InvoiceType.TAX_INVOICE,
             category: Category.EXPORT,
             issueDate: this.today,
@@ -57,6 +60,7 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
             taxAmount: 0,
             totalAmount: 0
         };
+        this.taxInvoice = this.defaultTaxInvoice;
         this.defaultTaxInvoiceItem = {
             sequence: new Date().getTime(),
             supplyDate: '',
@@ -96,11 +100,19 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
             <th>${i18next.t('field.short invoice type')}</th>
             <td>
               ${Object.keys(SHORT_INVOICE_TYPE['TAX_INVOICE']).map(key => {
-            const disabled = key !== InvoiceType.TAX_INVOICE;
+            const disabled = key !== InvoiceType.TAX_INVOICE && key !== InvoiceType.SMALL_BUSINESS_TAX_INVOICE;
             const checked = key === InvoiceType.TAX_INVOICE;
             return html `
                   <label for="${'tax_' + key}">${SHORT_INVOICE_TYPE['TAX_INVOICE'][key]}</label>
-                  <input type="radio" id="${'tax_' + key}" value="${key}" name="invoiceType" ?checked=${checked} ?disabled=${disabled} />
+                  <input
+                    type="radio"
+                    id="${'tax_' + key}"
+                    .value="${key}"
+                    name="invoiceType"
+                    ?checked=${checked}
+                    ?disabled=${disabled}
+                    @change=${this._onInputTaxInvoice}
+                  />
                 `;
         })}
             </td>
@@ -272,20 +284,29 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
             </tr>
 
             ${this.taxInvoiceItems.map((item, idx) => html `
-                  <tr>
-                    <input type="hidden" name="sequence" value=${item.sequence} />
-                    <td>${this.taxInvoice.issueDate.split('-')[1]}</td>
-                    <td><input type="text" numeric maxlength="2" name="supplyDate" @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" name="itemName" .value=${item.itemName} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" name="specification" .value=${item.specification} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" numeric name="quantity" .value=${this._numberFormat(item.quantity)} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" numeric name="unitPrice" .value=${this._numberFormat(item.unitPrice)} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" readonly name="supplyPrice" .value=${this._numberFormat(item.supplyPrice)} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" readonly name="taxPrice" .value=${this._numberFormat(item.taxPrice)} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><input type="text" name="remark" .value=${item.remark || ''} @input=${e => this._onInputItem(e, idx)} /></td>
-                    <td><button class="btn-delete" @click=${e => this._onRemoveInvoiceItem(e, item.sequence)}>삭제</button></td>
-                  </tr>
-                `)}
+                <tr>
+                  <input type="hidden" name="sequence" value=${item.sequence} />
+                  <td>${this.taxInvoice.issueDate.split('-')[1]}</td>
+                  <td><input type="text" numeric maxlength="2" name="supplyDate" @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><input type="text" name="itemName" .value=${item.itemName} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><input type="text" name="specification" .value=${item.specification} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><input type="text" numeric name="quantity" .value=${this._numberFormat(item.quantity)} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><input type="text" numeric name="unitPrice" .value=${this._numberFormat(item.unitPrice)} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><input type="text" numeric name="supplyPrice" .value=${this._numberFormat(item.supplyPrice)} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td>
+                    <input
+                      type="text"
+                      numeric
+                      name="taxPrice"
+                      .value=${this._numberFormat(item.taxPrice)}
+                      @input=${e => this._onInputItem(e, idx)}
+                      .disabled=${this.isTaxFree}
+                    />
+                  </td>
+                  <td><input type="text" name="remark" .value=${item.remark || ''} @input=${e => this._onInputItem(e, idx)} /></td>
+                  <td><button class="btn-delete" @click=${e => this._onRemoveInvoiceItem(e, item.sequence)}>삭제</button></td>
+                </tr>
+              `)}
           </table>
         </div>
 
@@ -390,7 +411,7 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
             // do something here when this page just became as active
         }
     }
-    async _sendTaxInvoice(num) {
+    async _sendTaxInvoice() {
         // 아이템 시퀀스 재 할당 + 날짜, 품목, 규격, 수량이 없으면 필터
         let taxInvoiceItems = this.taxInvoiceItems.map((item, idx) => (Object.assign(Object.assign({}, item), { sequence: idx + 1, quantity: Number(item.quantity), unitPrice: Number(item.unitPrice) })));
         taxInvoiceItems = taxInvoiceItems.filter(item => item.supplyDate && item.itemName && item.quantity && item.unitPrice);
@@ -400,6 +421,10 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
         taxInvoice.paymentAmountCheck = Number(taxInvoice.paymentAmountCheck || 0);
         taxInvoice.paymentAmountPromissoryNote = Number(taxInvoice.paymentAmountPromissoryNote || 0);
         taxInvoice.paymentAmountAccountsReceivable = Number(taxInvoice.paymentAmountAccountsReceivable || 0);
+        taxInvoice.supplyAmount = Number(taxInvoice.supplyAmount || 0);
+        taxInvoice.taxAmount = Number(taxInvoice.taxAmount || 0);
+        taxInvoice.buyerBusinessRegistrationNumber = taxInvoice.buyerBusinessRegistrationNumber.replace(/-/gi, '');
+        taxInvoice.supplierBusinessRegistrationNumber = taxInvoice.supplierBusinessRegistrationNumber.replace(/-/gi, '');
         // 공급받는자 필수 값 체크
         if (!this.buyer.buyerBusinessRegistrationNumber || !this.buyer.buyerBusinessName || !this.buyer.buyerRepresentativeName) {
             alert('공급받는자 필수 값을 모두 입력해 주세요.');
@@ -410,6 +435,11 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
             alert('등록 가능한 아아템의 개수는 1개 이상이여야 합니다.');
             return;
         }
+        // 세금이 없는 타입인데 세금이 있는지 체크
+        if (taxInvoice.invoiceType === InvoiceType.SMALL_BUSINESS_TAX_INVOICE && taxInvoice.taxAmount > 0) {
+            alert('세금이 0원이 아닙니다.');
+            return;
+        }
         // 현금, 수표, 어음, 외상미수금의 합계 = 총 합계금액 체크
         const paymentAmount = taxInvoice.paymentAmountCash + taxInvoice.paymentAmountCheck + taxInvoice.paymentAmountPromissoryNote + taxInvoice.paymentAmountAccountsReceivable;
         if (paymentAmount > 0 && paymentAmount !== taxInvoice.totalAmount) {
@@ -433,6 +463,10 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
         });
         if (!response.errors) {
             notify({ message: i18next.t('text.success tax send') });
+            this.taxInvoice = this.defaultTaxInvoice;
+            this.supplier = this.defaultSupplier;
+            this.buyer = this.defaultBuyer;
+            this.taxInvoiceItems = [];
         }
     }
     _numberFormat(value) {
@@ -458,10 +492,15 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
                 alert('작성일자는 현재일까지 입력하시기 바랍니다.');
                 return;
             }
+            // 세금이 없는 영세율이 선택 시 모든 아이템의 세금 0원으로 초기화
+            if (target.name === 'invoiceType' && target.value === InvoiceType.SMALL_BUSINESS_TAX_INVOICE) {
+                this.isTaxFree = true;
+                this.taxInvoice = Object.assign(Object.assign({}, this.taxInvoice), { taxAmount: 0 });
+                this.taxInvoiceItems = this.taxInvoiceItems.map(item => (Object.assign(Object.assign({}, item), { taxPrice: 0 })));
+            }
+            // 변경시에는 아이템 변경도 리 렌더가 필요해서 데이터 갱신
             this.taxInvoice[target.name] = target.value;
-            // 날짜 변경시에는 아이템 변경도 리 렌더가 필요해서 데이터 갱신
-            if (target.name === 'issueDate')
-                this.taxInvoice = Object.assign({}, this.taxInvoice);
+            this.taxInvoice = Object.assign({}, this.taxInvoice);
         }
     }
     // Input 요소의 값이 변경될 때 호출되는 콜백 함수
@@ -470,26 +509,31 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
         let inputVal = target.value;
         // 숫자 타입은 다른 문자 입력 제거
         if (target.hasAttribute('numeric')) {
-            inputVal = inputVal.replace(/\D/g, '');
+            inputVal = Number(inputVal.replace(/\D/g, ''));
             target.value = inputVal;
         }
         // 공급일자 케이스 시 => 세금계산서의 작성일자의 YYYY-MM + 아이템의 입력된 DD
         if (target.name === 'supplyDate') {
-            const itemDate = this.taxInvoice.issueDate.substring(0, 8) + inputVal.padStart(2, '0');
+            const itemDate = this.taxInvoice.issueDate.substring(0, 8) + inputVal.toString().padStart(2, '0');
             if (itemDate > this.taxInvoice.issueDate) {
                 alert('품목의 일자는 작성일자보다 클 수 없습니다.');
                 target.value = '';
             }
             inputVal = itemDate;
         }
+        // 수량, 단가 수정시 공급가액/세액 자동 계산
         if (target.name == 'quantity' || target.name == 'unitPrice') {
             const supplyPrice = target.name == 'quantity' ? Number(inputVal) * this.taxInvoiceItems[idx]['unitPrice'] : Number(inputVal) * this.taxInvoiceItems[idx]['quantity'];
             this.taxInvoiceItems[idx]['supplyPrice'] = supplyPrice;
-            this.taxInvoiceItems[idx]['taxPrice'] = Math.floor(supplyPrice / 10);
+            this.taxInvoiceItems[idx]['taxPrice'] = this.isTaxFree ? 0 : Math.floor(supplyPrice / 10);
+        }
+        // 인풋에 값 넣기
+        this.taxInvoiceItems[idx][target.name] = inputVal;
+        // 아이템 금액에 관련된 필드 수정시 합계 계산
+        if (['quantity', 'unitPrice', 'supplyPrice', 'taxPrice'].includes(target.name)) {
             this.taxInvoiceItems = [...this.taxInvoiceItems];
             this._setTaxInvoiceSummaryCalc();
         }
-        this.taxInvoiceItems[idx][target.name] = inputVal;
     }
     async _openSupplierPopup() {
         const response = await client.query({
@@ -613,9 +657,10 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
         this._setTaxInvoiceSummaryCalc();
     }
     _setTaxInvoiceSummaryCalc() {
-        const supplyPrice = this.taxInvoiceItems.reduce((prev, item) => prev + item.supplyPrice, 0);
-        const taxPrice = this.taxInvoiceItems.reduce((prev, item) => prev + item.taxPrice, 0);
-        this.taxInvoice = Object.assign(Object.assign({}, this.taxInvoice), { supplyAmount: supplyPrice, taxAmount: taxPrice, totalAmount: supplyPrice + taxPrice });
+        const supplyPrice = this.taxInvoiceItems.reduce((prev, item) => prev + Number(item.supplyPrice), 0) || 0;
+        const taxPrice = this.isTaxFree ? 0 : this.taxInvoiceItems.reduce((prev, item) => prev + Number(item.taxPrice), 0) || 0;
+        const totalAmount = supplyPrice + taxPrice;
+        this.taxInvoice = Object.assign(Object.assign({}, this.taxInvoice), { supplyAmount: supplyPrice, taxAmount: taxPrice, totalAmount: totalAmount });
     }
 };
 TaxInvoiceSendPage.styles = [
@@ -661,7 +706,8 @@ TaxInvoiceSendPage.styles = [
       input[type='date'] {
         width: auto;
       }
-      input[readonly] {
+      input[readonly],
+      input:disabled {
         background-color: #eee;
       }