@things-factory/tax-invoice 9.1.19 → 9.2.5

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

@@ -65,6 +65,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
             supplyPrice: 0,
             taxPrice: 0
         };
+        this.editMode = true;
         this.supplier = this.defaultSupplier;
         this.buyer = this.defaultBuyer;
         this.taxInvoice = this.defaultTaxInvoice;
@@ -117,6 +118,16 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
       input:disabled {
         background-color: #eee;
       }
+      input[type='radio'] {
+        cursor: pointer;
+      }
+      input[type='radio']:disabled {
+        cursor: default;
+      }
+      input[type='radio'] + label,
+      label + input[type='radio'] {
+        cursor: pointer;
+      }
 
       div.invoice-type {
         font-size: 18px;
@@ -152,6 +163,17 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
           & > input {
             margin: 0 5px 0 1px;
           }
+          & .radio-wrapper {
+            display: inline-flex;
+            align-items: center;
+            gap: 4px;
+            margin-right: 6px;
+            cursor: pointer;
+
+            input[type='radio'] {
+              margin: 0;
+            }
+          }
         }
       }
 
@@ -283,6 +305,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
 
           span.type-wrapper {
             margin: 0 10px;
+            cursor: pointer;
 
             & > div {
               display: flex;
@@ -335,11 +358,15 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
     `
     ]; }
     render() {
+        let invoiceTypeKey = this.taxInvoice?.invoiceType || InvoiceType.TAX_INVOICE;
+        // 일반 전자계산서는 일반 전자세금계산서 타입으로 변환
+        invoiceTypeKey = invoiceTypeKey === InvoiceType.INVOICE ? InvoiceType.TAX_INVOICE : invoiceTypeKey;
+        const invoiceTypeLabel = INVOICE_TYPE[invoiceTypeKey] || '';
+        const buyerRegCategoryKey = this.buyer?.buyerBusinessRegistrationCategory || BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER;
+        const buyerRegCategoryLabel = SHORT_BUSINESS_REGISTRATION_CATEGORY[buyerRegCategoryKey] || '';
+        const readOnly = !this.editMode;
         return html `
-      <div class="invoice-type">
-        * ${INVOICE_TYPE[this.taxInvoice?.invoiceType]}
-        (${SHORT_BUSINESS_REGISTRATION_CATEGORY[this.buyer.buyerBusinessRegistrationCategory]})
-      </div>
+      <div class="invoice-type">* ${invoiceTypeLabel} (${buyerRegCategoryLabel})</div>
 
       <div class="title">
         <table>
@@ -348,18 +375,20 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
             <td>
               ${Object.keys(SHORT_INVOICE_TYPE['TAX_INVOICE']).map(key => {
             const disabled = key !== InvoiceType.TAX_INVOICE && key !== InvoiceType.SMALL_BUSINESS_TAX_INVOICE;
-            const checked = key === InvoiceType.TAX_INVOICE;
+            const checked = key === invoiceTypeKey;
             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}
-                    @change=${this._onInputTaxInvoice}
-                  />
+                  <span class="radio-wrapper">
+                    <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 || readOnly}
+                      @change=${this._onInputTaxInvoice}
+                    />
+                  </span>
                 `;
         })}
             </td>
@@ -376,7 +405,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                     value="${key}"
                     name="buyerBusinessRegistrationCategory"
                     ?checked=${checked}
-                    ?disabled=${disabled}
+                    ?disabled=${disabled || readOnly}
                   />
                 `;
         })}
@@ -387,8 +416,8 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
 
       <div class="body">
         <div class="header">
-          <span><button @click=${this._openSupplierPopup}>공급처 선택</button></span>
-          <span><button @click=${this._openBuyerPopup}>공급받는자 선택</button></span>
+          <span><button @click=${this._openSupplierPopup} ?disabled=${readOnly}>공급처 선택</button></span>
+          <span><button @click=${this._openBuyerPopup} ?disabled=${readOnly}>공급받는자 선택</button></span>
         </div>
 
         <div class="data">
