@things-factory/tax-invoice 6.2.86 → 7.0.0-alpha.1

package/client/pages/tax-invoice/tax-invoice-detail-popup.ts

@@ -149,7 +149,7 @@ export class TaxInvoiceDetailPopup extends localize(i18next)(LitElement) {
         <table>
           <tr>
             <th>${i18next.t('field.approval no')}</th>
-            <td>${this.detail.approvalNo}</td>
+            <td>${this.detail?.approvalNo?.replace(/(\d{8})(\d{8})(\d{8})/g, '$1-$2-$3')}</td>
           </tr>
         </table>
       </div>
@@ -168,7 +168,7 @@ export class TaxInvoiceDetailPopup extends localize(i18next)(LitElement) {
             <tr>
               <th rowspan="6" class="target">${i18next.t('field.tax invoice supplier')}</th>
               <th>${i18next.t('field.short business registration number')}</th>
-              <td>${this.detail.supplierBusinessRegistrationNumber}</td>
+              <td>${this.detail?.supplierBusinessRegistrationNumber?.replace(/(\d{3})(\d{2})(\d{5})/g, '$1-$2-$3')}</td>
               <th>${i18next.t('field.short branch identification')}</th>
               <td>${this.detail.supplierBranchIdentification}</td>
             </tr>
@@ -199,7 +199,7 @@ export class TaxInvoiceDetailPopup extends localize(i18next)(LitElement) {
             <tr>
               <th rowspan="6" class="target">${i18next.t('field.tax invoice buyer')}</th>
               <th>${i18next.t('field.short business registration number')}</th>
-              <td>${this.detail.buyerBusinessRegistrationNumber}</td>
+              <td>${this.detail?.buyerBusinessRegistrationNumber?.replace(/(\d{3})(\d{2})(\d{5})/g, '$1-$2-$3')}</td>
               <th>${i18next.t('field.short branch identification')}</th>
               <td>${this.detail.buyerBranchIdentification}</td>
             </tr>
@@ -247,7 +247,7 @@ export class TaxInvoiceDetailPopup extends localize(i18next)(LitElement) {
               <th>${i18next.t('field.remark0')}</th>
             </tr>
             <tr>
-              <td>${this.detail.issueDate}</td>
+              <td>${this.detail.issueDate?.split('T')[0]}</td>
               <td>${this._numberFormat(this.detail.supplyAmount)}</td>
               <td>${this._numberFormat(this.detail.taxAmount)}</td>
               <td>${this.detail.modificationReason}</td>
@@ -286,7 +286,7 @@ export class TaxInvoiceDetailPopup extends localize(i18next)(LitElement) {
                 html`
                   <tr>
                     <td>${item.supplyDate.split('-')[1]}</td>
-                    <td>${item.supplyDate.split('-')[2]}</td>
+                    <td>${item.supplyDate.split('-')[2]?.split('T')[0]}</td>
                     <td>${item.itemName}</td>
                     <td>${item.specification}</td>
                     <td>${item.quantity}</td>
@@ -344,7 +344,6 @@ export class TaxInvoiceDetailPopup extends localize(i18next)(LitElement) {
         query ($id: String!) {
           responses: taxInvoice(id: $id) {
             id
-            name
             category
             approvalNo
             originalApprovalNo

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

@@ -3,7 +3,7 @@ import '@operato/data-grist'
 import { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'
 import { PageView } from '@operato/shell'
 import { css, html } from 'lit'
-import { customElement, property, query } from 'lit/decorators.js'
+import { customElement, property, state, query } from 'lit/decorators.js'
 import { ScopedElementsMixin } from '@open-wc/scoped-elements'
 import { DataGrist, FetchOption } from '@operato/data-grist'
 import { client } from '@operato/graphql'
@@ -15,28 +15,50 @@ import gql from 'graphql-tag'
 
 import './tax-invoice-detail-popup'
 
+export enum Category {
+  EXPORT = '10', // 매출
+  IMPORT = '20', // 매입
+  NTS = '30' // NTS
+}
 export const CATEGORY = {
-  '10': '매출',
-  '20': '매입',
-  '30': 'NTS'
+  [Category.EXPORT]: '매출',
+  [Category.IMPORT]: '매입',
+  [Category.NTS]: 'NTS'
 }
 
+export enum InvoiceType {
+  'TAX_INVOICE' = '0101',
+  'SMALL_BUSINESS_TAX_INVOICE' = '0102',
+  'CONSIGNMENT_TAX_INVOICE' = '0103',
+  'SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE' = '0105',
+  'REVISED_TAX_INVOICE' = '0201',
+  'REVISED_SMALL_BUSINESS_TAX_INVOICE' = '0202',
+  'REVISED_CONSIGNMENT_TAX_INVOICE' = '0203',
+  'REVISED_IMPORT_TAX_INVOICE' = '0204',
+  'REVISED_SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE' = '0205',
+  'INVOICE' = '0301',
+  'CONSIGNMENT_INVOICE' = '0303',
+  'IMPORT_INVOICE' = '0304',
+  'REVISED_INVOICE' = '0401',
+  'REVISED_CONSIGNMENT_INVOICE' = '0403',
+  'REVISED_IMPORT_INVOICE' = '0404'
+}
 export const INVOICE_TYPE = {
-  '0101': '일반 세금계산서',
-  '0102': '영세율 세금계산서',
-  '0103': '위수탁 세금계산서',
-  '0105': '영세율 위수탁 세금계산서',
-  '0201': '수정 일반 세금계산서',
-  '0202': '수정 영세율 세금계산서',
-  '0203': '수정 위수탁 세금계산서',
-  '0204': '수정 수입 세금계산서',
-  '0205': '수정 영세율 위수탁 세금계산서',
-  '0301': '일반 계산서',
-  '0303': '위수탁 계산서',
-  '0304': '수입 계산서',
-  '0401': '수정 일반 계산서',
-  '0403': '수정 위수탁 계산서',
-  '0404': '정 수입 계산서'
+  [InvoiceType.TAX_INVOICE]: '일반 세금계산서',
+  [InvoiceType.SMALL_BUSINESS_TAX_INVOICE]: '영세율 세금계산서',
+  [InvoiceType.CONSIGNMENT_TAX_INVOICE]: '위수탁 세금계산서',
+  [InvoiceType.SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE]: '영세율 위수탁 세금계산서',
+  [InvoiceType.REVISED_TAX_INVOICE]: '수정 일반 세금계산서',
+  [InvoiceType.REVISED_SMALL_BUSINESS_TAX_INVOICE]: '수정 영세율 세금계산서',
+  [InvoiceType.REVISED_CONSIGNMENT_TAX_INVOICE]: '수정 위수탁 세금계산서',
+  [InvoiceType.REVISED_IMPORT_TAX_INVOICE]: '수정 수입 세금계산서',
+  [InvoiceType.REVISED_SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE]: '수정 영세율 위수탁 세금계산서',
+  [InvoiceType.INVOICE]: '일반 계산서',
+  [InvoiceType.CONSIGNMENT_INVOICE]: '위수탁 계산서',
+  [InvoiceType.IMPORT_INVOICE]: '수입 계산서',
+  [InvoiceType.REVISED_INVOICE]: '수정 일반 계산서',
+  [InvoiceType.REVISED_CONSIGNMENT_INVOICE]: '수정 위수탁 계산서',
+  [InvoiceType.REVISED_IMPORT_INVOICE]: '수정 수입 계산서'
 }
 
 export const PURPOSE = {
@@ -52,17 +74,42 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
     css`
       :host {
         display: flex;
+        flex-direction: column;
 
         width: 100%;
 
         --grid-record-emphasized-background-color: red;
         --grid-record-emphasized-color: yellow;
       }
+
+      div.summary {
+        display: grid;
+        grid-template-columns: 0.7fr 1fr 0.7fr 1fr 0.7fr 1fr 0.7fr 1fr;
+        border: solid #d3dbe5;
+        border-width: 2px 0;
+        margin: 15px 40px;
+        align-content: center;
+
+        span.title {
+          background-color: #e9edf6;
+          text-align: center;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          height: 35px;
+        }
+        span.value {
+          padding-left: 10px;
+          display: flex;
+          align-items: center;
+          height: 35px;
+        }
+      }
     `
   ]
 
   @property({ type: Object }) gristConfig: any
-  @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'
+  @state() summary: { count: number; total: number; supply: number; tax: number } | null = null
 
   @query('ox-grist') private grist!: DataGrist
 
@@ -72,9 +119,9 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
       help: 'tax-invoice/tax-invoice',
       actions: [
         {
-          title: i18next.t('button.delete'),
-          action: this._deleteTaxInvoice.bind(this),
-          ...CommonButtonStyles.delete
+          title: i18next.t('button.memo save'),
+          action: this._updateTaxInvoice.bind(this),
+          ...CommonButtonStyles.save
         }
       ],
       exportable: {
@@ -89,6 +136,17 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
     const mode = 'GRID'
 
     return html`
+      <div class="summary">
+        <span class="title">${i18next.t('field.summary total count')}</span>
+        <span class="value">${this._numberFormat(this.summary?.count)}</span>
+        <span class="title">${i18next.t('field.summary total amount')}</span>
+        <span class="value">${this._numberFormat(this.summary?.total)}</span>
+        <span class="title">${i18next.t('field.summary supply amount')}</span>
+        <span class="value">${this._numberFormat(this.summary?.supply)}</span>
+        <span class="title">${i18next.t('field.summary tax amount')}</span>
+        <span class="value">${this._numberFormat(this.summary?.tax)}</span>
+      </div>
+
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
         <div slot="headroom">
           <div id="filters">
@@ -97,7 +155,6 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
         </div>
       </ox-grist>
     `
-    // <button @click=${() => this.createTaxInvoice('3')}>생성</button>
   }
 
   async pageInitialized(lifecycle: any) {
@@ -117,8 +174,8 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
         },
         {
           type: 'string',
-          name: 'name',
-          header: i18next.t('field.name'),
+          name: 'memo',
+          header: i18next.t('field.memo'),
           record: {
             editable: true
           },
@@ -131,8 +188,27 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
           header: i18next.t('field.tax invoice category'),
           record: {
             renderer: value => CATEGORY[value],
+            classifier: function (record, rowIndex) {
+              return {
+                emphasized: record.category === Category.EXPORT ? ['#c6daf6', 'black'] : ['#fedbde', 'black']
+              }
+            },
             align: 'center'
           },
+          filter: {
+            type: 'select',
+            value: Category.EXPORT,
+            options: () => [
+              {
+                display: '매출',
+                value: Category.EXPORT
+              },
+              {
+                display: '매입',
+                value: Category.IMPORT
+              }
+            ]
+          },
           width: 80
         },
         {
@@ -162,7 +238,8 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
           name: 'supplierBusinessRegistrationNumber',
           header: i18next.t('field.supplier business registration number'),
           record: {
-            align: 'center'
+            align: 'center',
+            renderer: value => value.replace(/(\d{3})(\d{2})(\d{5})/g, '$1-$2-$3')
           },
           width: 150
         },
@@ -189,7 +266,7 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
           name: 'totalAmount',
           header: i18next.t('field.total amount'),
           record: {
-            renderer: value => value && new Intl.NumberFormat('en-US').format(value),
+            renderer: value => value && this._numberFormat(value),
             align: 'center'
           },
           width: 90
@@ -199,7 +276,7 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
           name: 'supplyAmount',
           header: i18next.t('field.supply amount'),
           record: {
-            renderer: value => value && new Intl.NumberFormat('en-US').format(value),
+            renderer: value => value && this._numberFormat(value),
             align: 'center'
           },
           width: 90
@@ -209,7 +286,7 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
           name: 'taxAmount',
           header: i18next.t('field.tax amount'),
           record: {
-            renderer: value => value && new Intl.NumberFormat('en-US').format(value),
+            renderer: value => value && this._numberFormat(value),
             align: 'center'
           },
           width: 90
@@ -219,7 +296,8 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
           name: 'approvalNo',
           header: i18next.t('field.approval no'),
           record: {
-            align: 'center'
+            align: 'center',
+            renderer: value => value.replace(/(\d{8})(\d{8})(\d{8})/g, '$1-$2-$3')
           },
           width: 200
         },
@@ -307,7 +385,7 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
           responses: taxInvoices(filters: $filters, pagination: $pagination, sortings: $sortings) {
             items {
               id
-              name
+              memo
               category
               issueDate
               signatureDate
@@ -341,44 +419,19 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
       }
     })
 
+    this.summary = {
+      count: response.data.responses.total || 0,
+      supply: response.data.responses.total || 0,
+      tax: response.data.responses.total || 0,
+      total: response.data.responses.total || 0
+    }
+
     return {
       total: response.data.responses.total || 0,
       records: response.data.responses.items || []
     }
   }
 
-  async _deleteTaxInvoice() {
-    if (
-      await OxPrompt.open({
-        title: i18next.t('text.are_you_sure'),
-        text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),
-        confirmButton: { text: i18next.t('button.confirm') },
-        cancelButton: { text: i18next.t('button.cancel') }
-      })
-    ) {
-      const ids = this.grist.selected.map(record => record.id)
-      if (ids && ids.length > 0) {
-        const response = await client.mutate({
-          mutation: gql`
-            mutation ($ids: [String!]!) {
-              deleteTaxInvoices(ids: $ids)
-            }
-          `,
-          variables: {
-            ids
-          }
-        })
-
-        if (!response.errors) {
-          this.grist.fetch()
-          notify({
-            message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })
-          })
-        }
-      }
-    }
-  }
-
   async _updateTaxInvoice() {
     let patches = this.grist.dirtyRecords
     if (patches && patches.length) {
@@ -415,111 +468,6 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
     }
   }
 
-  async createTaxInvoice(num: string) {
-    const year = '2024'
-    const month = '01'
-    const day = '02'
-    const firstWordOfNum = num.slice(0, 1)
-    const firstWordOfNumNext = String(Number(num.slice(0, 1)) + 1).slice(0, 1)
-    const supplyAmount = 1000000 * Number(firstWordOfNum)
-    const taxAmount = supplyAmount / 10
-
-    const taxInvoice = {
-      name: '설명' + num.repeat(3),
-      category: '10',
-      approvalNo: year + month + day + '-' + firstWordOfNum.repeat(8) + '-' + firstWordOfNum.repeat(8),
-      issueDate: `${year}-${month}-${day}`,
-      signatureDate: `${year}-${month}-${Number(day) + 1}`,
-      invoiceType: '0101',
-      purpose: '02',
-      remark0: '비고' + num.repeat(3),
-      supplierBusinessRegistrationCategory: '01',
-      supplierBusinessRegistrationNumber: `${firstWordOfNum.repeat(3)}-${firstWordOfNum.repeat(2)}-${firstWordOfNum.repeat(5)}`,
-      supplierBusinessName: '공급자 회사명' + firstWordOfNum.repeat(3),
-      supplierRepresentativeName: '공급자 대표자' + firstWordOfNum.repeat(3),
-      supplierAddress: '공급자 주소' + firstWordOfNum.repeat(3),
-      supplierBusinessType: '공급자 업태' + firstWordOfNum.repeat(3),
-      supplierIndustryType: '공급자 업종' + firstWordOfNum.repeat(3),
-      supplierDepartment: '공급자 담당 부서' + firstWordOfNum.repeat(3),
-      supplierContactName: '공급자 담당자명' + firstWordOfNum.repeat(3),
-      supplierContactPhone: `010-${firstWordOfNum.repeat(4)}-${firstWordOfNum.repeat(4)}`,
-      supplierContactEmail: '공급자 담당자 이메일' + firstWordOfNum.repeat(3),
-      supplierContactCellPhone: '공급자 핸드폰 번호' + firstWordOfNum.repeat(3),
-
-      buyerBusinessRegistrationCategory: '01',
-      buyerBusinessRegistrationNumber: `${firstWordOfNumNext.repeat(3)}-${firstWordOfNumNext.repeat(2)}-${firstWordOfNumNext.repeat(5)}`,
-      buyerBusinessName: '공급자 회사명' + firstWordOfNum.repeat(3),
-      buyerRepresentativeName: '공급자 대표자' + firstWordOfNum.repeat(3),
-      buyerAddress: '공급자 주소' + firstWordOfNum.repeat(3),
-      buyerBusinessType: '공급자 업태' + firstWordOfNum.repeat(3),
-      buyerIndustryType: '공급자 업종' + firstWordOfNum.repeat(3),
-      buyer1stDepartment: '공급자 담당 부서 1st' + firstWordOfNum.repeat(3),
-      buyer1stContactName: '공급자 담당자명 1st' + firstWordOfNum.repeat(3),
-      buyer1stContactPhone: `011-${firstWordOfNumNext.repeat(4)}-${firstWordOfNumNext.repeat(4)}`,
-      buyer1stContactEmail: '공급자 담당자 이메일 1st' + firstWordOfNum.repeat(3),
-      buyer1stContactCellPhone: '공급자 핸드폰 번호 1st' + firstWordOfNum.repeat(3),
-      buyer2ndDepartment: '공급자 담당 부서 2nd' + firstWordOfNum.repeat(3),
-      buyer2ndContactName: '공급자 담당자명 2nd' + firstWordOfNum.repeat(3),
-      buyer2ndContactPhone: `022-${firstWordOfNumNext.repeat(4)}-${firstWordOfNumNext.repeat(4)}`,
-      buyer2ndContactEmail: '공급자 담당자 이메일 2nd' + firstWordOfNum.repeat(3),
-      buyer2ndContactCellPhone: '공급자 핸드폰 번호 2nd' + firstWordOfNum.repeat(3),
-
-      paymentAmountCash: 0,
-      paymentAmountCheck: 0,
-      paymentAmountPromissoryNote: 0,
-      paymentAmountAccountsReceivable: 0,
-      supplyAmount: supplyAmount,
-      taxAmount: taxAmount,
-      totalAmount: supplyAmount + taxAmount
-    }
-
-    const taxInvoiceItems = [
-      {
-        sequence: 1,
-        supplyDate: `${year}-${month}-${day}`,
-        itemName: '아이템01',
-        specification: 'EA',
-        quantity: 1,
-        unitPrice: 100000,
-        supplyPrice: 100000,
-        taxPrice: 10000,
-        remark: '아이템 비고 01'
-      },
-      {
-        sequence: 2,
-        supplyDate: `${year}-${month}-${Number(day) + 1}`,
-        itemName: '아이템02',
-        specification: 'EA',
-        quantity: 2,
-        unitPrice: 100000,
-        supplyPrice: 200000,
-        taxPrice: 20000,
-        remark: '아이템 비고 02'
-      }
-    ]
-
-    const response = await client.mutate({
-      mutation: gql`
-        mutation CreateTaxInvoice($taxInvoice: NewTaxInvoice!, $taxInvoiceItems: [NewTaxInvoiceItem!]!) {
-          createTaxInvoice(taxInvoice: $taxInvoice, taxInvoiceItems: $taxInvoiceItems) {
-            id
-          }
-        }
-      `,
-      variables: {
-        taxInvoice,
-        taxInvoiceItems
-      }
-    })
-
-    if (!response.errors) {
-      this.grist.fetch()
-      notify({
-        message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })
-      })
-    }
-  }
-
   async exportHandler() {
     const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records
     const targetFieldSet = new Set(['id', 'name'])
@@ -541,4 +489,6 @@ export class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(Pa
       title: i18next.t('title.tax invoice detail')
     })
   }
+
+  private _numberFormat = (num: number | undefined) => Intl.NumberFormat('en-US').format(num || 0)
 }

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

@@ -147,7 +147,7 @@ export class TaxInvoiceApiPage extends localize(i18next)(ScopedElementsMixin(Pag
         {
           type: 'string',
           name: 'businessName',
-          header: i18next.t('field.business name'),
+          header: i18next.t('field.tax invoice business name'),
           record: {
             editable: true
           },
@@ -156,7 +156,7 @@ export class TaxInvoiceApiPage extends localize(i18next)(ScopedElementsMixin(Pag
         {
           type: 'string',
           name: 'representativeName',
-          header: i18next.t('field.representative name'),
+          header: i18next.t('field.tax invoice representative name'),
           record: {
             editable: true
           },
@@ -243,7 +243,7 @@ export class TaxInvoiceApiPage extends localize(i18next)(ScopedElementsMixin(Pag
             options: async () => {
               return {
                 objectified: true,
-                attributeSet: await this.getAttributeSetForDomain()
+                attributeSet: await this.getAttributeSetForEntity()
               }
             }
           },
@@ -311,6 +311,7 @@ export class TaxInvoiceApiPage extends localize(i18next)(ScopedElementsMixin(Pag
               contactPhone
               contactEmail
               contactCellPhone
+              attributes
               updater {
                 id
                 name
@@ -402,11 +403,11 @@ export class TaxInvoiceApiPage extends localize(i18next)(ScopedElementsMixin(Pag
     }
   }
 
-  async getAttributeSetForDomain() {
+  async getAttributeSetForEntity() {
     const response = await client.query({
       query: gql`
         query {
-          attributeSet: attributeSetByEntity(entity: "Domain") {
+          attributeSet: attributeSetByEntity(entity: "TaxInvoiceApi") {
             entity
             description
             items {

package/client/pages/tax-invoice-company/tax-invoice-company-importer.ts

@@ -76,13 +76,13 @@ export class TaxInvoiceCompanyImporter extends LitElement {
       {
         type: 'string',
         name: 'businessName',
-        header: i18next.t('field.business name'),
+        header: i18next.t('field.tax invoice business name'),
         width: 150
       },
       {
         type: 'string',
         name: 'representativeName',
-        header: i18next.t('field.representative name'),
+        header: i18next.t('field.tax invoice representative name'),
         width: 150
       },
       {

package/client/route.ts

@@ -1,13 +1,13 @@
 export default function route(page: string) {
   switch (page) {
-    case 'tax-invoice-main':
-      import('./pages/main')
-      return page
-
     case 'tax-invoice-list':
       import('./pages/tax-invoice/tax-invoice-list-page')
       return page
 
+    case 'tax-invoice-send':
+      // import('./pages/tax-invoice-send/tax-invoice-send-page')
+      return page
+
     case 'tax-invoice-company-list':
       import('./pages/tax-invoice-company/tax-invoice-company-list-page')
       return page

package/dist-client/pages/tax-invoice/tax-invoice-detail-popup.js

@@ -15,13 +15,13 @@ let TaxInvoiceDetailPopup = class TaxInvoiceDetailPopup extends localize(i18next
         this.detail = {};
     }
     render() {
-        var _a;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         return html `
       <div class="title">
         <table>
           <tr>
             <th>${i18next.t('field.approval no')}</th>
-            <td>${this.detail.approvalNo}</td>
+            <td>${(_b = (_a = this.detail) === null || _a === void 0 ? void 0 : _a.approvalNo) === null || _b === void 0 ? void 0 : _b.replace(/(\d{8})(\d{8})(\d{8})/g, '$1-$2-$3')}</td>
           </tr>
         </table>
       </div>
@@ -40,7 +40,7 @@ let TaxInvoiceDetailPopup = class TaxInvoiceDetailPopup extends localize(i18next
             <tr>
               <th rowspan="6" class="target">${i18next.t('field.tax invoice supplier')}</th>
               <th>${i18next.t('field.short business registration number')}</th>
-              <td>${this.detail.supplierBusinessRegistrationNumber}</td>
+              <td>${(_d = (_c = this.detail) === null || _c === void 0 ? void 0 : _c.supplierBusinessRegistrationNumber) === null || _d === void 0 ? void 0 : _d.replace(/(\d{3})(\d{2})(\d{5})/g, '$1-$2-$3')}</td>
               <th>${i18next.t('field.short branch identification')}</th>
               <td>${this.detail.supplierBranchIdentification}</td>
             </tr>
@@ -71,7 +71,7 @@ let TaxInvoiceDetailPopup = class TaxInvoiceDetailPopup extends localize(i18next
             <tr>
               <th rowspan="6" class="target">${i18next.t('field.tax invoice buyer')}</th>
               <th>${i18next.t('field.short business registration number')}</th>
-              <td>${this.detail.buyerBusinessRegistrationNumber}</td>
+              <td>${(_f = (_e = this.detail) === null || _e === void 0 ? void 0 : _e.buyerBusinessRegistrationNumber) === null || _f === void 0 ? void 0 : _f.replace(/(\d{3})(\d{2})(\d{5})/g, '$1-$2-$3')}</td>
               <th>${i18next.t('field.short branch identification')}</th>
               <td>${this.detail.buyerBranchIdentification}</td>
             </tr>
@@ -119,7 +119,7 @@ let TaxInvoiceDetailPopup = class TaxInvoiceDetailPopup extends localize(i18next
               <th>${i18next.t('field.remark0')}</th>
             </tr>
             <tr>
-              <td>${this.detail.issueDate}</td>
+              <td>${(_g = this.detail.issueDate) === null || _g === void 0 ? void 0 : _g.split('T')[0]}</td>
               <td>${this._numberFormat(this.detail.supplyAmount)}</td>
               <td>${this._numberFormat(this.detail.taxAmount)}</td>
               <td>${this.detail.modificationReason}</td>
@@ -153,10 +153,12 @@ let TaxInvoiceDetailPopup = class TaxInvoiceDetailPopup extends localize(i18next
               <th>${i18next.t('field.remark0')}</th>
             </tr>
 
-            ${(_a = this.detail.taxInvoiceItems) === null || _a === void 0 ? void 0 : _a.map(item => html `
+            ${(_h = this.detail.taxInvoiceItems) === null || _h === void 0 ? void 0 : _h.map(item => {
+            var _a;
+            return html `
                   <tr>
                     <td>${item.supplyDate.split('-')[1]}</td>
-                    <td>${item.supplyDate.split('-')[2]}</td>
+                    <td>${(_a = item.supplyDate.split('-')[2]) === null || _a === void 0 ? void 0 : _a.split('T')[0]}</td>
                     <td>${item.itemName}</td>
                     <td>${item.specification}</td>
                     <td>${item.quantity}</td>
@@ -165,7 +167,8 @@ let TaxInvoiceDetailPopup = class TaxInvoiceDetailPopup extends localize(i18next
                     <td>${this._numberFormat(item.taxPrice)}</td>
                     <td>${item.remark}</td>
                   </tr>
-                `)}
+                `;
+        })}
           </table>
         </div>
 
@@ -211,7 +214,6 @@ let TaxInvoiceDetailPopup = class TaxInvoiceDetailPopup extends localize(i18next
         query ($id: String!) {
           responses: taxInvoice(id: $id) {
             id
-            name
             category
             approvalNo
             originalApprovalNo