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-24 13:55:37 +09:00
parent b2568ea8ff
commit 7f891b85b1
13 changed files with 89 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/entities/settlement/model/types.ts
View File

@@ -93,6 +93,11 @@ export interface AmountInfo {
holdAmount?: number;
releaseAmount?: number;
offsetAmount?: number;
transactionAmount?: number;
settlementAmount?: number;
preSettlementCancelOffset?: number;
finalSettlementAmount?: number;
};
export interface TransactionInfo {
orderNumber: string;

102
src/entities/settlement/ui/info-wrap/amount-info-wrap.tsx
View File

@@ -19,67 +19,55 @@ export const AmountInfoWrap = ({
<li className="kv-row">
<span className="k">거래금액 합계</span>
<span className="v">
<span>
<NumericFormat
value={ amountInfo?.totalTransactionAmount }
thousandSeparator
displayType="text"
suffix='원'
></NumericFormat>
</span>
<span>
<NumericFormat
value={ amountInfo?.totalTransactionCount }
thousandSeparator
displayType="text"
prefix=' ('
suffix='건)'
></NumericFormat>
</span>
<NumericFormat
value={ amountInfo?.totalTransactionAmount }
thousandSeparator
displayType="text"
suffix='원'
></NumericFormat>
<NumericFormat
value={ amountInfo?.totalTransactionCount }
thousandSeparator
displayType="text"
prefix=' ('
suffix='건)'
></NumericFormat>
</span>
<ul className="txn-amount-detail">
<li>
<span>·&nbsp;&nbsp;신용카드</span>
<span>
<span>
<NumericFormat
value={ amountInfo?.creditCardAmount }
thousandSeparator
displayType="text"
suffix='원'
></NumericFormat>
</span>
<span>
<NumericFormat
value={ amountInfo?.creditCardCount }
thousandSeparator
displayType="text"
prefix=' ('
suffix='건)'
></NumericFormat>
</span>
<span className="unset-child-span">
<NumericFormat
value={ amountInfo?.creditCardAmount }
thousandSeparator
displayType="text"
suffix='원'
></NumericFormat>
<NumericFormat
value={ amountInfo?.creditCardCount }
thousandSeparator
displayType="text"
prefix=' ('
suffix='건)'
></NumericFormat>
</span>
</li>
<li>
<span>·&nbsp;&nbsp;계좌이체</span>
<span>
<span>
<NumericFormat
value={ amountInfo?.accountTransferAmount }
thousandSeparator
displayType="text"
suffix='원'
></NumericFormat>
</span>
<span>
<NumericFormat
value={ amountInfo?.accountTransferCount }
thousandSeparator
displayType="text"
prefix=' ('
suffix='건)'
></NumericFormat>
</span>
<span className="unset-child-span">
<NumericFormat
value={ amountInfo?.accountTransferAmount }
thousandSeparator
displayType="text"
suffix='원'
></NumericFormat>
<NumericFormat
value={ amountInfo?.accountTransferCount }
thousandSeparator
displayType="text"
prefix=' ('
suffix='건)'
></NumericFormat>
</span>
</li>
</ul>
@@ -178,7 +166,7 @@ export const AmountInfoWrap = ({
<span className="k">거래금액</span>
<span className="v">
<NumericFormat
value={ amountInfo?.totalTransactionAmount }
value={ amountInfo?.transactionAmount }
thousandSeparator
displayType="text"
suffix='원'
@@ -233,7 +221,7 @@ export const AmountInfoWrap = ({
<span className="k">정산예정금액</span>
<span className="v">
<NumericFormat
value={ amountInfo?.offsetAmount }
value={ amountInfo?.settlementAmount }
thousandSeparator
displayType="text"
suffix='원'
@@ -244,7 +232,7 @@ export const AmountInfoWrap = ({
<span className="k">정산전 취소상계</span>
<span className="v">
<NumericFormat
value={ amountInfo?.offsetAmount }
value={ amountInfo?.preSettlementCancelOffset }
thousandSeparator
displayType="text"
suffix='원'
@@ -255,7 +243,7 @@ export const AmountInfoWrap = ({
<span className="k">정산금액</span>
<span className="v">
<NumericFormat
value={ amountInfo?.offsetAmount }
value={ amountInfo?.finalSettlementAmount }
thousandSeparator
displayType="text"
suffix='원'

30
src/entities/settlement/ui/list-wrap.tsx
View File

@@ -182,16 +182,6 @@ export const ListWrap = ({
}
}
};
useEffect(() => {
setTransactionIds([
'TXN_20250608_001',
'TXN_20250608_002'
]);
}, []);
useEffect(() => {
callList();
}, [periodType]);
const getSettlementDateListDateGroup = () => {
let rs = [];
@@ -209,7 +199,6 @@ export const ListWrap = ({
date = settlementDate;
}
if(date !== settlementDate){
date = settlementDate;
if(list.length > 0){
rs.push(
<ListDateGroup
@@ -220,6 +209,7 @@ export const ListWrap = ({
></ListDateGroup>
);
}
date = settlementDate;
list = [];
}
list.push(listItem);
@@ -255,7 +245,6 @@ export const ListWrap = ({
date = settlementDate;
}
if(date !== settlementDate){
date = settlementDate;
if(list.length > 0){
rs.push(
<ListDateGroup
@@ -266,6 +255,7 @@ export const ListWrap = ({
></ListDateGroup>
);
}
date = settlementDate;
list = [];
}
list.push(listItem);
@@ -304,6 +294,22 @@ export const ListWrap = ({
*/
};
useEffect(() => {
setTransactionIds([
'TXN_20250608_001',
'TXN_20250608_002'
]);
}, []);
useEffect(() => {
callList();
}, [
mid, periodType,
startDate, endDate,
paymentMethod
]);
return (
<>
<div className="summary-section pt-30">