@things-factory/tax-invoice 8.0.0-beta.9 → 8.0.2

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

@@ -0,0 +1,196 @@
+import '@operato/data-grist'
+
+import { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'
+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'
+import { client } from '@operato/graphql'
+import { i18next, localize } from '@operato/i18n'
+import { notify } from '@operato/layout'
+import gql from 'graphql-tag'
+import { BusinessRegistrationCategory, Category, InvoiceType, Purpose } from '../tax-invoice/tax-invoice-list-page'
+import { CompanyListPopup } from './company-list-popup'
+import { Supplier, Buyer, TaxInvoice, TaxInvoiceItem } from './tax-invoice-send'
+import './tax-invoice-send'
+
+@customElement('tax-invoice-send-page')
+export class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(PageView)) {
+  static styles = [
+    ScrollbarStyles,
+    CommonGristStyles,
+    css`
+      :host {
+        display: flex;
+      }
+    `
+  ]
+
+  static get scopedElements() {
+    return {
+      'company-list-popup': CompanyListPopup
+    }
+  }
+
+  // 오늘 날짜 YYYY-MM-DD 형식으로 뽑기
+  private today: string = new Intl.DateTimeFormat('fr-CA', { timeZone: 'Asia/Seoul' }).format(new Date())
+
+  private defaultSupplier = {
+    supplierBusinessRegistrationCategory: '01',
+    supplierBusinessRegistrationNumber: '',
+    supplierBranchIdentification: '',
+    supplierBusinessName: '',
+    supplierRepresentativeName: ''
+  }
+  @state() supplier: Supplier = this.defaultSupplier
+
+  private defaultBuyer = {
+    buyerBusinessRegistrationCategory: BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER,
+    buyerBusinessRegistrationNumber: '',
+    buyerBusinessName: '',
+    buyerRepresentativeName: ''
+  }
+  @state() buyer: Buyer = this.defaultBuyer
+
+  private defaultTaxInvoice = {
+    invoiceType: InvoiceType.TAX_INVOICE,
+    category: Category.EXPORT,
+    issueDate: this.today,
+    purpose: Purpose.INVOICE,
+    supplyAmount: 0,
+    taxAmount: 0,
+    totalAmount: 0
+  }
+  @state() taxInvoice: TaxInvoice = this.defaultTaxInvoice
+
+  private defaultTaxInvoiceItem = {
+    sequence: new Date().getTime(), // 구분용 임시 값 (중복되면 안되니 생성 마다 넣어주기)
+    supplyDate: '',
+    itemName: '',
+    specification: '',
+    quantity: 0,
+    unitPrice: 0,
+    supplyPrice: 0,
+    taxPrice: 0
+  }
+  @state() taxInvoiceItems: TaxInvoiceItem[] = [{ ...this.defaultTaxInvoiceItem }]
+
+  get context() {
+    return {
+      title: i18next.t('title.tax invoice send'),
+      help: 'tax-invoice-send/tax-invoice-send',
+      actions: [
+        {
+          title: i18next.t('button.tax invoice send'),
+          action: this._sendTaxInvoice.bind(this),
+          ...CommonButtonStyles.add
+        }
+      ]
+    }
+  }
+
+  render() {
+    return html` <tax-invoice-send></tax-invoice-send> `
+  }
+
+  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
+    )
+
+    // taxInvoice 데이터 생성 및 타입 변환
+    let taxInvoice = { ...this.taxInvoice, ...this.supplier, ...this.buyer }
+    taxInvoice.paymentAmountCash = Number(taxInvoice.paymentAmountCash || 0)
+    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
+    ) {
+      await CustomAlert({
+        type: 'warning',
+        title: '공급받는자 필수 값을 모두 입력해 주세요.',
+        text: '공급받는자 필수 값을 모두 입력해 주세요.',
+        confirmButton: { text: i18next.t('button.confirm') }
+      })
+      return
+    }
+
+    // 아이템 개수 체크
+    if (taxInvoiceItems.length === 0) {
+      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) {
+      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
+    if (paymentAmount > 0 && paymentAmount !== taxInvoice.totalAmount) {
+      await CustomAlert({
+        type: 'warning',
+        title: '현금, 수표, 어음, 외상미수금의 합계는 총 합계금액과 동일해야 합니다.',
+        text: '현금, 수표, 어음, 외상미수금의 합계는 총 합계금액과 동일해야 합니다.',
+        confirmButton: { text: i18next.t('button.confirm') }
+      })
+      return
+    }
+
+    const response = await client.mutate({
+      mutation: gql`
+        mutation SendTaxInvoicesByApi($taxInvoiceSendList: [TaxInvoiceSend!]!) {
+          response: sendTaxInvoicesByApi(taxInvoiceSendList: $taxInvoiceSendList)
+        }
+      `,
+      variables: {
+        taxInvoiceSendList: [
+          {
+            taxInvoice,
+            taxInvoiceItems
+          }
+        ]
+      }
+    })
+
+    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 = [{ ...this.defaultTaxInvoiceItem }]
+    }
+  }
+}