@@ -417,6 +446,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="supplierBusinessName"
                   .value=${this.supplier?.supplierBusinessName || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
               <th required>${i18next.t('field.tax invoice representative name')}</th>
@@ -426,6 +456,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="supplierRepresentativeName"
                   .value=${this.supplier?.supplierRepresentativeName || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
             </tr>
@@ -441,6 +472,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="supplierBusinessType"
                   .value=${this.supplier?.supplierBusinessType || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
               <th>${i18next.t('field.industry type')}</th>
@@ -450,6 +482,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="supplierIndustryType"
                   .value=${this.supplier?.supplierIndustryType || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
             </tr>
@@ -461,6 +494,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="supplierContactEmail"
                   .value=${this.supplier?.supplierContactEmail || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
             </tr>
@@ -485,6 +519,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="buyerBusinessRegistrationNumber"
                   .value=${this.buyer?.buyerBusinessRegistrationNumber || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
               <th>${i18next.t('field.short branch identification')}</th>
@@ -494,6 +529,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="buyerBranchIdentification"
                   .value=${this.buyer?.buyerBranchIdentification || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
             </tr>
@@ -505,6 +541,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="buyerBusinessName"
                   .value=${this.buyer?.buyerBusinessName || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
               <th required>${i18next.t('field.tax invoice representative name')}</th>
@@ -514,6 +551,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="buyerRepresentativeName"
                   .value=${this.buyer?.buyerRepresentativeName || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
             </tr>
@@ -525,6 +563,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="buyerAddress"
                   .value=${this.buyer?.buyerAddress || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
             </tr>
@@ -536,6 +575,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="buyerBusinessType"
                   .value=${this.buyer?.buyerBusinessType || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
 
@@ -546,6 +586,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="buyerIndustryType"
                   .value=${this.buyer?.buyerIndustryType || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
             </tr>
@@ -557,6 +598,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="buyer1stContactEmail"
                   .value=${this.buyer?.buyer1stContactEmail || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
             </tr>
@@ -568,6 +610,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="buyer2ndContactEmail"
                   .value=${this.buyer?.buyer2ndContactEmail || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
             </tr>
@@ -583,6 +626,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                 name="issueDate"
                 .value=${this.taxInvoice.issueDate}
                 @input=${this._onInputTaxInvoice}
+                @click=${(e) => e.target.showPicker()}
               />
               <span class="desc">※ 작성일자는 공급 연월일을 의미함</span>
             </div>
@@ -593,6 +637,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                 name="remark0"
                 .value=${this.taxInvoice?.remark0 || ''}
                 @input=${this._onInputTaxInvoice}
+                ?disabled=${readOnly}
               />
             </div>
           </div>
@@ -612,8 +657,8 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
             세액으로 계산할 수 있습니다.
           </div>
           <div class="desc">
-            <button class="btn-add" @click=${this._onAddInvoiceItem}>품목추가</button> 품목은 최대 16개까지 추가, 삭제
-            가능
+            <button class="btn-add" @click=${this._onAddInvoiceItem} ?disabled=${readOnly}>품목추가</button> 품목은 최대
+            16개까지 추가, 삭제 가능
           </div>
 
           <table>
@@ -652,6 +697,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                       numeric
                       maxlength="2"
                       name="supplyDate"
+                      .value=${item.supplyDate?.split('-')?.[2] || ''}
                       @input=${e => this._onInputItem(e, idx)}
                     />
                   </td>
@@ -661,6 +707,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                       name="itemName"
                       .value=${item.itemName}
                       @input=${e => this._onInputItem(e, idx)}
+                      ?disabled=${readOnly}
                     />
                   </td>
                   <td>
@@ -669,6 +716,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                       name="specification"
                       .value=${item.specification}
                       @input=${e => this._onInputItem(e, idx)}
+                      ?disabled=${readOnly}
                     />
                   </td>
                   <td>
@@ -678,6 +726,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                       name="quantity"
                       .value=${this._numberFormat(item.quantity)}
                       @input=${e => this._onInputItem(e, idx)}
+                      ?disabled=${readOnly}
                     />
                   </td>
                   <td>
@@ -687,6 +736,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                       name="unitPrice"
                       .value=${this._numberFormat(item.unitPrice)}
                       @input=${e => this._onInputItem(e, idx)}
+                      ?disabled=${readOnly}
                     />
                   </td>
                   <td>
@@ -696,6 +746,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                       name="supplyPrice"
                       .value=${this._numberFormat(item.supplyPrice)}
                       @input=${e => this._onInputItem(e, idx)}
+                      ?disabled=${readOnly}
                     />
                   </td>
                   <td>
@@ -705,7 +756,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                       name="taxPrice"
                       .value=${this._numberFormat(item.taxPrice)}
                       @input=${e => this._onInputItem(e, idx)}
-                      .disabled=${this.isTaxFree}
+                      ?disabled=${this.isTaxFree || readOnly}
                     />
                   </td>
                   <td>
@@ -714,10 +765,17 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                       name="remark"
                       .value=${item.remark || ''}
                       @input=${e => this._onInputItem(e, idx)}
+                      ?disabled=${readOnly}
                     />
                   </td>
                   <td>
-                    <button class="btn-delete" @click=${e => this._onRemoveInvoiceItem(e, item.sequence)}>삭제</button>
+                    <button
+                      class="btn-delete"
+                      @click=${e => this._onRemoveInvoiceItem(e, item.sequence)}
+                      ?disabled=${readOnly}
+                    >
+                      삭제
+                    </button>
                   </td>
                 </tr>
               `)}
@@ -746,6 +804,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="paymentAmountCash"
                   .value=${this.taxInvoice?.paymentAmountCash || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
               <td>
@@ -755,6 +814,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="paymentAmountCheck"
                   .value=${this.taxInvoice?.paymentAmountCheck || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
               <td>
@@ -764,6 +824,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="paymentAmountPromissoryNote"
                   .value=${this.taxInvoice?.paymentAmountPromissoryNote || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
               <td>
@@ -773,6 +834,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="paymentAmountAccountsReceivable"
                   .value=${this.taxInvoice?.paymentAmountAccountsReceivable || ''}
                   @input=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
               </td>
             </tr>
@@ -788,6 +850,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   .value=${Purpose.INVOICE}
                   @change=${this._onInputTaxInvoice}
                   checked
+                  ?disabled=${readOnly}
                 />
                 <label for="purpose_20">${PURPOSE[Purpose.INVOICE]}</label>
               </div>
@@ -798,6 +861,7 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                   name="purpose"
                   .value=${Purpose.RECEIPT}
                   @change=${this._onInputTaxInvoice}
+                  ?disabled=${readOnly}
                 />
                 <label for="purpose_10">${PURPOSE[Purpose.RECEIPT]}</label>
               </div>
@@ -972,6 +1036,11 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                 supplierContactEmail: e.detail.contactEmail || '',
                 supplierContactCellPhone: e.detail.contactCellPhone || ''
             };
+            this.dispatchEvent(new CustomEvent('supplier-selected', {
+                detail: { supplier: this.supplier },
+                bubbles: true,
+                composed: true
+            }));
             history.back();
         }}
         >
@@ -1025,6 +1094,11 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
                 buyer1stContactEmail: e.detail.contactEmail || '',
                 buyer1stContactCellPhone: e.detail.contactCellPhone || ''
             };
+            this.dispatchEvent(new CustomEvent('buyer-selected', {
+                detail: { buyer: this.buyer },
+                bubbles: true,
+                composed: true
+            }));
             history.back();
         }}
         >
@@ -1062,6 +1136,10 @@ let TaxInvoiceSend = class TaxInvoiceSend extends localize(i18next)(LitElement)
         this.taxInvoice = { ...this.taxInvoice, supplyAmount: supplyPrice, taxAmount: taxPrice, totalAmount: totalAmount };
     }
 };
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], TaxInvoiceSend.prototype, "editMode", void 0);
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)