@things-factory/tax-invoice 7.0.0-alpha.8 → 7.0.0

package/server/service/tax-invoice-company/tax-invoice-company-type.ts

@@ -1,6 +1,6 @@
 import { ObjectType, Field, InputType, Int, ID } from 'type-graphql'
 import { ScalarObject } from '@things-factory/shell'
-import { CompanyType, TaxInvoiceCompany } from './tax-invoice-company'
+import { TaxInvoiceCompany } from './tax-invoice-company'
 
 @InputType()
 export class TaxInvoiceCompanyPatch {
@@ -13,9 +13,6 @@ export class TaxInvoiceCompanyPatch {
   @Field({ nullable: true })
   description?: string
 
-  @Field({ nullable: true })
-  type?: CompanyType
-
   @Field({ nullable: true })
   businessRegistrationNumber?: string
 
@@ -59,6 +56,45 @@ export class TaxInvoiceCompanyPatch {
   cuFlag?: string
 }
 
+@ObjectType()
+export class TaxInvoiceMyCompany {
+  @Field({ nullable: true })
+  businessRegistrationNumber?: string
+
+  @Field({ nullable: true })
+  branchIdentification?: string
+
+  @Field({ nullable: true })
+  businessName?: string
+
+  @Field({ nullable: true })
+  representativeName?: string
+
+  @Field({ nullable: true })
+  address?: string
+
+  @Field({ nullable: true })
+  businessType?: string
+
+  @Field({ nullable: true })
+  industryType?: string
+
+  @Field({ nullable: true })
+  department?: string
+
+  @Field({ nullable: true })
+  contactName?: string
+
+  @Field({ nullable: true })
+  contactPhone?: string
+
+  @Field({ nullable: true })
+  contactEmail?: string
+
+  @Field({ nullable: true })
+  contactCellPhone?: string
+}
+
 @ObjectType()
 export class TaxInvoiceCompanyList {
   @Field(type => [TaxInvoiceCompany])

package/server/service/tax-invoice-company/tax-invoice-company.ts

@@ -15,24 +15,18 @@ import { ObjectType, Field, ID, registerEnumType } from 'type-graphql'
 
 import { Domain, ScalarObject, encryptTransformer } from '@things-factory/shell'
 import { User } from '@things-factory/auth-base'
-import { TaxInvoiceApi } from '../tax-invoice-api/tax-invoice-api'
-
-export enum CompanyType {
-  SUPPLIER = 10, // 공급자
-  BUYER = 20 // 거래처
-}
-export const companyTypeLabel = {
-  [CompanyType.SUPPLIER]: '공급자',
-  [CompanyType.BUYER]: '거래처'
-}
-registerEnumType(CompanyType, {
-  name: 'CompanyType',
-  description: 'company type'
-})
 
 @Entity()
-@Index('ix_tax_invoice_company_0', (taxInvoiceCompany: TaxInvoiceCompany) => [taxInvoiceCompany.domain, taxInvoiceCompany.name, taxInvoiceCompany.deletedAt])
-@Index('ix_tax_invoice_company_1', (taxInvoiceCompany: TaxInvoiceCompany) => [taxInvoiceCompany.domain, taxInvoiceCompany.description, taxInvoiceCompany.deletedAt])
+@Index('ix_tax_invoice_company_0', (taxInvoiceCompany: TaxInvoiceCompany) => [
+  taxInvoiceCompany.domain,
+  taxInvoiceCompany.name,
+  taxInvoiceCompany.deletedAt
+])
+@Index('ix_tax_invoice_company_1', (taxInvoiceCompany: TaxInvoiceCompany) => [
+  taxInvoiceCompany.domain,
+  taxInvoiceCompany.description,
+  taxInvoiceCompany.deletedAt
+])
 @ObjectType({ description: 'Entity for TaxInvoice Company' })
 export class TaxInvoiceCompany {
   @PrimaryGeneratedColumn('uuid')
@@ -40,7 +34,7 @@ export class TaxInvoiceCompany {
   readonly id!: string
 
   @ManyToOne(type => Domain)
-  @Field({ nullable: true })
+  @Field(type => Domain)
   domain?: Domain
 
   @RelationId((taxInvoiceCompany: TaxInvoiceCompany) => taxInvoiceCompany.domain)
@@ -54,10 +48,6 @@ export class TaxInvoiceCompany {
   @Column({ nullable: true })
   description?: string
 
-  @Field({ nullable: false })
-  @Column({ nullable: false })
-  type!: CompanyType
-
   @Column({ nullable: true, comment: '사업자등록번호', transformer: encryptTransformer })
   @Field({ nullable: true, description: '사업자등록번호' })
   businessRegistrationNumber?: string

package/server/service/tax-invoice-item/tax-invoice-item-query.ts

@@ -17,7 +17,10 @@ export class TaxInvoiceItemQuery {
   }
 
   @Query(returns => TaxInvoiceItemList, { description: 'To fetch multiple TaxInvoiceItems' })
-  async taxInvoiceItems(@Args() params: ListParam, @Ctx() context: ResolverContext): Promise<TaxInvoiceItemList> {
+  async taxInvoiceItems(
+    @Args(type => ListParam) params: ListParam,
+    @Ctx() context: ResolverContext
+  ): Promise<TaxInvoiceItemList> {
     const { domain } = context.state
 
     const queryBuilder = getQueryBuilderFromListParams({

package/server/service/tax-invoice-item/tax-invoice-item.ts

@@ -1,12 +1,26 @@
-import { CreateDateColumn, DeleteDateColumn, Entity, Index, Column, JoinColumn, RelationId, ManyToOne, PrimaryGeneratedColumn } from 'typeorm'
+import {
+  CreateDateColumn,
+  DeleteDateColumn,
+  Entity,
+  Index,
+  Column,
+  JoinColumn,
+  RelationId,
+  ManyToOne,
+  PrimaryGeneratedColumn
+} from 'typeorm'
 import { ObjectType, Field, ID } from 'type-graphql'
 
-import { Domain } from '@things-factory/shell'
+import { Domain, roundTransformer } from '@things-factory/shell'
 import { User } from '@things-factory/auth-base'
 import { TaxInvoice } from '../tax-invoice/tax-invoice'
 
 @Entity()
-@Index('ix_tax_invoice_item_0', (taxInvoiceItem: TaxInvoiceItem) => [taxInvoiceItem.domain, taxInvoiceItem.id, taxInvoiceItem.deletedAt], { unique: true })
+@Index(
+  'ix_tax_invoice_item_0',
+  (taxInvoiceItem: TaxInvoiceItem) => [taxInvoiceItem.domain, taxInvoiceItem.id, taxInvoiceItem.deletedAt],
+  { unique: true }
+)
 @Index('ix_tax_invoice_item_1', (taxInvoiceItem: TaxInvoiceItem) => [taxInvoiceItem.taxInvoice])
 @ObjectType({ description: 'Entity for TaxInvoiceItem' })
 export class TaxInvoiceItem {
@@ -15,7 +29,7 @@ export class TaxInvoiceItem {
   readonly id!: string
 
   @ManyToOne(type => Domain)
-  @Field({ nullable: true })
+  @Field(type => Domain)
   domain?: Domain
 
   @RelationId((taxInvoiceItem: TaxInvoiceItem) => taxInvoiceItem.domain)
@@ -32,8 +46,8 @@ export class TaxInvoiceItem {
   @Field({ nullable: true, description: '아이템 일련번호' })
   sequence?: number
 
-  @Column({ nullable: false, comment: '공급년월일(YYYY-MM-DD)' })
-  @Field({ nullable: false, description: '공급년월일(YYYY-MM-DD)' })
+  @Column({ nullable: true, comment: '공급년월일(YYYY-MM-DD)' })
+  @Field({ nullable: true, description: '공급년월일(YYYY-MM-DD)' })
   supplyDate!: Date
 
   @Column({ nullable: false, comment: '품목명' })
@@ -44,11 +58,11 @@ export class TaxInvoiceItem {
   @Field({ nullable: false, description: '규격' })
   specification!: string
 
-  @Column('float', { precision: 10, scale: 2, nullable: false, comment: '수량 (소수점 2자리까지 허용)' })
+  @Column('float', { nullable: false, comment: '수량 (소수점 2자리까지 허용)', transformer: roundTransformer })
   @Field({ nullable: false, description: '수량 (소수점 2자리까지 허용)' })
   quantity!: number
 
-  @Column('float', { precision: 10, scale: 2, nullable: false, comment: '단가 (소수점 2자리까지 허용)' })
+  @Column('float', { nullable: false, comment: '단가 (소수점 2자리까지 허용)', transformer: roundTransformer })
   @Field({ nullable: false, description: '단가 (소수점 2자리까지 허용)' })
   unitPrice!: number
 

package/server/service/unipost-api/tax-invoice-inquiry.ts

@@ -1,16 +1,12 @@
 import { Category } from '../tax-invoice/tax-invoice'
+import { config } from '@things-factory/env'
 // import getTestTaxInvoiceData from './test-data'
 
+const UNITAX_CONFIG = config.get('unitax', {})
 // 세금계산서 조회 API
-const INQUIRY_URL = {
-  dev: 'https://inf1dev.unipost.co.kr:47523/unitax/rest/v3/hometax/searchbills',
-  prod: 'https://inf1.unipost.co.kr/unitax/rest/v3/hometax/searchbills'
-}
+const INQUIRY_URL = UNITAX_CONFIG.INQUIRY_URL || ''
 // 세금계산서 조회 후 처리 결과 갱신
-const CONFIRM_URL = {
-  dev: 'https://inf1dev.unipost.co.kr:47523/unitax/rest/v3/hometax/updateBills',
-  prod: 'https://inf1.unipost.co.kr/unitax/rest/v3/hometax/updateBills'
-}
+const CONFIRM_URL = UNITAX_CONFIG.CONFIRM_URL || ''
 
 export enum UnipostTaxType {
   EXPORT = 'AR', // 매출
@@ -69,7 +65,7 @@ export async function getTaxInvoiceByUniposApi(businessRegistrationNumber: strin
 }
 
 async function _callTaxInvoiceInquiry(businessRegistrationNumber: string, aid: string, bearer: string, taxType: UnipostTaxType) {
-  const response = await fetch(INQUIRY_URL.dev, {
+  const response = await fetch(INQUIRY_URL, {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',
@@ -88,7 +84,7 @@ async function _callTaxInvoiceInquiry(businessRegistrationNumber: string, aid: s
   return response
 }
 export async function callTaxInvoiceConfirm(businessRegistrationNumber: string, aid: string, bearer: string, confirmData: ConfirmData[]) {
-  const response = await fetch(CONFIRM_URL.dev, {
+  const response = await fetch(CONFIRM_URL, {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',

package/server/service/unipost-api/tax-invoice-send.ts

@@ -1,8 +1,8 @@
+import { config } from '@things-factory/env'
+
+const UNITAX_CONFIG = config.get('unitax', {})
 // 세금계산서 발행 API
-const SEND_URL = {
-  dev: 'https://inf2dev.unipost.co.kr:47543/mbill-etaxr-server/api/rest/v3/receivebill',
-  prod: 'https://inf1.unipost.co.kr/mbill-etaxr-server/api/rest/v3/receivebill'
-}
+const SEND_URL = UNITAX_CONFIG.SEND_URL || ''
 
 export async function sendTaxInvoiceByUniposApi(businessRegistrationNumber: string, aid: string, bearer: string, taxInvoiceSendList) {
   if (!businessRegistrationNumber || !aid || !bearer || !taxInvoiceSendList) {
@@ -16,7 +16,7 @@ export async function sendTaxInvoiceByUniposApi(businessRegistrationNumber: stri
 
 async function _callTaxInvoiceSend(businessRegistrationNumber: string, aid: string, bearer: string, taxInvoiceSendList) {
   try {
-    return await fetch(SEND_URL.dev, {
+    return await fetch(SEND_URL, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',

package/translations/ko.json

@@ -9,8 +9,10 @@
   "title.tax invoice matching": "세금계산서 매칭",
   "title.tax invoice api": "세금계산서 API 설정",
   "title.tax invoice detail": "전자세금계산서 상세조회",
+  "title.company list popup": "회사 리스트 팝업",
   "button.memo save": "메모 저장",
   "button.tax invoice send": "발급하기",
+  "button.select": "선택하기",
 
   "text.company supplier": "공급사",
   "text.company buyer": "거래처",
@@ -21,6 +23,7 @@
   "text.tax invoice description purpose 02": "청구",
   "text.success tax send": "세금계산서가 발행되었습니다.",
 
+  "field.is_default": "기본 여부",
   "field.memo": "메모",
   "field.business registration number": "사업자등록번호",
   "field.short business registration number": "등록번호",

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

@@ -1,31 +0,0 @@
-import '@operato/data-grist';
-import { LitElement } from 'lit';
-export declare class TaxInvoiceCompanyImporter extends LitElement {
-    static styles: import("lit").CSSResult[];
-    taxInvoiceCompanies: any[];
-    columns: {
-        list: {
-            fields: string[];
-        };
-        pagination: {
-            infinite: boolean;
-        };
-        columns: ({
-            type: string;
-            name: string;
-            header: string;
-            width: number;
-            record?: undefined;
-        } | {
-            type: string;
-            name: string;
-            header: string;
-            record: {
-                renderer: (value: any) => any;
-            };
-            width: number;
-        })[];
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    save(): Promise<void>;
-}

package/dist-client/pages/tax-invoice-company/tax-invoice-company-importer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tax-invoice-company-importer.js","sourceRoot":"","sources":["../../../client/pages/tax-invoice-company/tax-invoice-company-importer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\nimport { COMPANY_TYPE_LABEL } from './tax-invoice-company-list-page'\n\nexport class TaxInvoiceCompanyImporter extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n\n      mwc-button {\n        margin-left: var(--margin-default);\n      }\n    `\n  ]\n\n  @property({ type: Array }) taxInvoiceCompanies: any[] = []\n  @property({ type: Object }) columns = {\n    list: { fields: ['name', 'description'] },\n    pagination: { infinite: true },\n    columns: [\n      {\n        type: 'string',\n        name: 'name',\n        header: i18next.t('field.name'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'description',\n        header: i18next.t('field.description'),\n        width: 200\n      },\n      {\n        type: 'select',\n        name: 'type',\n        header: i18next.t('field.type'),\n        record: {\n          renderer: value => COMPANY_TYPE_LABEL[value]\n        },\n        width: 100\n      },\n      {\n        type: 'string',\n        name: 'businessRegistrationNumber',\n        header: i18next.t('field.business registration number'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'branchIdentification',\n        header: i18next.t('field.branch identification'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'businessName',\n        header: i18next.t('field.tax invoice business name'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'representativeName',\n        header: i18next.t('field.tax invoice representative name'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'address',\n        header: i18next.t('field.address'),\n        width: 200\n      },\n      {\n        type: 'string',\n        name: 'businessType',\n        header: i18next.t('field.business type'),\n        width: 100\n      },\n      {\n        type: 'string',\n        name: 'industryType',\n        header: i18next.t('field.industry type'),\n        width: 100\n      },\n      {\n        type: 'string',\n        name: 'department',\n        header: i18next.t('field.department'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'contactName',\n        header: i18next.t('field.contact name'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'contactPhone',\n        header: i18next.t('field.contact phone'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'contactEmail',\n        header: i18next.t('field.contact email'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'contactCellPhone',\n        header: i18next.t('field.contact cell phone'),\n        width: 150\n      },\n      {\n        type: 'attributes',\n        name: 'attributes',\n        header: i18next.t('field.attributes'),\n        width: 150\n      }\n    ]\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.columns}\n        .data=${{\n          records: this.taxInvoiceCompanies\n        }}\n      ></ox-grist>\n\n      <div class=\"button-container\">\n        <mwc-button raised @click=\"${this.save.bind(this)}\">${i18next.t('button.save')}</mwc-button>\n      </div>\n    `\n  }\n\n  async save() {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation importTaxInvoiceCompanies($taxInvoiceCompanies: [TaxInvoiceCompanyPatch!]!) {\n          importTaxInvoiceCompanies(taxInvoiceCompanies: $taxInvoiceCompanies)\n        }\n      `,\n      variables: { taxInvoiceCompanies: this.taxInvoiceCompanies }\n    })\n\n    if (response.errors?.length) return\n\n    this.dispatchEvent(new CustomEvent('imported'))\n  }\n}\n"]}