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

- 부가서비스: 계좌 성명조회 상세정보 목업 데이터 API 연동

Browse Source
This commit is contained in:
HyeonJongKim
2025-09-18 16:01:58 +09:00
parent 9ba7bdd3e4
commit 3c542851dd
10 changed files with 225 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/pages/additional-service/account-holder-search/account-holder-search-page.tsx
View File

@@ -179,7 +179,6 @@ export const AccountHolderSearchPage = () => {
</div>
</div>
<AccountHolderSearchList
additionalServiceCategory={AdditionalServiceCategory.AccountHolderSearch}
listItems={listItems}
mid={mid}
></AccountHolderSearchList>

81
src/pages/additional-service/account-holder-search/detail-page.tsx
View File

@@ -1,7 +1,7 @@
import { useState } from 'react';
import moment from 'moment';
import { useEffect, useState } from 'react';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { IMAGE_ROOT } from '@/shared/constants/common';
import { HeaderType } from '@/entities/common/model/types';
import {
useSetHeaderTitle,
@@ -9,9 +9,20 @@ import {
useSetFooterMode,
useSetOnBack
} from '@/widgets/sub-layout/use-sub-layout';
import { useExtensionAccountHolderSearchDetailMutation } from '@/entities/additional-service/api/use-extension-account-holder-search-detail-mutation';
import { AdditionalServiceCategory, DetailInfo, DetailResponse, ExtensionAccountHolderSearchDetailParams, ExtensionAccountHolderSearchDetailResponse, ProcessResult, TitleInfo } from '@/entities/additional-service/model/types';
import { TitleInfoWrap } from '@/entities/additional-service/ui/info-wrap/title-info-wrap';
import { useLocation } from 'react-router';
import { DetailInfoWrap } from '@/entities/additional-service/ui/info-wrap/detail-info-wrap';
export const AccountHolderSearchDetailPage = () => {
const { navigate } = useNavigate();
const location = useLocation();
const { mid, tid } = location.state || {};
const [titleInfo, setTitleInfo] = useState<TitleInfo>();
const [detailInfo, setDetailInfo] = useState<DetailInfo>();
useSetHeaderTitle('계좌성명조회 상세');
useSetHeaderType(HeaderType.LeftArrow);
@@ -20,55 +31,43 @@ export const AccountHolderSearchDetailPage = () => {
navigate(PATHS.additionalService.accountHolderSearch.list);
});
const { mutateAsync: accountHolderSearchDetail } = useExtensionAccountHolderSearchDetailMutation();
const callDetail = () => {
let accountHolderSearchDetailParams: ExtensionAccountHolderSearchDetailParams = {
mid: mid,
tid: tid
}
accountHolderSearchDetail(accountHolderSearchDetailParams).then((rs: DetailResponse) => {
console.log("Detail Info: ", rs)
setTitleInfo(rs.titleInfo);
setDetailInfo(rs.detailInfo);
});
};
useEffect(() => {
callDetail();
}, []);
return (
<>
<main className="full-height">
<main>
<div className="tab-content">
<div className="tab-pane sub active">
<div className="pay-top">
<div className="num-amount">
<span className="amount">10002464******</span>
</div>
<div className="num-store">기업은행</div>
<div className="num-day">2025.09.12 16:12:37</div>
<TitleInfoWrap
additionalServiceCategory={AdditionalServiceCategory.AccountHolderSearch}
titleInfo={titleInfo}
></TitleInfoWrap>
</div>
<div className="detail-divider"></div>
<div className="pay-detail">
<div className="detail-title">상세 정보</div>
<ul className="kv-list">
<li className="kv-row">
<span className="k">예금주</span>
<span className="v">&nbsp;</span>
</li>
<li className="kv-row">
<span className="k">조회 일시</span>
<span className="v">2025.09.12 16:12:37</span>
</li>
<li className="kv-row">
<span className="k">결과</span>
<span className="v">실패</span>
</li>
<li className="kv-row">
<span className="k">실패사유</span>
<span className="v">기관미개시</span>
</li>
<li className="kv-row">
<span className="k">은행</span>
<span className="v">기업은행</span>
</li>
<li className="kv-row">
<span className="k">계좌번호</span>
<span className="v">1002464642587</span>
</li>
<li className="kv-row">
<span className="k">요청구분</span>
<span className="v">API</span>
</li>
</ul>
<div className="detail-divider"></div>
<DetailInfoWrap
additionalServiceCategory={AdditionalServiceCategory.AccountHolderSearch}
detailInfo={detailInfo}
></DetailInfoWrap>
</div>
</div>
</div>
</main>
</main >
</>
)
}