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

@things-factory/tax-invoice 6.2.84 → 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 (58) hide show

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

@@ -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(/(\S{8})(\S{8})(\S{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>
@@ -68,10 +68,17 @@ let TaxInvoiceDetailPopup = class TaxInvoiceDetailPopup extends localize(i18next
           </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>${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 +126,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,15 +160,22 @@ 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.issueDate}</td>
-                    <td>${item.supplyAmount}</td>
-                    <td>${item.taxAmount}</td>
-                    <td>${item.modificationReason}</td>
-                    <td>${item.remark0}</td>
+                    <td>${item.supplyDate.split('-')[1]}</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>
+                    <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>
@@ -207,7 +221,6 @@ let TaxInvoiceDetailPopup = class TaxInvoiceDetailPopup extends localize(i18next
         query ($id: String!) {
           responses: taxInvoice(id: $id) {
             id
-            name
             category
             approvalNo
             originalApprovalNo
@@ -276,6 +289,19 @@ let TaxInvoiceDetailPopup = class TaxInvoiceDetailPopup extends localize(i18next
               name
             }
             updatedAt
+            taxInvoiceItems {
+              id
+              sequence
+              supplyDate
+              itemName
+              specification
+              quantity
+              unitPrice
+              supplyPrice
+              taxPrice
+              remark
+            }
           }
         }
       `,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tax-invoice-detail-popup.js","sourceRoot":"","sources":["../../../client/pages/tax-invoice/tax-invoice-detail-popup.ts"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,qBAAqB,CAAA;AAE5B,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAG/C,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAjE;;QAkIuB,iBAAY,GAAW,EAAE,CAAA;QAC5C,WAAM,GAAQ,EAAE,CAAA;IAwR3B,CAAC;IAtRC,MAAM;;QACJ,OAAO,IAAI,CAAA;;;;kBAIG,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;kBAC9B,IAAI,CAAC,MAAM,CAAC,UAAU;;;;;;sCAMF,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;+CAW5B,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;oBAClE,OAAO,CAAC,CAAC,CAAC,0CAA0C,CAAC;oBACrD,IAAI,CAAC,MAAM,CAAC,kCAAkC;oBAC9C,OAAO,CAAC,CAAC,CAAC,mCAAmC,CAAC;oBAC9C,IAAI,CAAC,MAAM,CAAC,4BAA4B;;;oBAGxC,OAAO,CAAC,CAAC,CAAC,uCAAuC,CAAC;oBAClD,IAAI,CAAC,MAAM,CAAC,oBAAoB;oBAChC,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;oBAC5C,IAAI,CAAC,MAAM,CAAC,0BAA0B;;;oBAGtC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;gCACd,IAAI,CAAC,MAAM,CAAC,eAAe;;;oBAGvC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;oBAChC,IAAI,CAAC,MAAM,CAAC,oBAAoB;oBAChC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;oBAChC,IAAI,CAAC,MAAM,CAAC,oBAAoB;;;gCAGpB,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;4CACZ,IAAI,CAAC,MAAM,CAAC,oBAAoB;;;;;;;+CAO7B,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;oBAC/D,OAAO,CAAC,CAAC,CAAC,0CAA0C,CAAC;oBACrD,IAAI,CAAC,MAAM,CAAC,+BAA+B;oBAC3C,OAAO,CAAC,CAAC,CAAC,mCAAmC,CAAC;oBAC9C,IAAI,CAAC,MAAM,CAAC,yBAAyB;;;oBAGrC,OAAO,CAAC,CAAC,CAAC,uCAAuC,CAAC;oBAClD,IAAI,CAAC,MAAM,CAAC,iBAAiB;oBAC7B,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;oBAC5C,IAAI,CAAC,MAAM,CAAC,uBAAuB;;;oBAGnC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;gCACd,IAAI,CAAC,MAAM,CAAC,YAAY;;;oBAGpC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;oBAChC,IAAI,CAAC,MAAM,CAAC,iBAAiB;oBAC7B,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;oBAChC,IAAI,CAAC,MAAM,CAAC,iBAAiB;;;oBAG7B,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;gCACZ,IAAI,CAAC,MAAM,CAAC,oBAAoB;;;oBAG5C,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;gCACZ,IAAI,CAAC,MAAM,CAAC,oBAAoB;;;;;;;;;;;;;;;oBAe5C,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;oBAC7B,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;oBAChC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;oBAC7B,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;oBACtC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;;;oBAG1B,IAAI,CAAC,MAAM,CAAC,SAAS;oBACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;oBAC5C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;oBACzC,IAAI,CAAC,MAAM,CAAC,kBAAkB;oBAC9B,IAAI,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;;;;;;;;;;oBAmBnB,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;oBACpC,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;oBAClC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;oBACxC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC;oBACjC,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;oBACvC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;oBACpC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;oBAChC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;oBAC7B,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;;;cAGhC,MAAA,IAAI,CAAC,MAAM,CAAC,eAAe,0CAAE,GAAG,CAChC,IAAI,CAAC,EAAE,CACL,IAAI,CAAA;;0BAEM,IAAI,CAAC,SAAS;0BACd,IAAI,CAAC,YAAY;0BACjB,IAAI,CAAC,SAAS;0BACd,IAAI,CAAC,kBAAkB;0BACvB,IAAI,CAAC,OAAO;;iBAErB,CACJ;;;;;;;;;;;;;;oBAcO,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,CAAC,CAAC,CAAC,gCAAgC,CAAC;oBAC3C,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;oBAC5C,OAAO,CAAC,CAAC,CAAC,2CAA2C,CAAC;oBACtD,OAAO,CAAC,CAAC,CAAC,+CAA+C,CAAC;;;oBAG1D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;oBAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC;oBACjD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC;oBAClD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC;oBAC3D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,+BAA+B,CAAC;;;iBAGlE,OAAO,CAAC,CAAC,CAAC,sCAAsC,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,wCAAwC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC;;;KAGlJ,CAAA;IACH,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,OAAO;QACnB,IAAI,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE;YAC/B,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;SACpE;IACH,CAAC;IAEO,KAAK,CAAC,uBAAuB,CAAC,EAAU;QAC9C,IAAI,CAAC,EAAE;YAAE,OAAO,EAAE,CAAA;QAElB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2ET;YACD,SAAS,EAAE,EAAE,EAAE,EAAE;SAClB,CAAC,CAAA;QAEF,OAAO,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAA;IACtC,CAAC;IAEO,aAAa,CAAC,KAAa;QACjC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACnE,CAAC;;AAzZM,4BAAM,GAAG;IACd,eAAe;IACf,kBAAkB;IAClB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2HF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2DAA0B;AACrD;IAAC,KAAK,EAAE;;qDAAiB;AAnId,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CA2ZjC;SA3ZY,qBAAqB","sourcesContent":["import '@material/mwc-icon'\nimport '@operato/data-grist'\n\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport gql from 'graphql-tag'\nimport { INVOICE_TYPE } from './tax-invoice-list-page'\n\n@customElement('tax-invoice-detail-popup')\nexport class TaxInvoiceDetailPopup extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: var(--main-section-background-color);\n width: 100%;\n padding: 15px;\n font-size: 14px;\n overflow-y: scroll;\n }\n\n input {\n border: var(--border-dark-color);\n padding: var(--padding-narrow) var(--padding-default);\n max-width: 100px;\n font: var(--input-font);\n }\n\n table {\n border: solid;\n border-width: 2px 0;\n border-collapse: collapse;\n border-spacing: 0;\n }\n\n .title table {\n border-color: #d3dbe5;\n width: 100%;\n height: 33px;\n\n th {\n background-color: #e9edf6;\n }\n td {\n padding-left: 10px;\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 @property({ type: String }) taxInvoiceId: string = ''\n @state() detail: any = {}\n\n render() {\n return html`\n <div class=\"title\">\n <table>\n <tr>\n <th>${i18next.t('field.approval no')}</th>\n <td>${this.detail.approvalNo}</td>\n </tr>\n </table>\n </div>\n\n <div class=\"body\">\n <div class=\"invoice-type\">* ${INVOICE_TYPE[this.detail.invoiceType]}</div>\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>${this.detail.supplierBusinessRegistrationNumber}</td>\n <th>${i18next.t('field.short branch identification')}</th>\n <td>${this.detail.supplierBranchIdentification}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.short tax invoice business name')}</th>\n <td>${this.detail.supplierBusinessName}</td>\n <th>${i18next.t('field.short representative name')}</th>\n <td>${this.detail.supplierRepresentativeName}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.address')}</th>\n <td colspan=\"3\">${this.detail.supplierAddress}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.business type')}</th>\n <td>${this.detail.supplierBusinessType}</td>\n <th>${i18next.t('field.industry type')}</th>\n <td>${this.detail.supplierIndustryType}</td>\n </tr>\n <tr>\n <th rowspan=\"2\">${i18next.t('field.email')}</th>\n <td rowspan=\"2\" colspan=\"3\">${this.detail.supplierContactEmail}</td>\n </tr>\n <tr></tr>\n </table>\n\n <table class=\"buyer\">\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.detail.buyerBusinessRegistrationNumber}</td>\n <th>${i18next.t('field.short branch identification')}</th>\n <td>${this.detail.buyerBranchIdentification}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.short tax invoice business name')}</th>\n <td>${this.detail.buyerBusinessName}</td>\n <th>${i18next.t('field.short representative name')}</th>\n <td>${this.detail.buyerRepresentativeName}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.address')}</th>\n <td colspan=\"3\">${this.detail.buyerAddress}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.business type')}</th>\n <td>${this.detail.buyerBusinessType}</td>\n <th>${i18next.t('field.industry type')}</th>\n <td>${this.detail.buyerIndustryType}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.email')}</th>\n <td colspan=\"3\">${this.detail.buyer1stContactEmail}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.email')}</th>\n <td colspan=\"3\">${this.detail.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=\"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.modification reason')}</th>\n <th>${i18next.t('field.remark0')}</th>\n </tr>\n <tr>\n <td>${this.detail.issueDate}</td>\n <td>${this._numberFormat(this.detail.supplyAmount)}</td>\n <td>${this._numberFormat(this.detail.taxAmount)}</td>\n <td>${this.detail.modificationReason}</td>\n <td>${this.detail.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.detail.taxInvoiceItems?.map(\n item =>\n html`\n <tr>\n <td>${item.issueDate}</td>\n <td>${item.supplyAmount}</td>\n <td>${item.taxAmount}</td>\n <td>${item.modificationReason}</td>\n <td>${item.remark0}</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.detail.totalAmount)}</td>\n <td>${this._numberFormat(this.detail.paymentAmountCash)}</td>\n <td>${this._numberFormat(this.detail.paymentAmountCheck)}</td>\n <td>${this._numberFormat(this.detail.paymentAmountPromissoryNote)}</td>\n <td>${this._numberFormat(this.detail.paymentAmountAccountsReceivable)}</td>\n </tr>\n </table>\n <div>${i18next.t('text.tax invoice description payment', { value: i18next.t(`text.tax invoice description purpose ${this.detail.purpose}`) })}</div>\n </div>\n </div>\n `\n }\n\n async updated(changed) {\n if (changed.has('taxInvoiceId')) {\n this.detail = await this.getTaxInvoiceDetailById(this.taxInvoiceId)\n }\n }\n\n private async getTaxInvoiceDetailById(id: string) {\n if (!id) return {}\n\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n responses: taxInvoice(id: $id) {\n id\n name\n category\n approvalNo\n originalApprovalNo\n issueDate\n signatureDate\n invoiceType\n purpose\n revisedReason\n remark0\n remark1\n remark2\n supplierBusinessRegistrationCategory\n supplierBusinessRegistrationNumber\n supplierBranchIdentification\n supplierBusinessName\n supplierRepresentativeName\n supplierAddress\n supplierBusinessType\n supplierIndustryType\n supplierDepartment\n supplierContactName\n supplierContactPhone\n supplierContactEmail\n supplierContactCellPhone\n buyerBusinessRegistrationCategory\n buyerBusinessRegistrationNumber\n buyerBranchIdentification\n buyerBusinessName\n buyerRepresentativeName\n buyerAddress\n buyerBusinessType\n buyerIndustryType\n buyer1stDepartment\n buyer1stContactName\n buyer1stContactPhone\n buyer1stContactEmail\n buyer1stContactCellPhone\n buyer2ndDepartment\n buyer2ndContactName\n buyer2ndContactPhone\n buyer2ndContactEmail\n buyer2ndContactCellPhone\n agentBusinessRegistrationCategory\n agentBusinessRegistrationNumber\n agentBranchIdentification\n agentBusinessName\n agentRepresentativeName\n agentAddress\n agentBusinessType\n agentIndustryType\n agentDepartment\n agentContactName\n agentContactPhone\n agentContactEmail\n agentContactCellPhone\n paymentAmountCash\n paymentAmountCheck\n paymentAmountPromissoryNote\n paymentAmountAccountsReceivable\n supplyAmount\n taxAmount\n totalAmount\n createdAt\n updater {\n id\n name\n }\n updatedAt\n }\n }\n `,\n variables: { id }\n })\n\n return response.data.responses \|\| {}\n }\n\n private _numberFormat(value: number): string {\n return !value ? '' : new Intl.NumberFormat('en-US').format(value)\n }\n}\n"]}
1	+ {"version":3,"file":"tax-invoice-detail-popup.js","sourceRoot":"","sources":["../../../client/pages/tax-invoice/tax-invoice-detail-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\nimport '@operato/data-grist'\n\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport gql from 'graphql-tag'\nimport { INVOICE_TYPE } from './tax-invoice-list-page'\n\n@customElement('tax-invoice-detail-popup')\nexport class TaxInvoiceDetailPopup extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: var(--main-section-background-color);\n width: 100%;\n padding: 15px;\n font-size: 14px;\n overflow-y: scroll;\n }\n\n input {\n border: var(--border-dark-color);\n padding: var(--padding-narrow) var(--padding-default);\n max-width: 100px;\n font: var(--input-font);\n }\n\n table {\n border: solid;\n border-width: 2px 0;\n border-collapse: collapse;\n border-spacing: 0;\n }\n\n .title table {\n border-color: #d3dbe5;\n width: 100%;\n height: 33px;\n\n th {\n background-color: #e9edf6;\n }\n td {\n padding-left: 10px;\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 @property({ type: String }) taxInvoiceId: string = ''\n @state() detail: any = {}\n\n render() {\n return html`\n <div class=\"title\">\n <table>\n <tr>\n <th>${i18next.t('field.approval no')}</th>\n <td>${this.detail?.approvalNo?.replace(/(\\S{8})(\\S{8})(\\S{8})/g, '$1-$2-$3')}</td>\n </tr>\n </table>\n </div>\n\n <div class=\"body\">\n <div class=\"invoice-type\">* ${INVOICE_TYPE[this.detail.invoiceType]}</div>\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>${this.detail?.supplierBusinessRegistrationNumber?.replace(/(\\d{3})(\\d{2})(\\d{5})/g, '$1-$2-$3')}</td>\n <th>${i18next.t('field.short branch identification')}</th>\n <td>${this.detail.supplierBranchIdentification}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.short tax invoice business name')}</th>\n <td>${this.detail.supplierBusinessName}</td>\n <th>${i18next.t('field.short representative name')}</th>\n <td>${this.detail.supplierRepresentativeName}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.address')}</th>\n <td colspan=\"3\">${this.detail.supplierAddress}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.business type')}</th>\n <td>${this.detail.supplierBusinessType}</td>\n <th>${i18next.t('field.industry type')}</th>\n <td>${this.detail.supplierIndustryType}</td>\n </tr>\n <tr>\n <th rowspan=\"2\">${i18next.t('field.email')}</th>\n <td rowspan=\"2\" colspan=\"3\">${this.detail.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.detail?.buyerBusinessRegistrationNumber?.replace(/(\\d{3})(\\d{2})(\\d{5})/g, '$1-$2-$3')}</td>\n <th>${i18next.t('field.short branch identification')}</th>\n <td>${this.detail.buyerBranchIdentification}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.short tax invoice business name')}</th>\n <td>${this.detail.buyerBusinessName}</td>\n <th>${i18next.t('field.short representative name')}</th>\n <td>${this.detail.buyerRepresentativeName}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.address')}</th>\n <td colspan=\"3\">${this.detail.buyerAddress}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.business type')}</th>\n <td>${this.detail.buyerBusinessType}</td>\n <th>${i18next.t('field.industry type')}</th>\n <td>${this.detail.buyerIndustryType}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.email')}</th>\n <td colspan=\"3\">${this.detail.buyer1stContactEmail}</td>\n </tr>\n <tr>\n <th>${i18next.t('field.email')}</th>\n <td colspan=\"3\">${this.detail.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=\"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.modification reason')}</th>\n <th>${i18next.t('field.remark0')}</th>\n </tr>\n <tr>\n <td>${this.detail.issueDate?.split('T')[0]}</td>\n <td>${this._numberFormat(this.detail.supplyAmount)}</td>\n <td>${this._numberFormat(this.detail.taxAmount)}</td>\n <td>${this.detail.modificationReason}</td>\n <td>${this.detail.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.detail.taxInvoiceItems?.map(\n item =>\n html`\n <tr>\n <td>${item.supplyDate.split('-')[1]}</td>\n <td>${item.supplyDate.split('-')[2]?.split('T')[0]}</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.detail.totalAmount)}</td>\n <td>${this._numberFormat(this.detail.paymentAmountCash)}</td>\n <td>${this._numberFormat(this.detail.paymentAmountCheck)}</td>\n <td>${this._numberFormat(this.detail.paymentAmountPromissoryNote)}</td>\n <td>${this._numberFormat(this.detail.paymentAmountAccountsReceivable)}</td>\n </tr>\n </table>\n <div>${i18next.t('text.tax invoice description payment', { value: i18next.t(`text.tax invoice description purpose ${this.detail.purpose}`) })}</div>\n </div>\n </div>\n `\n }\n\n async updated(changed) {\n if (changed.has('taxInvoiceId')) {\n this.detail = await this.getTaxInvoiceDetailById(this.taxInvoiceId)\n }\n }\n\n private async getTaxInvoiceDetailById(id: string) {\n if (!id) return {}\n\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n responses: taxInvoice(id: $id) {\n id\n category\n approvalNo\n originalApprovalNo\n issueDate\n signatureDate\n invoiceType\n purpose\n revisedReason\n remark0\n remark1\n remark2\n supplierBusinessRegistrationCategory\n supplierBusinessRegistrationNumber\n supplierBranchIdentification\n supplierBusinessName\n supplierRepresentativeName\n supplierAddress\n supplierBusinessType\n supplierIndustryType\n supplierDepartment\n supplierContactName\n supplierContactPhone\n supplierContactEmail\n supplierContactCellPhone\n buyerBusinessRegistrationCategory\n buyerBusinessRegistrationNumber\n buyerBranchIdentification\n buyerBusinessName\n buyerRepresentativeName\n buyerAddress\n buyerBusinessType\n buyerIndustryType\n buyer1stDepartment\n buyer1stContactName\n buyer1stContactPhone\n buyer1stContactEmail\n buyer1stContactCellPhone\n buyer2ndDepartment\n buyer2ndContactName\n buyer2ndContactPhone\n buyer2ndContactEmail\n buyer2ndContactCellPhone\n agentBusinessRegistrationCategory\n agentBusinessRegistrationNumber\n agentBranchIdentification\n agentBusinessName\n agentRepresentativeName\n agentAddress\n agentBusinessType\n agentIndustryType\n agentDepartment\n agentContactName\n agentContactPhone\n agentContactEmail\n agentContactCellPhone\n paymentAmountCash\n paymentAmountCheck\n paymentAmountPromissoryNote\n paymentAmountAccountsReceivable\n supplyAmount\n taxAmount\n totalAmount\n createdAt\n updater {\n id\n name\n }\n updatedAt\n\n taxInvoiceItems {\n id\n sequence\n supplyDate\n itemName\n specification\n quantity\n unitPrice\n supplyPrice\n taxPrice\n remark\n }\n }\n }\n `,\n variables: { id }\n })\n\n return response.data.responses \|\| {}\n }\n\n private _numberFormat(value: number): string {\n return !value ? '' : new Intl.NumberFormat('en-US').format(value)\n }\n}\n"]}

package/dist-client/pages/tax-invoice/tax-invoice-list-page.d.ts CHANGED Viewed

@@ -2,37 +2,78 @@ import '@operato/data-grist';
 import { PageView } from '@operato/shell';
 import { FetchOption } from '@operato/data-grist';
 import './tax-invoice-detail-popup';
+export declare enum Category {
+    EXPORT = "10",
+    IMPORT = "20",
+    NTS = "30"
+}
 export declare const CATEGORY: {
-    '10': string;
-    '20': string;
-    '30': string;
+    10: string;
+    20: string;
+    30: string;
 };
+export declare 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 declare const INVOICE_TYPE: {
-    '0101': string;
-    '0102': string;
-    '0103': string;
-    '0105': string;
-    '0201': string;
-    '0202': string;
-    '0203': string;
-    '0204': string;
-    '0205': string;
-    '0301': string;
-    '0303': string;
-    '0304': string;
-    '0401': string;
-    '0403': string;
-    '0404': string;
+    "0101": string;
+    "0102": string;
+    "0103": string;
+    "0105": string;
+    "0201": string;
+    "0202": string;
+    "0203": string;
+    "0204": string;
+    "0205": string;
+    "0301": string;
+    "0303": string;
+    "0304": string;
+    "0401": string;
+    "0403": string;
+    "0404": string;
 };
+export declare enum Purpose {
+    RECEIPT = "01",
+    INVOICE = "02"
+}
 export declare const PURPOSE: {
-    '01': string;
-    '02': string;
+    "01": string;
+    "02": string;
+};
+export declare enum BusinessRegistrationCategory {
+    BUSINESS_REGISTRATION_NUMBER = "01",
+    RESIDENT_REGISTRATION_NUMBER = "02",
+    FOREIGNER_REGISTRATION_NUMBER = "03"
+}
+export declare const BUSINESS_REGISTRATION_CATEGORY: {
+    "01": string;
+    "02": string;
+    "03": string;
 };
 declare const TaxInvoiceListPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
 export declare class TaxInvoiceListPage extends TaxInvoiceListPage_base {
     static styles: import("lit").CSSResult[];
     gristConfig: any;
-    mode: 'CARD' | 'GRID' | 'LIST';
+    summary: {
+        cnt: number;
+        total_amount: number;
+        supply_amount: number;
+        tax_amount: number;
+    } | null;
     private grist;
     get context(): {
         title: string;
@@ -61,10 +102,9 @@ export declare class TaxInvoiceListPage extends TaxInvoiceListPage_base {
         total: any;
         records: any;
     }>;
-    _deleteTaxInvoice(): Promise<void>;
     _updateTaxInvoice(): Promise<void>;
-    createTaxInvoice(num: string): Promise<void>;
     exportHandler(): Promise<{}[]>;
     private openDetailPopup;
+    private _numberFormat;
 }
 export {};