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

현금영수증 완료

Browse Source
This commit is contained in:
focp212@naver.com
2025-10-25 21:48:10 +09:00
parent 2f13c29d1b
commit 9cffa264e7
12 changed files with 167 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/entities/transaction/ui/section/amount-info-section.tsx
View File

@@ -12,7 +12,8 @@ export const AmountInfoSection = ({
isOpen,
tid,
serviceCode,
onClickToOpenInfo
onClickToOpenInfo,
canDownloadReceipt
}: InfoSectionProps) => {
const { mutateAsync: downloadConfirmation } = useDownloadConfirmationMutation();
let newAmountInfo: Record<string, any> | undefined = amountInfo;
@@ -186,7 +187,7 @@ export const AmountInfoSection = ({
<div className="txn-num-group">
<div className="txn-amount">
<div className="value">
{
{ (transactionCategory === TransactionCategory.AllTransaction) &&
(serviceCode === '01' || serviceCode === '02' || serviceCode === '03' || serviceCode === '26') &&
<NumericFormat
value={ amountInfo?.transactionRequestAmount }
@@ -194,11 +195,18 @@ export const AmountInfoSection = ({
displayType="text"
></NumericFormat>
}
{
{ (transactionCategory === TransactionCategory.AllTransaction) &&
(serviceCode === '05' || serviceCode === '14' || serviceCode === '21'
|| serviceCode === '24' || serviceCode === '31') &&
<NumericFormat
value={ amountInfo?.transactionAmount }
value={ amountInfo?.transactionAmount}
thousandSeparator
displayType="text"
></NumericFormat>
}
{ (transactionCategory === TransactionCategory.CashReceipt) &&
<NumericFormat
value={ amountInfo?.amount}
thousandSeparator
displayType="text"
></NumericFormat>
@@ -222,7 +230,48 @@ export const AmountInfoSection = ({
subLi()
}
{ (transactionCategory === TransactionCategory.CashReceipt) &&
<></>
<>
<li className="amount-item">
<span className="label">·&nbsp;&nbsp;공급가액</span>
<span className="value">
<NumericFormat
value={ amountInfo?.supplyAmount }
thousandSeparator
displayType="text"
></NumericFormat>
</span>
</li>
<li className="amount-item">
<span className="label">·&nbsp;&nbsp;VAT</span>
<span className="value">
<NumericFormat
value={ amountInfo?.vat }
thousandSeparator
displayType="text"
></NumericFormat>
</span>
</li>
<li className="amount-item">
<span className="label">·&nbsp;&nbsp;봉사료</span>
<span className="value">
<NumericFormat
value={ amountInfo?.serviceAmount }
thousandSeparator
displayType="text"
></NumericFormat>
</span>
</li>
<li className="amount-item">
<span className="label">·&nbsp;&nbsp;면세금액</span>
<span className="value">
<NumericFormat
value={ amountInfo?.taxFreeAmount }
thousandSeparator
displayType="text"
></NumericFormat>
</span>
</li>
</>
}
{ (transactionCategory === TransactionCategory.Escrow) &&
<></>
@@ -231,21 +280,24 @@ export const AmountInfoSection = ({
</div>
}
</SlideDown>
<div className="txn-mid">
<span className="value">{ amountInfo?.mid }</span>
</div>
{
((transactionCategory === TransactionCategory.CashReceipt) ||
(transactionCategory === TransactionCategory.Escrow) ||
(transactionCategory === TransactionCategory.Billing)) &&
<div className="txn-doc">
{ (transactionCategory === TransactionCategory.AllTransaction) &&
<div className="txn-mid">
<span className="value">{ amountInfo?.mid }</span>
</div>
}
<div className="txn-doc">
{
((transactionCategory === TransactionCategory.CashReceipt) ||
(transactionCategory === TransactionCategory.Escrow) ||
(transactionCategory === TransactionCategory.Billing)) &&
!!canDownloadReceipt &&
<button
className="doc-btn"
type="button"
onClick={ () => onClickToDownloadConfirmation() }
>거래 확인서</button>
</div>
}
}
</div>
</div>
</>
);