npm - @things-factory/tax-invoice - Versions diffs - 6.2.86 → 6.2.88 - Mend

@things-factory/tax-invoice 6.2.86 → 6.2.88

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 (52) hide show

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

@@ -0,0 +1,510 @@
+import { __decorate, __metadata } from "tslib";
+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, 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 { BUSINESS_REGISTRATION_CATEGORY, BusinessRegistrationCategory, Category, INVOICE_TYPE, InvoiceType, Purpose } from '../tax-invoice/tax-invoice-list-page';
+const SHORT_INVOICE_TYPE = {
+    TAX_INVOICE: {
+        [InvoiceType.TAX_INVOICE]: '일반',
+        [InvoiceType.SMALL_BUSINESS_TAX_INVOICE]: '영세율',
+        [InvoiceType.CONSIGNMENT_TAX_INVOICE]: '위수탁',
+        [InvoiceType.SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE]: '위수탁영세율'
+    },
+    INVOICE: {
+        [InvoiceType.INVOICE]: '일반',
+        [InvoiceType.CONSIGNMENT_INVOICE]: '위수탁'
+        // [InvoiceType.IMPORT_INVOICE]: INVOICE_TYPE[IMPORT_INVOICE],
+    }
+};
+const SHORT_BUSINESS_REGISTRATION_CATEGORY = {
+    [BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER]: '사업자',
+    [BusinessRegistrationCategory.RESIDENT_REGISTRATION_NUMBER]: '개인',
+    [BusinessRegistrationCategory.FOREIGNER_REGISTRATION_NUMBER]: '외국인'
+};
+let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(PageView)) {
+    constructor() {
+        super(...arguments);
+        this.supplier = {
+            supplierBusinessRegistrationNumber: '',
+            supplierBusinessName: '',
+            supplierRepresentativeName: ''
+        };
+        this.buyer = {
+            buyerBusinessRegistrationCategory: BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER,
+            buyerBusinessRegistrationNumber: '',
+            buyerBusinessName: '',
+            buyerRepresentativeName: ''
+        };
+        this.taxInvoice = {
+            invoiceType: InvoiceType.TAX_INVOICE,
+            category: Category.EXPORT,
+            issueDate: null,
+            purpose: Purpose.RECEIPT,
+            supplyAmount: 0,
+            totalAmount: 0
+        };
+    }
+    get context() {
+        return {
+            title: i18next.t('title.tax invoice send'),
+            help: 'tax-invoice-send/tax-invoice-send',
+            actions: [
+                Object.assign({ title: i18next.t('button.tax invoice send'), action: this._sendTaxInvoice.bind(this) }, CommonButtonStyles.add)
+            ]
+        };
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
+        return html `
+      <div class="invoice-type">
+        * ${INVOICE_TYPE[(_a = this.taxInvoice) === null || _a === void 0 ? void 0 : _a.invoiceType]} (${SHORT_BUSINESS_REGISTRATION_CATEGORY[this.buyer.buyerBusinessRegistrationCategory]})
+      </div>
+      <div class="title">
+        <table>
+          <tr>
+            <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 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="taxInvoice" ?checked=${checked} ?disabled=${disabled} />
+                `;
+        })}
+            </td>
+            <th>${i18next.t('field.tax invoice buyer registration category')}</th>
+            <td>
+              ${Object.keys(BUSINESS_REGISTRATION_CATEGORY).map(key => {
+            const disabled = key !== BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER;
+            const checked = 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} />
+                `;
+        })}
+            </td>
+          </tr>
+        </table>
+      </div>
+      <div class="body">
+        <form id="tax-invoice-form">
+          <div class="data">
+            <table class="supplier">
+              <colgroup>
+                <col width="150px" />
+                <col width="18%" />
+                <col width="32%" />
+                <col width="18%" />
+                <col width="32%" />
+              </colgroup>
+              <tr>
+                <th rowspan="6" class="target">${i18next.t('field.tax invoice supplier')}</th>
+                <th>${i18next.t('field.short business registration number')}</th>
+                <td><input type="text" name="supplierBusinessRegistrationNumber" .value=${((_b = this.supplier) === null || _b === void 0 ? void 0 : _b.supplierBusinessRegistrationNumber) || ''} readonly /></td>
+                <th>${i18next.t('field.short branch identification')}</th>
+                <td><input type="text" name="supplierBranchIdentification" .value=${((_c = this.supplier) === null || _c === void 0 ? void 0 : _c.supplierBranchIdentification) || ''} readonly /></td>
+              </tr>
+              <tr>
+                <th>${i18next.t('field.short tax invoice business name')}</th>
+                <td><input type="text" name="supplierBusinessName" .value=${((_d = this.supplier) === null || _d === void 0 ? void 0 : _d.supplierBusinessName) || ''} @input=${this._onInputTaxInvoice} /></td>
+                <th>${i18next.t('field.short representative name')}</th>
+                <td>${(_e = this.supplier) === null || _e === void 0 ? void 0 : _e.supplierRepresentativeName}</td>
+              </tr>
+              <tr>
+                <th>${i18next.t('field.address')}</th>
+                <td colspan="3">${(_f = this.supplier) === null || _f === void 0 ? void 0 : _f.supplierAddress}</td>
+              </tr>
+              <tr>
+                <th>${i18next.t('field.business type')}</th>
+                <td>${(_g = this.supplier) === null || _g === void 0 ? void 0 : _g.supplierBusinessType}</td>
+                <th>${i18next.t('field.industry type')}</th>
+                <td>${(_h = this.supplier) === null || _h === void 0 ? void 0 : _h.supplierIndustryType}</td>
+              </tr>
+              <tr>
+                <th rowspan="2">${i18next.t('field.email')}</th>
+                <td rowspan="2" colspan="3">${(_j = this.supplier) === null || _j === void 0 ? void 0 : _j.supplierContactEmail}</td>
+              </tr>
+              <tr></tr>
+            </table>
+            <table class="buyer">
+              <colgroup>
+                <col width="150px" />
+                <col width="18%" />
+                <col width="32%" />
+                <col width="18%" />
+                <col width="32%" />
+              </colgroup>
+              <tr>
+                <th rowspan="6" class="target">${i18next.t('field.tax invoice buyer')}</th>
+                <th>${i18next.t('field.short business registration number')}</th>
+                <td>${(_k = this.buyer) === null || _k === void 0 ? void 0 : _k.buyerBusinessRegistrationNumber}</td>
+                <th>${i18next.t('field.short branch identification')}</th>
+                <td>${(_l = this.buyer) === null || _l === void 0 ? void 0 : _l.buyerBranchIdentification}</td>
+              </tr>
+              <tr>
+                <th>${i18next.t('field.short tax invoice business name')}</th>
+                <td>${(_m = this.buyer) === null || _m === void 0 ? void 0 : _m.buyerBusinessName}</td>
+                <th>${i18next.t('field.short representative name')}</th>
+                <td>${(_o = this.buyer) === null || _o === void 0 ? void 0 : _o.buyerRepresentativeName}</td>
+              </tr>
+              <tr>
+                <th>${i18next.t('field.address')}</th>
+                <td colspan="3">${(_p = this.buyer) === null || _p === void 0 ? void 0 : _p.buyerAddress}</td>
+              </tr>
+              <tr>
+                <th>${i18next.t('field.business type')}</th>
+                <td>${(_q = this.buyer) === null || _q === void 0 ? void 0 : _q.buyerBusinessType}</td>
+                <th>${i18next.t('field.industry type')}</th>
+                <td>${(_r = this.buyer) === null || _r === void 0 ? void 0 : _r.buyerIndustryType}</td>
+              </tr>
+              <tr>
+                <th>${i18next.t('field.email')}</th>
+                <td colspan="3">${(_s = this.buyer) === null || _s === void 0 ? void 0 : _s.buyer1stContactEmail}</td>
+              </tr>
+              <tr>
+                <th>${i18next.t('field.email')}</th>
+                <td colspan="3">${(_t = this.buyer) === null || _t === void 0 ? void 0 : _t.buyer2ndContactEmail}</td>
+              </tr>
+            </table>
+          </div>
+          <div class="info">
+            <table>
+              <colgroup>
+                <col width="15%" />
+                <col width="15%" />
+                <col width="15%" />
+                <col width="40%" />
+              </colgroup>
+              <tr>
+                <th>${i18next.t('field.issue date')}</th>
+                <th>${i18next.t('field.supply amount')}</th>
+                <th>${i18next.t('field.tax amount')}</th>
+                <th>${i18next.t('field.remark0')}</th>
+              </tr>
+              <tr>
+                <td>${(_u = this.taxInvoice) === null || _u === void 0 ? void 0 : _u.issueDate}</td>
+                <td>${this._numberFormat((_v = this.taxInvoice) === null || _v === void 0 ? void 0 : _v.supplyAmount)}</td>
+                <td>${this._numberFormat((_w = this.taxInvoice) === null || _w === void 0 ? void 0 : _w.taxAmount)}</td>
+                <td>${(_x = this.taxInvoice) === null || _x === void 0 ? void 0 : _x.remark0}</td>
+              </tr>
+            </table>
+          </div>
+          <div class="items">
+            <table>
+              <colgroup>
+                <col width="4%" />
+                <col width="4%" />
+                <col width="15%" />
+                <col width="9%" />
+                <col width="9%" />
+                <col width="13%" />
+                <col width="13%" />
+                <col width="13%" />
+                <col width="20%" />
+              </colgroup>
+              <tr>
+                <th>${i18next.t('field.tax invoice month')}</th>
+                <th>${i18next.t('field.tax invoice day')}</th>
+                <th>${i18next.t('field.tax invoice item name')}</th>
+                <th>${i18next.t('field.tax invoice ea')}</th>
+                <th>${i18next.t('field.tax invoice quantity')}</th>
+                <th>${i18next.t('field.tax invoice price')}</th>
+                <th>${i18next.t('field.supply amount')}</th>
+                <th>${i18next.t('field.tax amount')}</th>
+                <th>${i18next.t('field.remark0')}</th>
+              </tr>
+              ${(_z = (_y = this.taxInvoice) === null || _y === void 0 ? void 0 : _y.taxInvoiceItems) === null || _z === void 0 ? void 0 : _z.map(item => html `
+                    <tr>
+                      <td>${item.supplyDate}</td>
+                      <td>${item.supplyDate}</td>
+                      <td>${item.itemName}</td>
+                      <td>${item.specification}</td>
+                      <td>${item.quantity}</td>
+                      <td>${this._numberFormat(item.unitPrice)}</td>
+                      <td>${this._numberFormat(item.supplyPrice)}</td>
+                      <td>${this._numberFormat(item.taxPrice)}</td>
+                      <td>${item.remark}</td>
+                    </tr>
+                  `)}
+            </table>
+          </div>
+          <div class="summary">
+            <table>
+              <colgroup>
+                <col width="20%" />
+                <col width="20%" />
+                <col width="20%" />
+                <col width="20%" />
+                <col width="20%" />
+              </colgroup>
+              <tr>
+                <th>${i18next.t('field.total amount')}</th>
+                <th>${i18next.t('field.tax invoice payment cash')}</th>
+                <th>${i18next.t('field.tax invoice payment check')}</th>
+                <th>${i18next.t('field.tax invoice payment promissory note')}</th>
+                <th>${i18next.t('field.tax invoice payment accounts receivable')}</th>
+              </tr>
+              <tr>
+                <td>${this._numberFormat((_0 = this.taxInvoice) === null || _0 === void 0 ? void 0 : _0.totalAmount)}</td>
+                <td>${this._numberFormat((_1 = this.taxInvoice) === null || _1 === void 0 ? void 0 : _1.paymentAmountCash)}</td>
+                <td>${this._numberFormat((_2 = this.taxInvoice) === null || _2 === void 0 ? void 0 : _2.paymentAmountCheck)}</td>
+                <td>${this._numberFormat((_3 = this.taxInvoice) === null || _3 === void 0 ? void 0 : _3.paymentAmountPromissoryNote)}</td>
+                <td>${this._numberFormat((_4 = this.taxInvoice) === null || _4 === void 0 ? void 0 : _4.paymentAmountAccountsReceivable)}</td>
+              </tr>
+            </table>
+            <div>${i18next.t('text.tax invoice description payment', { value: i18next.t(`text.tax invoice description purpose ${(_5 = this.taxInvoice) === null || _5 === void 0 ? void 0 : _5.purpose}`) })}</div>
+          </div>
+        </form>
+      </div>
+    `;
+    }
+    async pageInitialized(lifecycle) {
+        this._fetchSupplier();
+    }
+    async _fetchSupplier() {
+        const response = await client.query({
+            query: gql `
+        query TaxInvoiceApi() {
+          taxInvoiceApi() {
+            businessRegistrationNumber
+            branchIdentification
+            businessName
+            representativeName
+            address
+            businessType
+            industryType
+            department
+            contactName
+            contactPhone
+            contactEmail
+            contactCellPhone
+          }
+        }
+      `
+        });
+        console.log('response.data.responses : ', response.data.responses);
+        this.supplier = response.data.responses;
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (this.active) {
+            // do something here when this page just became as active
+        }
+    }
+    async _sendTaxInvoice(num) {
+        console.log(this.taxInvoiceForm);
+        console.log(this.supplier);
+        return;
+        const response = await client.mutate({
+            mutation: gql `
+        mutation SendTaxInvoiceByApi($taxInvoice: NewTaxInvoice!, $taxInvoiceItems: [NewTaxInvoiceItem!]!) {
+          sendTaxInvoiceByApi(taxInvoice: $taxInvoice, taxInvoiceItems: $taxInvoiceItems) {
+            id
+          }
+        }
+      `,
+            variables: {
+            // taxInvoice,
+            // taxInvoiceItems
+            }
+        });
+        if (!response.errors) {
+            notify({
+                message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })
+            });
+        }
+    }
+    _numberFormat(value) {
+        return !value ? '' : new Intl.NumberFormat('en-US').format(value);
+    }
+    // Input 요소의 값이 변경될 때 호출되는 콜백 함수
+    _onInputTaxInvoice(event) {
+        const target = event.target;
+        this.supplier[target.name] = target.value;
+    }
+};
+TaxInvoiceSendPage.styles = [
+    ScrollbarStyles,
+    CommonGristStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        min-width: 850px;
+        margin: 0 40px;
+        --grid-record-emphasized-background-color: red;
+        --grid-record-emphasized-color: yellow;
+      }
+      div.invoice-type {
+        font-size: 18px;
+        margin-top: 15px;
+      }
+      table {
+        border: solid;
+        border-width: 2px 0;
+        border-collapse: collapse;
+        border-spacing: 0;
+        input[type='text'] {
+          height: 14px;
+          margin: 0;
+          padding: 4px 5px 5px;
+          line-height: 14px;
+          border: 1px solid #bbb;
+          background: #fff;
+          letter-spacing: 0.5px;
+        }
+      }
+      .title table {
+        border-color: #d3dbe5;
+        width: 100%;
+        height: 33px;
+        margin-top: 10px;
+        font-size: 12px;
+        th {
+          font-size: 13px;
+          background-color: #e9edf6;
+          min-width: 140px;
+        }
+        td {
+          width: 50%;
+          padding-left: 10px;
+          & > * {
+            vertical-align: middle;
+          }
+          & > input {
+            margin: 0 5px 0 1px;
+          }
+        }
+      }
+      div.body {
+        margin-top: 15px;
+        font-size: 14px;
+        div.data {
+          display: flex;
+          margin-top: 5px;
+          table {
+            flex: 1;
+            td,
+            th {
+              padding: 5px;
+            }
+            th.target {
+              width: 25px;
+              writing-mode: vertical-rl;
+            }
+            &.supplier {
+              border-color: #f64843;
+              td,
+              th {
+                background-color: #fef5f7;
+                border: solid 1.5px #f5b1b1;
+              }
+              th.target {
+                background-color: #fedbde;
+              }
+            }
+            &.buyer {
+              border-color: #007ed9;
+              td,
+              th {
+                background-color: #f7f7ff;
+                border: solid 1.5px #a7bcff;
+              }
+              th.target {
+                background-color: #c6daf6;
+              }
+            }
+          }
+        }
+        div.items,
+        div.info,
+        div.summary {
+          margin-top: 15px;
+          table {
+            width: 100%;
+            border-color: #000;
+            border-width: 2px 0px 0px 0px;
+            th {
+              background-color: #e9edf5;
+            }
+            th,
+            td {
+              border: solid 1.5px #c4d2ff;
+              padding: 5px;
+              text-align: center;
+            }
+          }
+        }
+        div.summary {
+          display: flex;
+          & > table {
+            flex: 6.7;
+          }
+          & > div {
+            flex: 3.2;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border: 1.5px solid #c4d2ff;
+            border-top: 2px solid #000;
+          }
+        }
+      }
+    `
+];
+__decorate([
+    query('form[name="tax-invoice-form"]'),
+    __metadata("design:type", HTMLFormElement)
+], TaxInvoiceSendPage.prototype, "taxInvoiceForm", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TaxInvoiceSendPage.prototype, "supplier", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], TaxInvoiceSendPage.prototype, "buyer", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], TaxInvoiceSendPage.prototype, "taxInvoice", void 0);
+TaxInvoiceSendPage = __decorate([
+    customElement('tax-invoice-send-page')
+], TaxInvoiceSendPage);
+export { TaxInvoiceSendPage };
+//# sourceMappingURL=tax-invoice-send-page.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"tax-invoice-send-page.js","sourceRoot":"","sources":["../../../client/pages/tax-invoice-send/tax-invoice-send-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\n\nimport { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { BUSINESS_REGISTRATION_CATEGORY, BusinessRegistrationCategory, Category, INVOICE_TYPE, InvoiceType, Purpose } from '../tax-invoice/tax-invoice-list-page'\n\nconst SHORT_INVOICE_TYPE = {\n TAX_INVOICE: {\n [InvoiceType.TAX_INVOICE]: '일반',\n [InvoiceType.SMALL_BUSINESS_TAX_INVOICE]: '영세율',\n [InvoiceType.CONSIGNMENT_TAX_INVOICE]: '위수탁',\n [InvoiceType.SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE]: '위수탁영세율'\n },\n INVOICE: {\n [InvoiceType.INVOICE]: '일반',\n [InvoiceType.CONSIGNMENT_INVOICE]: '위수탁'\n // [InvoiceType.IMPORT_INVOICE]: INVOICE_TYPE[IMPORT_INVOICE],\n }\n}\n\nconst SHORT_BUSINESS_REGISTRATION_CATEGORY = {\n [BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER]: '사업자',\n [BusinessRegistrationCategory.RESIDENT_REGISTRATION_NUMBER]: '개인',\n [BusinessRegistrationCategory.FOREIGNER_REGISTRATION_NUMBER]: '외국인'\n}\n\ninterface Supplier {\n supplierBusinessRegistrationNumber: string\n supplierBranchIdentification?: string\n supplierBusinessName: string\n supplierRepresentativeName: string\n supplierAddress?: string\n supplierBusinessType?: string\n supplierIndustryType?: string\n supplierDepartment?: string\n supplierContactName?: string\n supplierContactPhone?: string\n supplierContactEmail?: string\n supplierContactCellPhone?: string\n}\ninterface Buyer {\n buyerBusinessRegistrationCategory: BusinessRegistrationCategory\n buyerBusinessRegistrationNumber: string\n buyerBranchIdentification?: string\n buyerBusinessName: string\n buyerRepresentativeName: string\n buyerAddress?: string\n buyerBusinessType?: string\n buyerIndustryType?: string\n buyer1stDepartment?: string\n buyer1stContactName?: string\n buyer1stContactPhone?: string\n buyer1stContactEmail?: string\n buyer1stContactCellPhone?: string\n buyer2ndDepartment?: string\n buyer2ndContactName?: string\n buyer2ndContactPhone?: string\n buyer2ndContactEmail?: string\n buyer2ndContactCellPhone?: string\n}\ninterface TaxInvoice {\n category: Category\n issueNo?: string\n approvalNo?: string\n originalApprovalNo?: string\n issueDate: Date | null\n signatureDate?: Date\n invoiceType: InvoiceType\n purpose: Purpose\n remark0?: string\n remark1?: string\n remark2?: string\n paymentAmountCash?: number\n paymentAmountCheck?: number\n paymentAmountPromissoryNote?: number\n paymentAmountAccountsReceivable?: number\n supplyAmount: number\n taxAmount?: number\n totalAmount: number\n taxInvoiceItems?: TaxInvoiceItem[]\n // revisedReason?: RevisedReason\n}\ninterface TaxInvoiceItem {\n sequence?: number\n supplyDate: Date\n itemName: string\n specification: string\n quantity: number\n unitPrice: number\n supplyPrice: number\n taxPrice: number\n remark?: string\n}\n\n@customElement('tax-invoice-send-page')\nexport class TaxInvoiceSendPage extends localize(i18next)(ScopedElementsMixin(PageView)) {\n static styles = [\n ScrollbarStyles,\n CommonGristStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n width: 100%;\n min-width: 850px;\n margin: 0 40px;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n div.invoice-type {\n font-size: 18px;\n margin-top: 15px;\n }\n\n table {\n border: solid;\n border-width: 2px 0;\n border-collapse: collapse;\n border-spacing: 0;\n\n input[type='text'] {\n height: 14px;\n margin: 0;\n padding: 4px 5px 5px;\n line-height: 14px;\n border: 1px solid #bbb;\n background: #fff;\n letter-spacing: 0.5px;\n }\n }\n\n .title table {\n border-color: #d3dbe5;\n width: 100%;\n height: 33px;\n margin-top: 10px;\n font-size: 12px;\n\n th {\n font-size: 13px;\n background-color: #e9edf6;\n min-width: 140px;\n }\n td {\n width: 50%;\n padding-left: 10px;\n\n & > * {\n vertical-align: middle;\n }\n & > input {\n margin: 0 5px 0 1px;\n }\n }\n }\n\n div.body {\n margin-top: 15px;\n font-size: 14px;\n\n div.data {\n display: flex;\n margin-top: 5px;\n\n table {\n flex: 1;\n\n td,\n th {\n padding: 5px;\n }\n th.target {\n width: 25px;\n writing-mode: vertical-rl;\n }\n\n &.supplier {\n border-color: #f64843;\n\n td,\n th {\n background-color: #fef5f7;\n border: solid 1.5px #f5b1b1;\n }\n th.target {\n background-color: #fedbde;\n }\n }\n &.buyer {\n border-color: #007ed9;\n\n td,\n th {\n background-color: #f7f7ff;\n border: solid 1.5px #a7bcff;\n }\n th.target {\n background-color: #c6daf6;\n }\n }\n }\n }\n\n div.items,\n div.info,\n div.summary {\n margin-top: 15px;\n\n table {\n width: 100%;\n border-color: #000;\n border-width: 2px 0px 0px 0px;\n\n th {\n background-color: #e9edf5;\n }\n th,\n td {\n border: solid 1.5px #c4d2ff;\n padding: 5px;\n text-align: center;\n }\n }\n }\n\n div.summary {\n display: flex;\n\n & > table {\n flex: 6.7;\n }\n & > div {\n flex: 3.2;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1.5px solid #c4d2ff;\n border-top: 2px solid #000;\n }\n }\n }\n `\n ]\n\n @query('form[name=\"tax-invoice-form\"]') private taxInvoiceForm!: HTMLFormElement\n\n @state() supplier: Supplier = {\n supplierBusinessRegistrationNumber: '',\n supplierBusinessName: '',\n supplierRepresentativeName: ''\n }\n @property() buyer: Buyer = {\n buyerBusinessRegistrationCategory: BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER,\n buyerBusinessRegistrationNumber: '',\n buyerBusinessName: '',\n buyerRepresentativeName: ''\n }\n @property() taxInvoice: TaxInvoice = {\n invoiceType: InvoiceType.TAX_INVOICE,\n category: Category.EXPORT,\n issueDate: null,\n purpose: Purpose.RECEIPT,\n supplyAmount: 0,\n totalAmount: 0\n }\n\n get context() {\n return {\n title: i18next.t('title.tax invoice send'),\n help: 'tax-invoice-send/tax-invoice-send',\n actions: [\n {\n title: i18next.t('button.tax invoice send'),\n action: this._sendTaxInvoice.bind(this),\n ...CommonButtonStyles.add\n }\n ]\n }\n }\n\n render() {\n return html`\n <div class=\"invoice-type\">\n * ${INVOICE_TYPE[this.taxInvoice?.invoiceType]} (${SHORT_BUSINESS_REGISTRATION_CATEGORY[this.buyer.buyerBusinessRegistrationCategory]})\n </div>\n\n <div class=\"title\">\n <table>\n <tr>\n <th>${i18next.t('field.short invoice type')}</th>\n <td>\n ${Object.keys(SHORT_INVOICE_TYPE['TAX_INVOICE']).map(key => {\n const disabled: boolean = key !== InvoiceType.TAX_INVOICE\n const checked: boolean = key === InvoiceType.TAX_INVOICE\n return html`\n <label for=\"${'tax_' + key}\">${SHORT_INVOICE_TYPE['TAX_INVOICE'][key]}</label>\n <input type=\"radio\" id=\"${'tax_' + key}\" value=\"${key}\" name=\"taxInvoice\" ?checked=${checked} ?disabled=${disabled} />\n `\n })}\n </td>\n <th>${i18next.t('field.tax invoice buyer registration category')}</th>\n <td>\n ${Object.keys(BUSINESS_REGISTRATION_CATEGORY).map(key => {\n const disabled: boolean = key !== BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER\n const checked: boolean = key === BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER\n return html`\n <label for=\"${'tax_' + key}\">${BUSINESS_REGISTRATION_CATEGORY[key]}</label>\n <input type=\"radio\" id=\"${'tax_' + key}\" value=\"${key}\" name=\"buyerBusinessRegistrationCategory\" ?checked=${checked} ?disabled=${disabled} />\n `\n })}\n </td>\n </tr>\n </table>\n </div>\n\n <div class=\"body\">\n <form id=\"tax-invoice-form\">\n <div class=\"data\">\n <table class=\"supplier\">\n <colgroup>\n <col width=\"150px\" />\n <col width=\"18%\" />\n <col width=\"32%\" />\n <col width=\"18%\" />\n <col width=\"32%\" />\n </colgroup>\n <tr>\n <th rowspan=\"6\" class=\"target\">${i18next.t('field.tax invoice supplier')}</th>\n <th>${i18next.t('field.short business registration number')}</th>\n <td><input type=\"text\" name=\"supplierBusinessRegistrationNumber\" .value=${this.supplier?.supplierBusinessRegistrationNumber || ''} readonly /></td>\n <th>${i18next.t('field.short branch identification')}</th>\n <td><input type=\"text\" name=\"supplierBranchIdentification\" .value=${this.supplier?.supplierBranchIdentification || ''} readonly /></td>\n </tr>\n <tr>\n <th>${i18next.t('field.short tax invoice business name')}</th>\n <td><input type=\"text\" name=\"supplierBusinessName\" .value=${this.supplier?.supplierBusinessName || ''} @input=${this._onInputTaxInvoice} /></td>\n <th>${i18next.t('field.short representative name')}</th>\n <td>${this.supplier?.supplierRepresentativeName}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.address')}</th>\n <td colspan=\"3\">${this.supplier?.supplierAddress}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.business type')}</th>\n <td>${this.supplier?.supplierBusinessType}</td>\n <th>${i18next.t('field.industry type')}</th>\n <td>${this.supplier?.supplierIndustryType}</td>\n </tr>\n <tr>\n <th rowspan=\"2\">${i18next.t('field.email')}</th>\n <td rowspan=\"2\" colspan=\"3\">${this.supplier?.supplierContactEmail}</td>\n </tr>\n <tr></tr>\n </table>\n\n <table class=\"buyer\">\n <colgroup>\n <col width=\"150px\" />\n <col width=\"18%\" />\n <col width=\"32%\" />\n <col width=\"18%\" />\n <col width=\"32%\" />\n </colgroup>\n <tr>\n <th rowspan=\"6\" class=\"target\">${i18next.t('field.tax invoice buyer')}</th>\n <th>${i18next.t('field.short business registration number')}</th>\n <td>${this.buyer?.buyerBusinessRegistrationNumber}</td>\n <th>${i18next.t('field.short branch identification')}</th>\n <td>${this.buyer?.buyerBranchIdentification}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.short tax invoice business name')}</th>\n <td>${this.buyer?.buyerBusinessName}</td>\n <th>${i18next.t('field.short representative name')}</th>\n <td>${this.buyer?.buyerRepresentativeName}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.address')}</th>\n <td colspan=\"3\">${this.buyer?.buyerAddress}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.business type')}</th>\n <td>${this.buyer?.buyerBusinessType}</td>\n <th>${i18next.t('field.industry type')}</th>\n <td>${this.buyer?.buyerIndustryType}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.email')}</th>\n <td colspan=\"3\">${this.buyer?.buyer1stContactEmail}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.email')}</th>\n <td colspan=\"3\">${this.buyer?.buyer2ndContactEmail}</td>\n </tr>\n </table>\n </div>\n\n <div class=\"info\">\n <table>\n <colgroup>\n <col width=\"15%\" />\n <col width=\"15%\" />\n <col width=\"15%\" />\n <col width=\"40%\" />\n </colgroup>\n <tr>\n <th>${i18next.t('field.issue date')}</th>\n <th>${i18next.t('field.supply amount')}</th>\n <th>${i18next.t('field.tax amount')}</th>\n <th>${i18next.t('field.remark0')}</th>\n </tr>\n <tr>\n <td>${this.taxInvoice?.issueDate}</td>\n <td>${this._numberFormat(this.taxInvoice?.supplyAmount)}</td>\n <td>${this._numberFormat(this.taxInvoice?.taxAmount)}</td>\n <td>${this.taxInvoice?.remark0}</td>\n </tr>\n </table>\n </div>\n\n <div class=\"items\">\n <table>\n <colgroup>\n <col width=\"4%\" />\n <col width=\"4%\" />\n <col width=\"15%\" />\n <col width=\"9%\" />\n <col width=\"9%\" />\n <col width=\"13%\" />\n <col width=\"13%\" />\n <col width=\"13%\" />\n <col width=\"20%\" />\n </colgroup>\n <tr>\n <th>${i18next.t('field.tax invoice month')}</th>\n <th>${i18next.t('field.tax invoice day')}</th>\n <th>${i18next.t('field.tax invoice item name')}</th>\n <th>${i18next.t('field.tax invoice ea')}</th>\n <th>${i18next.t('field.tax invoice quantity')}</th>\n <th>${i18next.t('field.tax invoice price')}</th>\n <th>${i18next.t('field.supply amount')}</th>\n <th>${i18next.t('field.tax amount')}</th>\n <th>${i18next.t('field.remark0')}</th>\n </tr>\n\n ${this.taxInvoice?.taxInvoiceItems?.map(\n item =>\n html`\n <tr>\n <td>${item.supplyDate}</td>\n <td>${item.supplyDate}</td>\n <td>${item.itemName}</td>\n <td>${item.specification}</td>\n <td>${item.quantity}</td>\n <td>${this._numberFormat(item.unitPrice)}</td>\n <td>${this._numberFormat(item.supplyPrice)}</td>\n <td>${this._numberFormat(item.taxPrice)}</td>\n <td>${item.remark}</td>\n </tr>\n `\n )}\n </table>\n </div>\n\n <div class=\"summary\">\n <table>\n <colgroup>\n <col width=\"20%\" />\n <col width=\"20%\" />\n <col width=\"20%\" />\n <col width=\"20%\" />\n <col width=\"20%\" />\n </colgroup>\n <tr>\n <th>${i18next.t('field.total amount')}</th>\n <th>${i18next.t('field.tax invoice payment cash')}</th>\n <th>${i18next.t('field.tax invoice payment check')}</th>\n <th>${i18next.t('field.tax invoice payment promissory note')}</th>\n <th>${i18next.t('field.tax invoice payment accounts receivable')}</th>\n </tr>\n <tr>\n <td>${this._numberFormat(this.taxInvoice?.totalAmount)}</td>\n <td>${this._numberFormat(this.taxInvoice?.paymentAmountCash)}</td>\n <td>${this._numberFormat(this.taxInvoice?.paymentAmountCheck)}</td>\n <td>${this._numberFormat(this.taxInvoice?.paymentAmountPromissoryNote)}</td>\n <td>${this._numberFormat(this.taxInvoice?.paymentAmountAccountsReceivable)}</td>\n </tr>\n </table>\n <div>${i18next.t('text.tax invoice description payment', { value: i18next.t(`text.tax invoice description purpose ${this.taxInvoice?.purpose}`) })}</div>\n </div>\n </form>\n </div>\n `\n }\n\n async pageInitialized(lifecycle: any) {\n this._fetchSupplier()\n }\n\n async _fetchSupplier() {\n const response = await client.query({\n query: gql`\n query TaxInvoiceApi() {\n taxInvoiceApi() {\n businessRegistrationNumber\n branchIdentification\n businessName\n representativeName\n address\n businessType\n industryType\n department\n contactName\n contactPhone\n contactEmail\n contactCellPhone\n }\n }\n `\n })\n\n console.log('response.data.responses : ', response.data.responses)\n\n this.supplier = response.data.responses\n }\n\n async pageUpdated(changes: any, lifecycle: any) {\n if (this.active) {\n // do something here when this page just became as active\n }\n }\n\n async _sendTaxInvoice(num: string) {\n console.log(this.taxInvoiceForm)\n console.log(this.supplier)\n\n return\n\n const response = await client.mutate({\n mutation: gql`\n mutation SendTaxInvoiceByApi($taxInvoice: NewTaxInvoice!, $taxInvoiceItems: [NewTaxInvoiceItem!]!) {\n sendTaxInvoiceByApi(taxInvoice: $taxInvoice, taxInvoiceItems: $taxInvoiceItems) {\n id\n }\n }\n `,\n variables: {\n // taxInvoice,\n // taxInvoiceItems\n }\n })\n\n if (!response.errors) {\n notify({\n message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })\n })\n }\n }\n\n private _numberFormat(value: number | undefined): string {\n return !value ? '' : new Intl.NumberFormat('en-US').format(value)\n }\n\n // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n private _onInputTaxInvoice(event: InputEvent) {\n const target = event.target as HTMLInputElement\n this.supplier[target.name] = target.value\n }\n}\n"]}

