npm - @things-factory/tax-invoice - Versions diffs - 7.0.1-alpha.81 → 7.0.1-alpha.86 - Mend

@things-factory/tax-invoice 7.0.1-alpha.81 → 7.0.1-alpha.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

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

@@ -1,7 +1,7 @@
 import '@operato/data-grist'
 import { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'
-import { PageView } from '@operato/shell'
+import { CustomAlert, PageView } from '@operato/shell'
 import { css, html } from 'lit'
 import { customElement, state } from 'lit/decorators.js'
 import { ScopedElementsMixin } from '@open-wc/scoped-elements'
@@ -95,8 +95,15 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
   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)
+    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
+    )
     // taxInvoice 데이터 생성 및 타입 변환
     let taxInvoice = { ...this.taxInvoice, ...this.supplier, ...this.buyer }
@@ -110,28 +117,55 @@ export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(Pa
     taxInvoice.supplierBusinessRegistrationNumber = taxInvoice.supplierBusinessRegistrationNumber.replace(/-/gi, '')
     // 공급받는자 필수 값 체크
-    if (!this.buyer.buyerBusinessRegistrationNumber || !this.buyer.buyerBusinessName || !this.buyer.buyerRepresentativeName) {
-      alert('공급받는자 필수 값을 모두 입력해 주세요.')
+    if (
+      !this.buyer.buyerBusinessRegistrationNumber ||
+      !this.buyer.buyerBusinessName ||
+      !this.buyer.buyerRepresentativeName
+    ) {
+      await CustomAlert({
+        type: 'warning',
+        title: '공급받는자 필수 값을 모두 입력해 주세요.',
+        text: '공급받는자 필수 값을 모두 입력해 주세요.',
+        confirmButton: { text: i18next.t('button.confirm') }
+      })
       return
     }
     // 아이템 개수 체크
     if (taxInvoiceItems.length === 0) {
-      alert('등록 가능한 아아템의 개수는 1개 이상이여야 합니다.')
+      await CustomAlert({
+        type: 'warning',
+        title: '등록 가능한 아이템의 개수는 1개 이상이여야 합니다.',
+        text: '등록 가능한 아이템의 개수는 1개 이상이여야 합니다.',
+        confirmButton: { text: i18next.t('button.confirm') }
+      })
       return
     }
     // 세금이 없는 타입인데 세금이 있는지 체크
     if (taxInvoice.invoiceType === InvoiceType.SMALL_BUSINESS_TAX_INVOICE && taxInvoice.taxAmount > 0) {
-      alert('세금이 0원이 아닙니다.')
+      await CustomAlert({
+        type: 'warning',
+        title: '세금이 0원이 아닙니다.',
+        text: '세금이 0원이 아닙니다.',
+        confirmButton: { text: i18next.t('button.confirm') }
+      })
       return
     }
     // 현금, 수표, 어음, 외상미수금의 합계 = 총 합계금액 체크
     const paymentAmount: number =
-      taxInvoice.paymentAmountCash + taxInvoice.paymentAmountCheck + taxInvoice.paymentAmountPromissoryNote + taxInvoice.paymentAmountAccountsReceivable
+      taxInvoice.paymentAmountCash +
+      taxInvoice.paymentAmountCheck +
+      taxInvoice.paymentAmountPromissoryNote +
+      taxInvoice.paymentAmountAccountsReceivable
     if (paymentAmount > 0 && paymentAmount !== taxInvoice.totalAmount) {
-      alert('현금, 수표, 어음, 외상미수금의 합계는 총 합계금액과 동일해야 합니다.')
+      await CustomAlert({
+        type: 'warning',
+        title: '현금, 수표, 어음, 외상미수금의 합계는 총 합계금액과 동일해야 합니다.',
+        text: '현금, 수표, 어음, 외상미수금의 합계는 총 합계금액과 동일해야 합니다.',
+        confirmButton: { text: i18next.t('button.confirm') }
+      })
       return
     }

package/client/pages/tax-invoice-send/tax-invoice-send.ts CHANGED Viewed

@@ -1,12 +1,21 @@
 import '@operato/data-grist'
 import { css, html, LitElement } from 'lit'
+import { CustomAlert } from '@operato/shell'
 import { CommonGristStyles, ScrollbarStyles } from '@operato/styles'
 import { property, customElement } from 'lit/decorators.js'
 import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import gql from 'graphql-tag'
-import { BUSINESS_REGISTRATION_CATEGORY, BusinessRegistrationCategory, Category, INVOICE_TYPE, InvoiceType, PURPOSE, Purpose } from '../tax-invoice/tax-invoice-list-page'
+import {
+  BUSINESS_REGISTRATION_CATEGORY,
+  BusinessRegistrationCategory,
+  Category,
+  INVOICE_TYPE,
+  InvoiceType,
+  PURPOSE,
+  Purpose
+} from '../tax-invoice/tax-invoice-list-page'
 import { openPopup } from '@operato/layout'
 export const SHORT_INVOICE_TYPE = {
@@ -408,7 +417,8 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
   render() {
     return html`
       <div class="invoice-type">
-        * ${INVOICE_TYPE[this.taxInvoice?.invoiceType]} (${SHORT_BUSINESS_REGISTRATION_CATEGORY[this.buyer.buyerBusinessRegistrationCategory]})
+        * ${INVOICE_TYPE[this.taxInvoice?.invoiceType]}
+        (${SHORT_BUSINESS_REGISTRATION_CATEGORY[this.buyer.buyerBusinessRegistrationCategory]})
       </div>
       <div class="title">
@@ -417,7 +427,8 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
             <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 && key !== InvoiceType.SMALL_BUSINESS_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>
@@ -440,7 +451,14 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
                 const checked: boolean = key === BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER
                 return html`
                   <label for="${'tax_' + key}">${BUSINESS_REGISTRATION_CATEGORY[key]}</label>
-                  <input type="radio" id="${'tax_' + key}" value="${key}" name="buyerBusinessRegistrationCategory" ?checked=${checked} ?disabled=${disabled} />
+                  <input
+                    type="radio"
+                    id="${'tax_' + key}"
+                    value="${key}"
+                    name="buyerBusinessRegistrationCategory"
+                    ?checked=${checked}
+                    ?disabled=${disabled}
+                  />
                 `
               })}
             </td>
@@ -466,16 +484,30 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
             <tr>
               <th rowspan="6" class="target">${i18next.t('field.tax invoice supplier')}</th>
               <th required>${i18next.t('field.short business registration number')}</th>
-              <td>${this.supplier?.supplierBusinessRegistrationNumber?.replace(/(\S{3})(\S{2})(\S{5})/g, '$1-$2-$3')}</td>
+              <td>
+                ${this.supplier?.supplierBusinessRegistrationNumber?.replace(/(\S{3})(\S{2})(\S{5})/g, '$1-$2-$3')}
+              </td>
               <th>${i18next.t('field.short branch identification')}</th>
               <td>${this.supplier?.supplierBranchIdentification}</td>
             </tr>
             <tr>
               <th required>${i18next.t('field.short tax invoice business name')}</th>
-              <td><input type="text" name="supplierBusinessName" .value=${this.supplier?.supplierBusinessName || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td>
+                <input
+                  type="text"
+                  name="supplierBusinessName"
+                  .value=${this.supplier?.supplierBusinessName || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
               <th required>${i18next.t('field.tax invoice representative name')}</th>
               <td>
-                <input type="text" name="supplierRepresentativeName" .value=${this.supplier?.supplierRepresentativeName || ''} @input=${this._onInputTaxInvoice} />
+                <input
+                  type="text"
+                  name="supplierRepresentativeName"
+                  .value=${this.supplier?.supplierRepresentativeName || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
               </td>
             </tr>
             <tr>
@@ -484,14 +516,33 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
             </tr>
             <tr>
               <th>${i18next.t('field.business type')}</th>
-              <td><input type="text" name="supplierBusinessType" .value=${this.supplier?.supplierBusinessType || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td>
+                <input
+                  type="text"
+                  name="supplierBusinessType"
+                  .value=${this.supplier?.supplierBusinessType || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
               <th>${i18next.t('field.industry type')}</th>
-              <td><input type="text" name="supplierIndustryType" .value=${this.supplier?.supplierIndustryType || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td>
+                <input
+                  type="text"
+                  name="supplierIndustryType"
+                  .value=${this.supplier?.supplierIndustryType || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
             </tr>
             <tr>
               <th rowspan="2">${i18next.t('field.email')}</th>
               <td rowspan="2" colspan="3">
-                <input type="text" name="supplierContactEmail" .value=${this.supplier?.supplierContactEmail || ''} @input=${this._onInputTaxInvoice} />
+                <input
+                  type="text"
+                  name="supplierContactEmail"
+                  .value=${this.supplier?.supplierContactEmail || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
               </td>
             </tr>
             <tr></tr>
@@ -518,32 +569,88 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
                 />
               </td>
               <th>${i18next.t('field.short branch identification')}</th>
-              <td><input type="text" name="buyerBranchIdentification" .value=${this.buyer?.buyerBranchIdentification || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td>
+                <input
+                  type="text"
+                  name="buyerBranchIdentification"
+                  .value=${this.buyer?.buyerBranchIdentification || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
             </tr>
             <tr>
               <th required>${i18next.t('field.short tax invoice business name')}</th>
-              <td><input type="text" name="buyerBusinessName" .value=${this.buyer?.buyerBusinessName || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td>
+                <input
+                  type="text"
+                  name="buyerBusinessName"
+                  .value=${this.buyer?.buyerBusinessName || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
               <th required>${i18next.t('field.tax invoice representative name')}</th>
-              <td><input type="text" name="buyerRepresentativeName" .value=${this.buyer?.buyerRepresentativeName || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td>
+                <input
+                  type="text"
+                  name="buyerRepresentativeName"
+                  .value=${this.buyer?.buyerRepresentativeName || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
             </tr>
             <tr>
               <th>${i18next.t('field.address')}</th>
-              <td colspan="3"><input type="text" name="buyerAddress" .value=${this.buyer?.buyerAddress || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td colspan="3">
+                <input
+                  type="text"
+                  name="buyerAddress"
+                  .value=${this.buyer?.buyerAddress || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
             </tr>
             <tr>
               <th>${i18next.t('field.business type')}</th>
-              <td><input type="text" name="buyerBusinessType" .value=${this.buyer?.buyerBusinessType || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td>
+                <input
+                  type="text"
+                  name="buyerBusinessType"
+                  .value=${this.buyer?.buyerBusinessType || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
               <th>${i18next.t('field.industry type')}</th>
-              <td><input type="text" name="buyerIndustryType" .value=${this.buyer?.buyerIndustryType || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td>
+                <input
+                  type="text"
+                  name="buyerIndustryType"
+                  .value=${this.buyer?.buyerIndustryType || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
             </tr>
             <tr>
               <th>${i18next.t('field.email')}</th>
-              <td colspan="3"><input type="text" name="buyer1stContactEmail" .value=${this.buyer?.buyer1stContactEmail || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td colspan="3">
+                <input
+                  type="text"
+                  name="buyer1stContactEmail"
+                  .value=${this.buyer?.buyer1stContactEmail || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
             </tr>
             <tr>
               <th>${i18next.t('field.email')}</th>
-              <td colspan="3"><input type="text" name="buyer2ndContactEmail" .value=${this.buyer?.buyer2ndContactEmail || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td colspan="3">
+                <input
+                  type="text"
+                  name="buyer2ndContactEmail"
+                  .value=${this.buyer?.buyer2ndContactEmail || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
             </tr>
           </table>
         </div>
@@ -552,11 +659,23 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
           <div class="flex-row">
             <div class="title" required>${i18next.t('field.issue date')}</div>
             <div class="value">
-              <input type="date" name="issueDate" .value=${this.taxInvoice.issueDate} @input=${this._onInputTaxInvoice} />
+              <input
+                type="date"
+                name="issueDate"
+                .value=${this.taxInvoice.issueDate}
+                @input=${this._onInputTaxInvoice}
+              />
               <span class="desc">※ 작성일자는 공급 연월일을 의미함</span>
             </div>
             <div class="title">${i18next.t('field.remark0')}</div>
-            <div class="value"><input type="text" name="remark0" .value=${this.taxInvoice?.remark0 || ''} @input=${this._onInputTaxInvoice} /></div>
+            <div class="value">
+              <input
+                type="text"
+                name="remark0"
+                .value=${this.taxInvoice?.remark0 || ''}
+                @input=${this._onInputTaxInvoice}
+              />
+            </div>
           </div>
           <div class="flex-row">
             <div class="title">${i18next.t('field.total amount')}</div>
@@ -570,9 +689,13 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
         <div class="items">
           <div class="desc desc-date">
-            ※ 아래 '품목'의 '월'은 상단 '작성일자'의 '월'이 자동 반영됩니다. 합계의 '계산' 버튼은 금액을 공급가액과 세액으로 계산할 수 있습니다.
+            ※ 아래 '품목'의 '월'은 상단 '작성일자'의 '월'이 자동 반영됩니다. 합계의 '계산' 버튼은 금액을 공급가액과
+            세액으로 계산할 수 있습니다.
+          </div>
+          <div class="desc">
+            <button class="btn-add" @click=${this._onAddInvoiceItem}>품목추가</button> 품목은 최대 16개까지 추가, 삭제
+            가능
           </div>
-          <div class="desc"><button class="btn-add" @click=${this._onAddInvoiceItem}>품목추가</button> 품목은 최대 16개까지 추가, 삭제 가능</div>
           <table>
             <colgroup>
@@ -605,12 +728,58 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
                 <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
+                      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"
@@ -621,8 +790,17 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
                       .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>
+                  <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>
               `
             )}
@@ -644,8 +822,24 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
               <th>${i18next.t('field.tax invoice payment accounts receivable')}</th>
             </tr>
             <tr>
-              <td><input type="text" numeric name="paymentAmountCash" .value=${this.taxInvoice?.paymentAmountCash || ''} @input=${this._onInputTaxInvoice} /></td>
-              <td><input type="text" numeric name="paymentAmountCheck" .value=${this.taxInvoice?.paymentAmountCheck || ''} @input=${this._onInputTaxInvoice} /></td>
+              <td>
+                <input
+                  type="text"
+                  numeric
+                  name="paymentAmountCash"
+                  .value=${this.taxInvoice?.paymentAmountCash || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
+              <td>
+                <input
+                  type="text"
+                  numeric
+                  name="paymentAmountCheck"
+                  .value=${this.taxInvoice?.paymentAmountCheck || ''}
+                  @input=${this._onInputTaxInvoice}
+                />
+              </td>
               <td>
                 <input
                   type="text"
@@ -670,11 +864,24 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
             ${i18next.t('text.prev tax invoice description payment') + ' ('}
             <span class="type-wrapper">
               <div>
-                <input type="radio" id="purpose_20" name="purpose" .value=${Purpose.INVOICE} @change=${this._onInputTaxInvoice} checked />
+                <input
+                  type="radio"
+                  id="purpose_20"
+                  name="purpose"
+                  .value=${Purpose.INVOICE}
+                  @change=${this._onInputTaxInvoice}
+                  checked
+                />
                 <label for="purpose_20">${PURPOSE[Purpose.INVOICE]}</label>
               </div>
               <div>
-                <input type="radio" id="purpose_10" name="purpose" .value=${Purpose.RECEIPT} @change=${this._onInputTaxInvoice} />
+                <input
+                  type="radio"
+                  id="purpose_10"
+                  name="purpose"
+                  .value=${Purpose.RECEIPT}
+                  @change=${this._onInputTaxInvoice}
+                />
                 <label for="purpose_10">${PURPOSE[Purpose.RECEIPT]}</label>
               </div>
             </span>
@@ -734,7 +941,7 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
   }
   // Input 요소의 값이 변경될 때 호출되는 콜백 함수
-  private _onInputTaxInvoice(event: InputEvent) {
+  private async _onInputTaxInvoice(event: InputEvent) {
     const target = event.target as HTMLInputElement
     // 숫자 타입은 다른 문자 입력 제거
@@ -750,7 +957,13 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
       // 날짜 체크가 오늘 날짜를 넘어가면 값 변경 되면 안됨
       if (target.name === 'issueDate' && target.value > this.today) {
         target.value = this.taxInvoice['issueDate']
-        alert('작성일자는 현재일까지 입력하시기 바랍니다.')
+        await CustomAlert({
+          type: 'warning',
+          title: '작성일자는 현재일까지 입력하시기 바랍니다.',
+          text: '작성일자는 현재일까지 입력하시기 바랍니다.',
+          confirmButton: { text: i18next.t('button.confirm') }
+        })
         return
       }
@@ -768,7 +981,7 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
   }
   // Input 요소의 값이 변경될 때 호출되는 콜백 함수
-  private _onInputItem(e: InputEvent, idx: number) {
+  private async _onInputItem(e: InputEvent, idx: number) {
     const target = e.target as HTMLInputElement
     let inputVal: any = target.value
@@ -782,7 +995,13 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
     if (target.name === 'supplyDate') {
       const itemDate = this.taxInvoice.issueDate.substring(0, 8) + inputVal.toString().padStart(2, '0')
       if (itemDate > this.taxInvoice.issueDate) {
-        alert('품목의 일자는 작성일자보다 클 수 없습니다.')
+        await CustomAlert({
+          type: 'warning',
+          title: '품목의 일자는 작성일자보다 클 수 없습니다.',
+          text: '품목의 일자는 작성일자보다 클 수 없습니다.',
+          confirmButton: { text: i18next.t('button.confirm') }
+        })
         target.value = ''
       }
       inputVal = itemDate
@@ -790,7 +1009,10 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
     // 수량, 단가 수정시 공급가액/세액 자동 계산
     if (target.name == 'quantity' || target.name == 'unitPrice') {
-      const supplyPrice = target.name == 'quantity' ? Number(inputVal) * this.taxInvoiceItems[idx]['unitPrice'] : Number(inputVal) * this.taxInvoiceItems[idx]['quantity']
+      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'] = this.isTaxFree ? 0 : Math.floor(supplyPrice / 10)
     }
@@ -925,10 +1147,16 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
     )
   }
-  private _onAddInvoiceItem(e: Event) {
+  private async _onAddInvoiceItem(e: Event) {
     e.preventDefault()
     if (this.taxInvoiceItems.length >= 16) {
-      alert('품목은 최대 16개까지 추가 가능합니다.')
+      await CustomAlert({
+        type: 'warning',
+        title: '품목은 최대 16개까지 추가 가능합니다.',
+        text: '품목은 최대 16개까지 추가 가능합니다.',
+        confirmButton: { text: i18next.t('button.confirm') }
+      })
       return
     }
@@ -943,7 +1171,9 @@ export class TaxInvoiceSend extends localize(i18next)(LitElement) {
   private _setTaxInvoiceSummaryCalc() {
     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 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: totalAmount }

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

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/data-grist';
 import { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles';
-import { PageView } from '@operato/shell';
+import { CustomAlert, PageView } from '@operato/shell';
 import { css, html } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 import { ScopedElementsMixin } from '@open-wc/scoped-elements';
@@ -86,24 +86,49 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
         taxInvoice.buyerBusinessRegistrationNumber = taxInvoice.buyerBusinessRegistrationNumber.replace(/-/gi, '');
         taxInvoice.supplierBusinessRegistrationNumber = taxInvoice.supplierBusinessRegistrationNumber.replace(/-/gi, '');
         // 공급받는자 필수 값 체크
-        if (!this.buyer.buyerBusinessRegistrationNumber || !this.buyer.buyerBusinessName || !this.buyer.buyerRepresentativeName) {
-            alert('공급받는자 필수 값을 모두 입력해 주세요.');
+        if (!this.buyer.buyerBusinessRegistrationNumber ||
+            !this.buyer.buyerBusinessName ||
+            !this.buyer.buyerRepresentativeName) {
+            await CustomAlert({
+                type: 'warning',
+                title: '공급받는자 필수 값을 모두 입력해 주세요.',
+                text: '공급받는자 필수 값을 모두 입력해 주세요.',
+                confirmButton: { text: i18next.t('button.confirm') }
+            });
             return;
         }
         // 아이템 개수 체크
         if (taxInvoiceItems.length === 0) {
-            alert('등록 가능한 아아템의 개수는 1개 이상이여야 합니다.');
+            await CustomAlert({
+                type: 'warning',
+                title: '등록 가능한 아이템의 개수는 1개 이상이여야 합니다.',
+                text: '등록 가능한 아이템의 개수는 1개 이상이여야 합니다.',
+                confirmButton: { text: i18next.t('button.confirm') }
+            });
             return;
         }
         // 세금이 없는 타입인데 세금이 있는지 체크
         if (taxInvoice.invoiceType === InvoiceType.SMALL_BUSINESS_TAX_INVOICE && taxInvoice.taxAmount > 0) {
-            alert('세금이 0원이 아닙니다.');
+            await CustomAlert({
+                type: 'warning',
+                title: '세금이 0원이 아닙니다.',
+                text: '세금이 0원이 아닙니다.',
+                confirmButton: { text: i18next.t('button.confirm') }
+            });
             return;
         }
         // 현금, 수표, 어음, 외상미수금의 합계 = 총 합계금액 체크
-        const paymentAmount = taxInvoice.paymentAmountCash + taxInvoice.paymentAmountCheck + taxInvoice.paymentAmountPromissoryNote + taxInvoice.paymentAmountAccountsReceivable;
+        const paymentAmount = taxInvoice.paymentAmountCash +
+            taxInvoice.paymentAmountCheck +
+            taxInvoice.paymentAmountPromissoryNote +
+            taxInvoice.paymentAmountAccountsReceivable;
         if (paymentAmount > 0 && paymentAmount !== taxInvoice.totalAmount) {
-            alert('현금, 수표, 어음, 외상미수금의 합계는 총 합계금액과 동일해야 합니다.');
+            await CustomAlert({
+                type: 'warning',
+                title: '현금, 수표, 어음, 외상미수금의 합계는 총 합계금액과 동일해야 합니다.',
+                text: '현금, 수표, 어음, 외상미수금의 합계는 총 합계금액과 동일해야 합니다.',
+                confirmButton: { text: i18next.t('button.confirm') }
+            });
             return;
         }
         const response = await client.mutate({