nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

email 자동 셋팅

Browse Source
This commit is contained in:
focp212@naver.com
2025-10-23 13:56:32 +09:00
parent fbc910caf9
commit d8ed11b4bf
10 changed files with 297 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/entities/vat-return/model/types.ts
View File

@@ -111,13 +111,13 @@ export interface VatReturnTaxInvoiceParams {
taxInvoiceNumber: string;
}
export interface VatReturnTaxInvoiceResponse {
supplierInfo: SupplierInfo;
recipientInfo: RecipientInfo;
issueDate: string;
supplyAmount: number;
taxAmount: number;
totalAmount: number;
transactionDetails: TransactionDetails;
supplierInfo?: SupplierInfo;
recipientInfo?: RecipientInfo;
issueDate?: string;
supplyAmount?: number;
taxAmount?: number;
totalAmount?: number;
transactionDetails?: TransactionDetails;
};
export interface SupplierInfo {

139
src/entities/vat-return/ui/list-detail-bottom-sheet.tsx Normal file
View File

@@ -0,0 +1,139 @@
import { IMAGE_ROOT } from "@/shared/constants/common";
export interface VatReturnListDetailBottomSheetProps {
bottomSheetOn: boolean;
setBottomSheetOn: (bottomSheetOn: boolean) => void;
};
export const VatReturnListDetailBottomSheet = ({
bottomSheetOn,
setBottomSheetOn
}: VatReturnListDetailBottomSheetProps) => {
const onClickToClose = () => {
setBottomSheetOn(false);
};
return (
<>
<div className="bg-dim"></div>
<div className="bottomsheet">
<div className="bottomsheet-header">
<div className="bottomsheet-title">
<h2>세부내역 조회</h2>
<button
className="close-btn"
type="button"
>
<img
src={ IMAGE_ROOT +'/ico_close.svg' }
alt="닫기"
onClick={ onClickToClose }
/>
</button>
</div>
</div>
<div className="bottomsheet-content expand">
<div className="tax-detail-accordion">
<div className="summary">
<div className="row">
<div className="label desc dot">거래금액 :</div>
<div className="value">1,000,000,000</div>
</div>
<div className="row">
<div className="label desc dot">공급가액 :</div>
<div className="value">43,758,520</div>
</div>
<div className="row">
<div className="label desc dot">VAT :</div>
<div className="value">4,366,850</div>
</div>
<div className="row">
<div className="label desc dot">합계금액 :</div>
<div className="value">48,125,100</div>
</div>
</div>
<div className="list">
<div className="list-header">
<div className="head-date">거래일</div>
<div className="head-amount">합계금액</div>
</div>
<div className="item">
<span className="dot"></span>
<span className="date">2025/08/01</span>
<div className="amount">
<span className="text">8,125,100</span>
<img
className="arrow up"
src={ IMAGE_ROOT + '/ico_arrow.svg' }
alt=""
/>
</div>
</div>
<div className="item item-detail">
<div className="labels">
<span>거래금액</span>
<span>공급가액</span>
<span>VAT</span>
</div>
<div className="values">
<span>1,000,000</span>
<span>720,000</span>
<span>80,000</span>
</div>
</div>
<div className="item">
<span className="dot"></span>
<span className="date">2025/08/01</span>
<div className="amount">
<span className="text">8,125,100</span>
<img
className="arrow down"
src={ IMAGE_ROOT + '/ico_arrow.svg' }
alt=""
/>
</div>
</div>
<div className="item">
<span className="dot"></span>
<span className="date">2025/08/01</span>
<div className="amount">
<span className="text">8,125,100</span>
<img
className="arrow down"
src={ IMAGE_ROOT + '/ico_arrow.svg' }
alt=""
/>
</div>
</div>
<div className="item">
<span className="dot"></span>
<span className="date">2025/08/01</span>
<div className="amount">
<span className="text">8,125,100</span>
<img
className="arrow down"
src={ IMAGE_ROOT + '/ico_arrow.svg' }
alt=""
/>
</div>
</div>
<div className="item">
<span className="dot"></span>
<span className="date">2025/08/01</span>
<div className="amount">
<span className="text">8,125,100</span>
<img
className="arrow down"
src={ IMAGE_ROOT + '/ico_arrow.svg' }
alt=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
</>
);
};

31
src/entities/vat-return/ui/section/amount-section.tsx
View File

@@ -5,6 +5,7 @@ import { NumericFormat } from 'react-number-format';
import SlideDown from 'react-slidedown';
import 'react-slidedown/lib/slidedown.css';
import { useState } from 'react';
import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
export interface AmountSectionProps {
detail: VatReturnDetailResponse;
@@ -13,12 +14,22 @@ export interface AmountSectionProps {
export const AmountSection = ({
detail
}: AmountSectionProps) => {
const [isOpen, setIsOpen] = useState<boolean>(false);
const [isOpen, setIsOpen] = useState<boolean>(false);
const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
const openSection = () => {
const status = !isOpen;
setIsOpen(status);
};
const onRequestDownload = (userEmail?: string) => {
};
const onClickToOpenDownloadBottomSheet = () => {
};
return (
<>
<div className="txn-num-group">
@@ -76,10 +87,22 @@ export const AmountSection = ({
<span className="value">{ moment(detail.issueDate).format('YYYY.MM.DD') }</span>
</div>
<div className="txn-doc">
<button className="doc-btn" type="button">세금계산서</button>
<button className="doc-btn" type="button">상세자료</button>
<button
className="doc-btn"
type="button"
onClick={ onClickToOpenDownloadBottomSheet }
>세금계산서</button>
</div>
</div>
{ !!downloadBottomSheetOn &&
<EmailBottomSheet
bottomSheetOn={ downloadBottomSheetOn }
setBottomSheetOn={ setDownloadBottomSheetOn }
imageSave={ true }
sendEmail={ true }
sendRequest={ onRequestDownload }
></EmailBottomSheet>
}
</>
);
};