package/dist-client/route.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export default function route(page: string): "tax-invoice-~~main~~" \| "tax-invoice-~~list~~" \| "tax-invoice-company-list" \| "tax-invoice-api" \| "tax-audit-result-list" \| undefined;
1	+ export default function route(page: string): "tax-invoice-list" \| "tax-invoice-send" \| "tax-invoice-company-list" \| "tax-invoice-api" \| "tax-audit-result-list" \| undefined;

package/dist-client/route.js CHANGED Viewed

@@ -1,11 +1,11 @@
 export default function route(page) {
     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/route.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE;QACZ,KAAK,kBAAkB;YACrB,MAAM,CAAC,~~cAAc~~,CAAC,CAAA;~~YACtB~~,OAAO,IAAI,CAAA;QAEb,KAAK,kBAAkB;YACrB,~~MAAM,CAAC,2CAA2C,CAAC,CAAA~~;~~YACnD~~,OAAO,IAAI,CAAA;QAEb,KAAK,0BAA0B;YAC7B,MAAM,CAAC,2DAA2D,CAAC,CAAA;YACnE,OAAO,IAAI,CAAA;QAEb,KAAK,iBAAiB;YACpB,MAAM,CAAC,8CAA8C,CAAC,CAAA;YACtD,OAAO,IAAI,CAAA;QAEb,KAAK,uBAAuB;YAC1B,MAAM,CAAC,qDAAqD,CAAC,CAAA;YAC7D,OAAO,IAAI,CAAA;KACd;AACH,CAAC","sourcesContent":["export default function route(page: string) {\n switch (page) {\n case 'tax-invoice-~~main~~':\n import('./pages/~~main~~')\n return page\n\n case 'tax-invoice-~~list~~':\n import('./pages/tax-invoice/tax-invoice-~~list~~-page')\n return page\n\n case 'tax-invoice-company-list':\n import('./pages/tax-invoice-company/tax-invoice-company-list-page')\n return page\n\n case 'tax-invoice-api':\n import('./pages/tax-invoice-api/tax-invoice-api-page')\n return page\n\n case 'tax-audit-result-list':\n import('./pages/tax-audit-result/tax-audit-result-list-page')\n return page\n }\n}\n"]}
1	+ {"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE;QACZ,KAAK,kBAAkB;YACrB,MAAM,CAAC,2CAA2C,CAAC,CAAA;YACnD,OAAO,IAAI,CAAA;QAEb,KAAK,kBAAkB;YACrB,2DAA2D;YAC3D,OAAO,IAAI,CAAA;QAEb,KAAK,0BAA0B;YAC7B,MAAM,CAAC,2DAA2D,CAAC,CAAA;YACnE,OAAO,IAAI,CAAA;QAEb,KAAK,iBAAiB;YACpB,MAAM,CAAC,8CAA8C,CAAC,CAAA;YACtD,OAAO,IAAI,CAAA;QAEb,KAAK,uBAAuB;YAC1B,MAAM,CAAC,qDAAqD,CAAC,CAAA;YAC7D,OAAO,IAAI,CAAA;KACd;AACH,CAAC","sourcesContent":["export default function route(page: string) {\n switch (page) {\n case 'tax-invoice-list':\n import('./pages/tax-invoice/tax-invoice-list-page')\n return page\n\n case 'tax-invoice-send':\n // import('./pages/tax-invoice-send/tax-invoice-send-page')\n return page\n\n case 'tax-invoice-company-list':\n import('./pages/tax-invoice-company/tax-invoice-company-list-page')\n return page\n\n case 'tax-invoice-api':\n import('./pages/tax-invoice-api/tax-invoice-api-page')\n return page\n\n case 'tax-audit-result-list':\n import('./pages/tax-audit-result/tax-audit-result-list-page')\n return page\n }\n}\n"]}