통합거래조회 UI api
This commit is contained in:
@@ -35,6 +35,7 @@ export const AllTransactionDetailPage = () => {
|
||||
const { navigate } = useNavigate();
|
||||
const location = useLocation();
|
||||
const tid = location.state.tid;
|
||||
const serviceCode = location.state.serviceCode;
|
||||
|
||||
const [amountInfo, setAmountInfo] = useState<AmountInfo>();
|
||||
const [importantInfo, setImportantInfo] = useState<ImportantInfo>();
|
||||
@@ -136,18 +137,21 @@ export const AllTransactionDetailPage = () => {
|
||||
transactionCategory={ TransactionCategory.AllTransaction }
|
||||
amountInfo={ amountInfo }
|
||||
show={ showAmountInfo }
|
||||
tid={ tid }
|
||||
tid={ tid }
|
||||
serviceCode={ serviceCode }
|
||||
onClickToShowInfo={ (infoWrapKey) => onClickToShowInfo(infoWrapKey) }
|
||||
></AmountInfoWrap>
|
||||
<div className="txn-divider minus"></div>
|
||||
<div className="txn-divider"></div>
|
||||
<ImportantInfoWrap
|
||||
transactionCategory={ TransactionCategory.AllTransaction }
|
||||
importantInfo={ importantInfo }
|
||||
serviceCode={ serviceCode }
|
||||
></ImportantInfoWrap>
|
||||
<div className="txn-divider minus"></div>
|
||||
<div className="txn-divider"></div>
|
||||
<PaymentInfoWrap
|
||||
transactionCategory={ TransactionCategory.AllTransaction }
|
||||
paymentInfo={ paymentInfo }
|
||||
serviceCode={ serviceCode }
|
||||
show={ showPaymentInfo }
|
||||
onClickToShowInfo={ (infoWrapKey) => onClickToShowInfo(infoWrapKey) }
|
||||
></PaymentInfoWrap>
|
||||
@@ -155,6 +159,7 @@ export const AllTransactionDetailPage = () => {
|
||||
<TransactionInfoWrap
|
||||
transactionCategory={ TransactionCategory.AllTransaction }
|
||||
transactionInfo={ transactionInfo }
|
||||
serviceCode={ serviceCode }
|
||||
show={ showTransactionInfo }
|
||||
onClickToShowInfo={ (infoWrapKey) => onClickToShowInfo(infoWrapKey) }
|
||||
></TransactionInfoWrap>
|
||||
@@ -162,6 +167,7 @@ export const AllTransactionDetailPage = () => {
|
||||
<SettlementInfoWrap
|
||||
transactionCategory={ TransactionCategory.AllTransaction }
|
||||
settlementInfo={ settlementInfo }
|
||||
serviceCode={ serviceCode }
|
||||
show={ showSettlementInfo }
|
||||
onClickToShowInfo={ (infoWrapKey) => onClickToShowInfo(infoWrapKey) }
|
||||
></SettlementInfoWrap>
|
||||
@@ -169,6 +175,7 @@ export const AllTransactionDetailPage = () => {
|
||||
<PartCancelInfoWrap
|
||||
transactionCategory={ TransactionCategory.AllTransaction }
|
||||
partCancelInfo={ partCancelInfo }
|
||||
serviceCode={ serviceCode }
|
||||
show={ showPartCancelInfo }
|
||||
onClickToShowInfo={ (infoWrapKey) => onClickToShowInfo(infoWrapKey) }
|
||||
></PartCancelInfoWrap>
|
||||
|
||||
@@ -5,7 +5,7 @@ import { IMAGE_ROOT } from '@/shared/constants/common';
|
||||
import { PATHS } from '@/shared/constants/paths';
|
||||
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
|
||||
import { AllTransactionList } from '@/entities/transaction/ui/all-transaction-list';
|
||||
import { ListItem, TransactionCategory, SortByKeys } from '@/entities/transaction/model/types';
|
||||
import { AllTransactionListItem, TransactionCategory, SortByKeys } from '@/entities/transaction/model/types';
|
||||
import { useAllTransactionListMutation } from '@/entities/transaction/api/use-all-transaction-list-mutation';
|
||||
import { useAllTransactionListSummaryMutation } from '@/entities/transaction/api/use-all-transaction-list-summary-mutation';
|
||||
import { useDownloadExcelMutation } from '@/entities/transaction/api/use-download-excel-mutation';
|
||||
@@ -84,12 +84,12 @@ export const AllTransactionListPage = () => {
|
||||
});
|
||||
};
|
||||
|
||||
const assembleData = (content: Array<ListItem>) => {
|
||||
const assembleData = (content: Array<AllTransactionListItem>) => {
|
||||
let data: any = {};
|
||||
if(content && content.length > 0){
|
||||
for(let i=0;i<content?.length;i++){
|
||||
let stateDate = content[i]?.stateDate;
|
||||
let groupDate = stateDate?.substring(0, 8);
|
||||
let stateDate = content[i]?.stateDate?.substring(0, 8);
|
||||
let groupDate = moment(stateDate).format('YYYYMMDD');
|
||||
if(!!groupDate && !data.hasOwnProperty(groupDate)){
|
||||
data[groupDate] = [];
|
||||
}
|
||||
@@ -141,7 +141,10 @@ export const AllTransactionListPage = () => {
|
||||
if(!!serviceCodeOptions && serviceCodeOptions.length > 0)
|
||||
for(let i=0;i<serviceCodeOptions.length;i++){
|
||||
rs.push(
|
||||
<option value={serviceCodeOptions[i]?.value}>{ serviceCodeOptions[i]?.text }</option>
|
||||
<option
|
||||
key={`key-${i}`}
|
||||
value={serviceCodeOptions[i]?.value}
|
||||
>{ serviceCodeOptions[i]?.text }</option>
|
||||
)
|
||||
}
|
||||
return rs;
|
||||
|
||||
Reference in New Issue
Block a user