From 532d280bd961c24adc66e673490e83c493176fc3 Mon Sep 17 00:00:00 2001 From: HyeonJongKim Date: Tue, 23 Sep 2025 10:49:23 +0900 Subject: [PATCH] =?UTF-8?q?=EB=B6=80=EA=B0=80=EC=84=9C=EB=B9=84=EC=8A=A4?= =?UTF-8?q?=20-=20=EA=B3=84=EC=A2=8C=EC=A0=90=EC=9C=A0=EC=9D=B8=EC=A6=9D?= =?UTF-8?q?=20=EC=83=81=EC=84=B8=EC=A0=95=EB=B3=B4,=ED=95=84=ED=84=B0,?= =?UTF-8?q?=EC=97=91=EC=85=80=EB=8B=A4=EC=9A=B4=20API=20=EC=97=B0=EB=8F=99?= =?UTF-8?q?=20-=20=EA=B3=84=EC=A2=8C=EC=84=B1=EB=AA=85=EC=A1=B0=ED=9A=8C?= =?UTF-8?q?=20=EC=83=81=EC=84=B8=EC=A0=95=EB=B3=B4=20=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...ion-account-holder-auth-deatil-mutation.ts | 52 ++++++++ ...unt-holder-auth-download-excel-mutation.ts | 26 ++++ ...t-holder-search-download-excel-mutation.ts | 2 +- .../additional-service/model/types.ts | 50 +++++++- .../filter/account-holder-auth-filter.tsx | 114 ++++++++++++++++++ .../filter/account-holder-search-filter.tsx | 7 +- .../ui/info-wrap/detail-info-wrap.tsx | 72 ++++++++++- .../ui/info-wrap/title-info-wrap.tsx | 20 +-- .../additional-service/ui/list-item.tsx | 14 +-- .../account-holder-auth-page.tsx | 30 ++++- .../account-holder-auth/detail-page.tsx | 72 +++++++++++ .../additional-service-pages.tsx | 3 +- 12 files changed, 430 insertions(+), 32 deletions(-) create mode 100644 src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx create mode 100644 src/pages/additional-service/account-holder-auth/detail-page.tsx diff --git a/src/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-deatil-mutation.ts b/src/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-deatil-mutation.ts index e69de29..33dd2f5 100644 --- a/src/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-deatil-mutation.ts +++ b/src/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-deatil-mutation.ts @@ -0,0 +1,52 @@ +import axios from 'axios'; +import { API_URL_ADDITIONAL_SERVICE } from '@/shared/api/api-url-additional-service'; +import { resultify } from '@/shared/lib/resultify'; +import { CBDCAxiosError } from '@/shared/@types/error'; +import { + DetailResponse, + TitleInfo, + DetailInfo, + ExtensionAccountHolderAuthDetailParams, + ExtensionAccountHolderAuthDetailResponse +} from '../../model/types'; +import { + useMutation, + UseMutationOptions +} from '@tanstack/react-query'; + +export const extensionAccountHolderAuthDetail = async (params: ExtensionAccountHolderAuthDetailParams): Promise => { + const response = await resultify( + axios.post(API_URL_ADDITIONAL_SERVICE.extensionAccountHolderAuthDetail(), params), + ); + + const detailResponse: DetailResponse = { + titleInfo: { + accountName: response.accountName, + accountNo: response.accountNo, + scheduledSendDate: response.requestDate //추후 발송예정일자로 수정 + } as TitleInfo, + detailInfo: { + companyName: response.companyName, + mid: response.mid, + requestDate: response.requestDate, + bankName: response.bankName, + accountNo: response.accountNo, + accountName: response.accountName, + transferStatus: response.transferStatus, + failureReason: response.failReason, + } as DetailInfo + + }; + + return detailResponse; +}; + +export const useExtensionAccountHolderAuthDetailMutation = (options?: UseMutationOptions) => { + const mutation = useMutation({ + ...options, + mutationFn: (params: ExtensionAccountHolderAuthDetailParams) => extensionAccountHolderAuthDetail(params), + }); + return { + ...mutation, + }; +} \ No newline at end of file diff --git a/src/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-download-excel-mutation.ts b/src/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-download-excel-mutation.ts index e69de29..84e63dd 100644 --- a/src/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-download-excel-mutation.ts +++ b/src/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-download-excel-mutation.ts @@ -0,0 +1,26 @@ +import axios from 'axios'; +import { API_URL_ADDITIONAL_SERVICE } from '@/shared/api/api-url-additional-service'; +import { resultify } from '@/shared/lib/resultify'; +import { CBDCAxiosError } from '@/shared/@types/error'; +import { ExtensionAccountHolderAuthDownloadExcelParams, ExtensionAccountHolderAuthDownloadExcelResponse } from '../../model/types'; +import { + useMutation, + UseMutationOptions +} from '@tanstack/react-query'; + +export const extensionAccountHolderAuthDownloadExcel = (params: ExtensionAccountHolderAuthDownloadExcelParams) => { + return resultify( + axios.post(API_URL_ADDITIONAL_SERVICE.extensionAccountHolderAuthDownlaodExcel(), params), + ); +}; + +export const useExtensionAccountHolderAuthDownloadExcelMutation = (options?: UseMutationOptions) => { + const mutation = useMutation({ + ...options, + mutationFn: (params: ExtensionAccountHolderAuthDownloadExcelParams) => extensionAccountHolderAuthDownloadExcel(params), + }); + + return { + ...mutation, + }; +}; diff --git a/src/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-download-excel-mutation.ts b/src/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-download-excel-mutation.ts index 7ccc03f..8104e2d 100644 --- a/src/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-download-excel-mutation.ts +++ b/src/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-download-excel-mutation.ts @@ -10,7 +10,7 @@ import { export const extensionAccountHolderSearchDownloadExcel = (params: ExtensionAccountHolderSearchDownloadExcelParams) => { return resultify( - axios.post(API_URL_ADDITIONAL_SERVICE.extensionKeyinDownloadExcel(), params), + axios.post(API_URL_ADDITIONAL_SERVICE.extensionAccountHolderSearchDownloadExcel(), params), ); }; diff --git a/src/entities/additional-service/model/types.ts b/src/entities/additional-service/model/types.ts index 51a6aa1..10812fa 100644 --- a/src/entities/additional-service/model/types.ts +++ b/src/entities/additional-service/model/types.ts @@ -43,6 +43,7 @@ export interface TitleInfo { amount?: number, corpName?: string, accountNo?: string, + accountName?: string, bankName?: string, requestDate?: string, sendDate?: string, @@ -58,10 +59,13 @@ export interface DetailInfo { accountNo?: string; // 계좌번호 requestWay?: string; //요청 구분 + mid?: string; + companyName?: string; email: string; phoneNumber: string; goodsName: string; moid: string; + transferStatus: AuthAndTransferStatus; } @@ -160,6 +164,17 @@ export interface AccountHolderAuthListProps { listItems: Record>; mid: string; } +export interface AccountHolderAuthFilterProps extends FilterProps { + mid: string; + startDate: string; + endDate: string; + authStatus: AuthAndTransferStatus; + setMid: (mid: string) => void; + setStartDate: (startDate: string) => void; + setEndDate: (endDate: string) => void; + setAuthStatus: (authStatus: AuthAndTransferStatus) => void; + +} // ======================================== // 계좌성명 조회 관련 타입들 // ======================================== @@ -365,9 +380,9 @@ export interface SettlementAgencyBottomAgreeProps { export interface ListItemProps extends KeyInPaymentListItem, AccountHolderSearchListItem, - AccountHolderAuthListItem,LinkPaymentHistoryListItem, - LinkPaymentWaitListItem, PayoutContent, - FundAccountTransferContentItem { + AccountHolderAuthListItem, LinkPaymentHistoryListItem, + LinkPaymentWaitListItem, + PayoutContent { additionalServiceCategory?: AdditionalServiceCategory; mid?: string } @@ -564,6 +579,33 @@ export interface ExtensionAccountHolderAuthListResponse extends DefaulResponsePa content: Array } +export interface ExtensionAccountHolderAuthDownloadExcelParams extends ExtensionRequestParams { + mid: string; + fromDate: string; + toDate: string; + authStatus: AuthAndTransferStatus; +} + +export interface ExtensionAccountHolderAuthDownloadExcelResponse { + status: boolean; +} + +export interface ExtensionAccountHolderAuthDetailParams extends ExtensionRequestParams { + tid: string; +} + +export interface ExtensionAccountHolderAuthDetailResponse { + tid: string; + mid: string; + accountName: string; + accountNo: string; + requestDate: string; + companyName: string; + bankName: string; + transferStatus: AuthAndTransferStatus; + failReason: string; +} + // 계좌 성명 조회 확장 서비스 // ======================================== export interface ExtensionAccountHolderSearchListParams extends ExtensionRequestParams { // Request @@ -600,7 +642,7 @@ export interface ExtensionAccountHolderSearchRequestParams extends ExtensionRequ } export interface ExtensionAccountHolderSearchRequestResponse { - status : boolean; + status: boolean; } export interface ExtensionAccountHolderSearchDownloadExcelParams extends ExtensionRequestParams { // Request diff --git a/src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx b/src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx new file mode 100644 index 0000000..e9141b9 --- /dev/null +++ b/src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx @@ -0,0 +1,114 @@ +import moment from 'moment'; +import { IMAGE_ROOT } from '@/shared/constants/common'; +import { motion } from 'framer-motion'; +import { useState } from 'react'; +import { FilterSelect } from '@/shared/ui/filter/select'; +import { FilterCalendar } from '@/shared/ui/filter/calendar'; +import { FilterButtonGroups } from '@/shared/ui/filter/button-groups'; +import { AccountHolderAuthFilterProps, AuthAndTransferStatus } from '@/entities/additional-service/model/types'; +import { authStatusBtnGroup } from '@/entities/additional-service/model/account-holder-auth/constant'; + +export const AccountHolderAuthFilter = ({ + filterOn, + setFilterOn, + mid, + startDate, + endDate, + authStatus, + setMid, + setStartDate, + setEndDate, + setAuthStatus +}: AccountHolderAuthFilterProps) => { + + const [filterMid, setFilterMid] = useState(mid); + const [filterStartDate, setFilterStartDate] = useState(moment(startDate).format('YYYY.MM.DD')); + const [filterEndDate, setFilterEndDate] = useState(moment(endDate).format('YYYY.MM.DD')); + const [filterAuthStatus, setFilterAuthStatus] = useState(authStatus); + + const variants = { + hidden: { x: '100%' }, + visible: { x: '0%' }, + }; + + let MidOptions = [ + { name: 'nictest001m', value: 'nictest001m' }, + { name: 'nictest002m', value: 'nictest002m' } + ]; + + const onClickToClose = () => { + setFilterOn(false); + }; + + const onClickToSetFilter = () => { + setMid(filterMid); + setStartDate(filterStartDate); + setEndDate(filterEndDate); + setAuthStatus(filterAuthStatus); + onClickToClose(); + }; + + return ( + <> + +
+
+
필터
+
+ +
+
+ +
+ + + + + +
+
+ +
+
+ + + ) +} diff --git a/src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx b/src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx index e862532..6c3b01e 100644 --- a/src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx +++ b/src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx @@ -1,8 +1,7 @@ import moment from 'moment'; -import { useEffect } from 'react'; import { IMAGE_ROOT } from '@/shared/constants/common'; import { motion } from 'framer-motion'; -import { ChangeEvent, useState } from 'react'; +import { useState } from 'react'; import { AccountHolderSearchType, AccountHolderSearchFilterProps, @@ -36,8 +35,8 @@ export const AccountHolderSearchFilter = ({ const [filterMid, setFilterMid] = useState(mid); const [filterSearchType, setFilterSearchType] = useState(searchType); const [filterSearchKeyword, setFilterSearchKeyword] = useState(searchKeyword); - const [filterStartDate, setFilterStartDate] = useState(startDate); - const [filterEndDate, setFilterEndDate] = useState(endDate); + const [filterStartDate, setFilterStartDate] = useState(moment(startDate).format('YYYY.MM.DD')); + const [filterEndDate, setFilterEndDate] = useState(moment(endDate).format('YYYY.MM.DD')); const [filterBank, setFilterBank] = useState(bank) const [filterProcessResult, setFilterProcessResult] = useState(processResult); const [dateReadOnly, setDateReadyOnly] = useState(true); diff --git a/src/entities/additional-service/ui/info-wrap/detail-info-wrap.tsx b/src/entities/additional-service/ui/info-wrap/detail-info-wrap.tsx index 37aa24a..8691a80 100644 --- a/src/entities/additional-service/ui/info-wrap/detail-info-wrap.tsx +++ b/src/entities/additional-service/ui/info-wrap/detail-info-wrap.tsx @@ -1,7 +1,5 @@ import moment from 'moment'; -import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow'; import { AdditionalServiceCategory, DetailInfoSectionProps } from '../../model/types'; -import { SlideDown } from 'react-slidedown'; import 'react-slidedown/lib/slidedown.css'; export const DetailInfoWrap = ({ @@ -9,13 +7,12 @@ export const DetailInfoWrap = ({ detailInfo }: DetailInfoSectionProps) => { - console.log("DetailInfo Check: ", detailInfo) - return ( <>
상세 정보
    + {/*링크결제_발송내역*/} {(additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory) && <> < li className="kv-row"> @@ -36,6 +33,73 @@ export const DetailInfoWrap = ({ } + {/*계좌성명조회*/} + {(additionalServiceCategory === AdditionalServiceCategory.AccountHolderSearch) && + <> +
  • + 조회 일시 + {detailInfo?.requestDate && moment(detailInfo.requestDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss')} +
    • +
  • + 결과 + {detailInfo?.resultStatus} +
    • +
  • + 실패사유 + {detailInfo?.failureReason} +
    • +
  • + 은행 + {detailInfo?.bankName} +
    • +
  • + 계좌번호 + {detailInfo?.accountNo} +
    • +
  • + 요청 구분 + {detailInfo?.requestWay} +
    • + + + } + {/*계좌점유인증*/} + {(additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) && + <> + < li className="kv-row"> + 가맹점상호 + {detailInfo?.companyName} + +
  • + MID + {detailInfo?.mid} +
    • +
  • + 요청일시 + {detailInfo?.requestDate && detailInfo?.requestDate} +
    • +
  • + 은행 + {detailInfo?.bankName} +
    • +
  • + 계좌번호 + {detailInfo?.accountNo} +
    • +
  • + 예금주 + {detailInfo?.accountName} +
    • +
  • + 결과 + {detailInfo?.transferStatus} +
    • +
  • + 실패사유 + {detailInfo?.failureReason && detailInfo?.failureReason} +
    • + + }
diff --git a/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx b/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx index 8fb7dbe..3d50e17 100644 --- a/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx +++ b/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx @@ -1,5 +1,4 @@ import moment from 'moment'; -import { motion } from 'framer-motion'; import { NumericFormat } from 'react-number-format'; import { AdditionalServiceCategory, DetailInfoSectionKeys } from '../../model/types'; import { DetailInfoSectionProps } from '../../model/types'; @@ -16,26 +15,32 @@ export const TitleInfoWrap = ({ } }; - let newTitleInfo: Record | undefined = titleInfo; - console.log("NewTitleInfo Check: ", newTitleInfo) - const onClickToDownloadConfirmation = () => { }; - - return ( <> + {/* 계좌성명조회*/} {additionalServiceCategory === AdditionalServiceCategory.AccountHolderSearch && ( <>
{titleInfo?.accountNo}
{titleInfo?.bankName}
-
{titleInfo?.requestDate}
+
{titleInfo?.requestDate && moment(titleInfo.requestDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss')}
)} + {additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth && ( + <> +
+ {titleInfo?.accountName} +
+
{titleInfo?.accountNo}
+
{titleInfo?.scheduledSendDate && moment(titleInfo.scheduledSendDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss')} [발송예정일자로 변경 필요]
+ + )} + {/*링크결제_발송내역*/} {additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory && ( <>
@@ -52,6 +57,7 @@ export const TitleInfoWrap = ({
{titleInfo?.sendDate}
)} + {/*링크결제_발송대기*/} {additionalServiceCategory === AdditionalServiceCategory.LinkPaymentPending && ( <> <> diff --git a/src/entities/additional-service/ui/list-item.tsx b/src/entities/additional-service/ui/list-item.tsx index 17cb8fe..57b5bd5 100644 --- a/src/entities/additional-service/ui/list-item.tsx +++ b/src/entities/additional-service/ui/list-item.tsx @@ -283,6 +283,13 @@ export const ListItem = ({ {resultStatus === 'SUCCESS' ? '성공' : '실패'}
); + } + else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) { + rs.push( +
+ {(transferStatus === 'REQUEST' || transferStatus === 'SUCCESS') ? '성공' : '실패'} +
+ ); } else if (additionalServiceCategory === AdditionalServiceCategory.KeyInPayment) { rs.push( @@ -296,13 +303,6 @@ export const ListItem = ({ ); } - else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) { - rs.push( -
- {(transferStatus === 'REQUEST' || transferStatus === 'SUCCESS') ? '성공' : '실패'} -
- ); - } else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory || additionalServiceCategory === AdditionalServiceCategory.LinkPaymentPending ) { diff --git a/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx b/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx index ad31f4d..4b161b2 100644 --- a/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx +++ b/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx @@ -3,7 +3,7 @@ import { PATHS } from '@/shared/constants/paths'; import { useNavigate } from '@/shared/lib/hooks/use-navigate'; import { HeaderType } from '@/entities/common/model/types'; import { IMAGE_ROOT } from '@/shared/constants/common'; -import { SortByKeys, AuthAndTransferStatus, AccountHolderAuthListItem } from '@/entities/additional-service/model/types'; +import { SortByKeys, AuthAndTransferStatus, AccountHolderAuthListItem } from '@/entities/additional-service/model/types'; import { useEffect, useState } from 'react'; import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant'; import { SortOptionsBox } from '@/entities/additional-service/ui/sort-options-box'; @@ -17,6 +17,8 @@ import { import { useExtensionAccountHolderAuthListMutation } from '@/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-list-mutation'; import { authStatusBtnGroup } from '@/entities/additional-service/model/account-holder-auth/constant'; import { AccountHolderAuthList } from '@/entities/additional-service/ui/account-holder-auth/account-holder-auth-list'; +import { useExtensionAccountHolderAuthDownloadExcelMutation } from '@/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-download-excel-mutation'; +import { AccountHolderAuthFilter } from '@/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter'; export const AccountHolderAuthPage = () => { const { navigate } = useNavigate(); @@ -38,7 +40,7 @@ export const AccountHolderAuthPage = () => { }); const { mutateAsync: accountHolderAuthList } = useExtensionAccountHolderAuthListMutation(); - + const { mutateAsync: downloadExcel } = useExtensionAccountHolderAuthDownloadExcelMutation(); const callList = (option?: { sortBy?: string, val?: string @@ -78,7 +80,14 @@ export const AccountHolderAuthPage = () => { }; const onClickToDownloadExcel = () => { - + downloadExcel({ + mid: mid, + fromDate: fromDate, + toDate: toDate, + authStatus: authStatus + }).then((rs) => { + console.log('Excel Downlaod Status : ' + rs.status) + }); } const onClickToOpenFilter = () => { @@ -147,7 +156,7 @@ export const AccountHolderAuthPage = () => { authStatusBtnGroup.map((value, index) => ( onClickToAuthStatus(value.value)} >{value.name} )) @@ -162,6 +171,19 @@ export const AccountHolderAuthPage = () => { + + ); }; \ No newline at end of file diff --git a/src/pages/additional-service/account-holder-auth/detail-page.tsx b/src/pages/additional-service/account-holder-auth/detail-page.tsx new file mode 100644 index 0000000..1b76bcb --- /dev/null +++ b/src/pages/additional-service/account-holder-auth/detail-page.tsx @@ -0,0 +1,72 @@ +import { useEffect, useState } from 'react'; +import { PATHS } from '@/shared/constants/paths'; +import { useNavigate } from '@/shared/lib/hooks/use-navigate'; +import { HeaderType } from '@/entities/common/model/types'; +import { + useSetHeaderTitle, + useSetHeaderType, + useSetFooterMode, + useSetOnBack +} from '@/widgets/sub-layout/use-sub-layout'; +import { AdditionalServiceCategory, DetailInfo, DetailResponse, ExtensionAccountHolderAuthDetailParams, 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'; +import { useExtensionAccountHolderAuthDetailMutation } from '@/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-deatil-mutation'; + +export const AccountHolderAuthDetailPage = () => { + const { navigate } = useNavigate(); + const location = useLocation(); + + const { mid, tid } = location.state || {}; + + const [titleInfo, setTitleInfo] = useState(); + const [detailInfo, setDetailInfo] = useState(); + + useSetHeaderTitle('계좌점유인증 상세'); + useSetHeaderType(HeaderType.LeftArrow); + useSetFooterMode(false); + useSetOnBack(() => { + navigate(PATHS.additionalService.accountHolderAuth.list); + }); + + const { mutateAsync: accountHolderAuthDetail } = useExtensionAccountHolderAuthDetailMutation(); + + const callDetail = () => { + let accountHolderAuthDetailParams: ExtensionAccountHolderAuthDetailParams = { + mid: mid, + tid: tid + } + accountHolderAuthDetail(accountHolderAuthDetailParams).then((rs: DetailResponse) => { + console.log("Detail Info: ", rs) + setTitleInfo(rs.titleInfo); + setDetailInfo(rs.detailInfo); + }); + }; + useEffect(() => { + callDetail(); + }, []); + return ( + <> +
+
+
+
+ +
+
+
+ +
+
+
+
+ + ) +} \ No newline at end of file diff --git a/src/pages/additional-service/additional-service-pages.tsx b/src/pages/additional-service/additional-service-pages.tsx index 1b42c55..c309ffa 100644 --- a/src/pages/additional-service/additional-service-pages.tsx +++ b/src/pages/additional-service/additional-service-pages.tsx @@ -33,6 +33,7 @@ import { KeyInPaymentRequestPage } from './key-in-payment/requeset-page'; import { KeyInPaymentRequestSuccessPage } from './key-in-payment/request-success-page'; import { AccountHolderSearchRequestPage } from './account-holder-search/request-page'; import { AccountHolderSearchDetailPage } from './account-holder-search/detail-page'; +import { AccountHolderAuthDetailPage } from './account-holder-auth/detail-page'; export const AdditionalServicePages = () => { return ( @@ -58,7 +59,7 @@ export const AdditionalServicePages = () => { } /> - } /> + } /> } />