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:
HyeonJongKim
2025-10-23 19:58:25 +09:00
parent 6e8b73bd84
commit fdd565a0de
10 changed files with 167 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-deatil-mutation.ts
View File

@@ -13,35 +13,14 @@ import {
} from '@tanstack/react-query'; } from '@tanstack/react-query';
import { ExtensionAccountHolderAuthDetailParams, ExtensionAccountHolderAuthDetailResponse } from '../../model/account-holder-auth/types'; import { ExtensionAccountHolderAuthDetailParams, ExtensionAccountHolderAuthDetailResponse } from '../../model/account-holder-auth/types';
export const extensionAccountHolderAuthDetail = async (params: ExtensionAccountHolderAuthDetailParams): Promise<DetailResponse> => { export const extensionAccountHolderAuthDetail = async (params: ExtensionAccountHolderAuthDetailParams): Promise<ExtensionAccountHolderAuthDetailResponse> => {
const response = await resultify( return resultify(
axios.post<ExtensionAccountHolderAuthDetailResponse>(API_URL_ADDITIONAL_SERVICE.extensionAccountHolderAuthDetail(), params), axios.post<ExtensionAccountHolderAuthDetailResponse>(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<ExtensionAccountHolderAuthDetailResponse, CBDCAxiosError, ExtensionAccountHolderAuthDetailParams>) => {
}; const mutation = useMutation<ExtensionAccountHolderAuthDetailResponse, CBDCAxiosError, ExtensionAccountHolderAuthDetailParams>({
export const useExtensionAccountHolderAuthDetailMutation = (options?: UseMutationOptions<DetailResponse, CBDCAxiosError, ExtensionAccountHolderAuthDetailParams>) => {
const mutation = useMutation<DetailResponse, CBDCAxiosError, ExtensionAccountHolderAuthDetailParams>({
...options, ...options,
mutationFn: (params: ExtensionAccountHolderAuthDetailParams) => extensionAccountHolderAuthDetail(params), mutationFn: (params: ExtensionAccountHolderAuthDetailParams) => extensionAccountHolderAuthDetail(params),
}); });

34
src/entities/additional-service/model/account-holder-auth/constant.ts
View File

@@ -1,8 +1,32 @@
import { AuthAndTransferStatus } from "./types"; import { AccountHolderAuthStatus } from "./types";
export const authStatusBtnGroup = [ export const authStatusBtnGroup = [
{ name: '전체', value: AuthAndTransferStatus.ALL }, { name: '전체', value: AccountHolderAuthStatus.ALL },
{ name: '요청', value: AuthAndTransferStatus.REQUEST}, { name: '요청', value: AccountHolderAuthStatus.REQUEST},
{ name: '성공', value: AuthAndTransferStatus.SUCCESS}, { name: '성공', value: AccountHolderAuthStatus.SUCCESS},
{ name: '실패', value: AuthAndTransferStatus.FAIL} { name: '실패', value: AccountHolderAuthStatus.FAIL}
] ]
export const getAuthStatusText = (status?: string): string => {
if (!status) return '';
const AuthStatusMap: Record<string, string> = {
'REQUEST' : '요청',
'SUCCESS' : '성공',
'FAIL' : '실패'
}
return AuthStatusMap[status] || status;
}
export const getAuthResultText = (status?: string): string => {
if (!status) return '';
const AuthResultMap: Record<string, string> = {
'MATCHED' : '예금주명 일치',
'NOT_MATCHED' : '예금주명 불일치',
'FAILED' : '인증실패 (계좌 오류 등)'
}
return AuthResultMap[status] || status;
}

24
src/entities/additional-service/model/account-holder-auth/types.ts
View File

@@ -2,20 +2,26 @@ import { DefaulResponsePagination, DefaultRequestPagination } from "@/entities/c
import { AdditionalServiceCategory, ExtensionRequestParams, FilterProps, ListItemProps } from "../types"; import { AdditionalServiceCategory, ExtensionRequestParams, FilterProps, ListItemProps } from "../types";
// 계좌 점유 조회 관련 타입들 // 계좌 점유 조회 관련 타입들
export enum AuthAndTransferStatus { export enum AccountHolderAuthStatus {
ALL = "", ALL = "",
REQUEST = "REQUEST", REQUEST = "REQUEST",
SUCCESS = "SUCCESS", SUCCESS = "SUCCESS",
FAIL = "FAIL" FAIL = "FAIL"
} }
export enum AccountHolderAuthResult {
MATCHED = "MATCHED",
NOT_MATCHED = "NOT_MATCHED",
FAILED = "FAILED"
}
export interface AccountHolderAuthListItem { export interface AccountHolderAuthListItem {
tid?: string; tid?: string;
accountName?: string; accountName?: string;
accountNo?: string; accountNo?: string;
requestDate?: string; requestDate?: string;
bankName?: string; bankName?: string;
transferStatus?: AuthAndTransferStatus; authStatus?: AccountHolderAuthStatus;
} }
export interface AccountHolderAuthListProps { export interface AccountHolderAuthListProps {
additionalServiceCategory: AdditionalServiceCategory; additionalServiceCategory: AdditionalServiceCategory;
@@ -26,11 +32,11 @@ export interface AccountHolderAuthFilterProps extends FilterProps {
mid: string; mid: string;
startDate: string; startDate: string;
endDate: string; endDate: string;
authStatus: AuthAndTransferStatus; authStatus: AccountHolderAuthStatus;
setMid: (mid: string) => void; setMid: (mid: string) => void;
setStartDate: (startDate: string) => void; setStartDate: (startDate: string) => void;
setEndDate: (endDate: string) => void; setEndDate: (endDate: string) => void;
setAuthStatus: (authStatus: AuthAndTransferStatus) => void; setAuthStatus: (authStatus: AccountHolderAuthStatus) => void;
} }
// 계좌 점유 인증 확장 서비스 // 계좌 점유 인증 확장 서비스
@@ -53,14 +59,14 @@ export interface ExtensionAccountHolderAuthContentItem {
accountNo?: string; accountNo?: string;
requestDate?: string; requestDate?: string;
bankName?: string; bankName?: string;
authStatus?: AuthAndTransferStatus; authStatus?: AccountHolderAuthStatus;
} }
export interface ExtensionAccountHolderAuthDownloadExcelParams extends ExtensionRequestParams { export interface ExtensionAccountHolderAuthDownloadExcelParams extends ExtensionRequestParams {
mid: string; mid: string;
fromDate: string; fromDate: string;
toDate: string; toDate: string;
authStatus: AuthAndTransferStatus; authStatus: AccountHolderAuthStatus;
} }
export interface ExtensionAccountHolderAuthDownloadExcelResponse { export interface ExtensionAccountHolderAuthDownloadExcelResponse {
@@ -79,6 +85,8 @@ export interface ExtensionAccountHolderAuthDetailResponse {
requestDate: string; requestDate: string;
companyName: string; companyName: string;
bankName: string; bankName: string;
transferStatus: AuthAndTransferStatus; authStatus: AccountHolderAuthStatus;
failReason: string; authResult: AccountHolderAuthResult;
authAmount: number;
requestName: string;
} }

8
src/entities/additional-service/model/types.ts
View File

@@ -8,7 +8,7 @@ import type { ExtensionSmsDetailResponse } from './sms-payment/types';
import { FaceAuthListItem } from './face-auth/types'; import { FaceAuthListItem } from './face-auth/types';
import { AccountHolderSearchListItem } from './account-holder-search/types'; import { AccountHolderSearchListItem } from './account-holder-search/types';
import { KeyInPaymentListItem } from './key-in/types'; import { KeyInPaymentListItem } from './key-in/types';
import { AccountHolderAuthListItem, AuthAndTransferStatus } from './account-holder-auth/types'; import { AccountHolderAuthListItem, AccountHolderAuthStatus } from './account-holder-auth/types';
import { LinkContentType, LinkPaymentHistoryListItem, LinkPaymentSendMethod, LinkPaymentWaitListItem } from './link-pay/types'; import { LinkContentType, LinkPaymentHistoryListItem, LinkPaymentSendMethod, LinkPaymentWaitListItem } from './link-pay/types';
// ======================================== // ========================================
@@ -56,6 +56,7 @@ export interface TitleInfo {
corpName?: string, corpName?: string,
accountNo?: string, accountNo?: string,
accountName?: string, accountName?: string,
authDate?: string,
bankName?: string, bankName?: string,
requestDate?: string, requestDate?: string,
sendDate?: string, sendDate?: string,
@@ -66,10 +67,13 @@ export interface DetailInfo {
accountName?: string; // 예금주 accountName?: string; // 예금주
requestDate?: string; // 조회 일시 requestDate?: string; // 조회 일시
resultStatus?: string; // 결과 resultStatus?: string; // 결과
authDate?: string;
bankName?: string; // 은행 명 bankName?: string; // 은행 명
failureReason?: string; // 실패사유 failureReason?: string; // 실패사유
accountNo?: string; // 계좌번호 accountNo?: string; // 계좌번호
requestWay?: string; //요청 구분 requestWay?: string; //요청 구분
authStatus?: string;
authResult?: string;
mid?: string; mid?: string;
companyName?: string; companyName?: string;
@@ -77,7 +81,7 @@ export interface DetailInfo {
phoneNumber: string; phoneNumber: string;
goodsName: string; goodsName: string;
moid: string; moid: string;
transferStatus: AuthAndTransferStatus; transferStatus: AccountHolderAuthStatus;
} }

32
src/entities/additional-service/ui/account-holder-auth/account-holder-auth-list.tsx
View File

@@ -10,44 +10,46 @@ export const AccountHolderAuthList = ({
}: AccountHolderAuthListProps) => { }: AccountHolderAuthListProps) => {
const getListDateGroup = () => { const getListDateGroup = () => {
let rs: JSX.Element[] = []; let rs = [];
let date = ''; let date = '';
let list: ExtensionAccountHolderAuthContentItem[] = []; let list = [];
for (let i = 0; i < listItems.length; i++) { for (let i = 0; i < listItems.length; i++) {
let items = listItems[i];
// sendDate(발송일자) 기준 if (!!items) {
let requestDate = listItems[i]?.requestDate || ''; let requestDate = items?.requestDate;
let itemDate = requestDate.substring(0, 8); requestDate = requestDate?.substring(0, 8);
if (!!requestDate) {
if (i === 0) { if (i === 0) {
date = itemDate; date = requestDate;
} }
if (date !== itemDate) { if (date !== requestDate) {
date = requestDate;
if (list.length > 0) { if (list.length > 0) {
rs.push( rs.push(
<ListDateGroup <ListDateGroup
additionalServiceCategory={additionalServiceCategory} additionalServiceCategory={additionalServiceCategory}
key={date + '-' + i} key={date + '-' + i}
date={date} date={date}
items={list as any} items={list}
mid={mid}
></ListDateGroup> ></ListDateGroup>
); );
} }
date = itemDate;
list = []; list = [];
} }
list.push(listItems[i] as any); list.push(items);
}
}
} }
if (list.length > 0) { if (list.length > 0) {
rs.push( rs.push(
<ListDateGroup <ListDateGroup
additionalServiceCategory={additionalServiceCategory} additionalServiceCategory={additionalServiceCategory}
mid={mid}
key={date + '-last'} key={date + '-last'}
date={date} date={date}
items={list as any} items={list}
mid={mid}
></ListDateGroup> ></ListDateGroup>
); )
} }
return rs; return rs;
}; };

4
src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx
View File

@@ -8,7 +8,7 @@ import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { authStatusBtnGroup } from '@/entities/additional-service/model/account-holder-auth/constant'; import { authStatusBtnGroup } from '@/entities/additional-service/model/account-holder-auth/constant';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant'; import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store'; import { useStore } from '@/shared/model/store';
import { AccountHolderAuthFilterProps, AuthAndTransferStatus } from '@/entities/additional-service/model/account-holder-auth/types'; import { AccountHolderAuthFilterProps, AccountHolderAuthStatus } from '@/entities/additional-service/model/account-holder-auth/types';
export const AccountHolderAuthFilter = ({ export const AccountHolderAuthFilter = ({
filterOn, filterOn,
@@ -26,7 +26,7 @@ export const AccountHolderAuthFilter = ({
const [filterMid, setFilterMid] = useState<string>(mid); const [filterMid, setFilterMid] = useState<string>(mid);
const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYY.MM.DD')); const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYY.MM.DD'));
const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYY.MM.DD')); const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYY.MM.DD'));
const [filterAuthStatus, setFilterAuthStatus] = useState<AuthAndTransferStatus>(authStatus); const [filterAuthStatus, setFilterAuthStatus] = useState<AccountHolderAuthStatus>(authStatus);
const midOptions = useStore.getState().UserStore.selectOptionsMids; const midOptions = useStore.getState().UserStore.selectOptionsMids;

3
src/entities/additional-service/ui/list-date-group.tsx
View File

@@ -35,7 +35,6 @@ export const ListDateGroup = ({
bankName={ items[i]?.bankName} bankName={ items[i]?.bankName}
accountName={ items[i]?.accountName} accountName={ items[i]?.accountName}
accountNo={ items[i]?.accountNo } accountNo={ items[i]?.accountNo }
transferStatus={ items[i]?.transferStatus}
resultStatus={ items[i]?.resultStatus } resultStatus={ items[i]?.resultStatus }
resultMessage={ items[i]?.resultMessage } resultMessage={ items[i]?.resultMessage }
applicationDate={ items[i]?.applicationDate } applicationDate={ items[i]?.applicationDate }
@@ -62,7 +61,7 @@ export const ListDateGroup = ({
requestId={ items[i]?.requestId} requestId={ items[i]?.requestId}
detailExposure={ items[i]?.detailExposure} detailExposure={ items[i]?.detailExposure}
receiverInfo={ items[i]?.receiverInfo} receiverInfo={ items[i]?.receiverInfo}
authStatus= { items[i]?.authStatus}
alimCl={ items[i]?.alimCl } alimCl={ items[i]?.alimCl }
sendType={ items[i]?.sendType } sendType={ items[i]?.sendType }

13
src/entities/additional-service/ui/list-item.tsx
View File

@@ -20,7 +20,7 @@ export const ListItem = ({
applicationDate, requestDate, bankName, accountNo, resultStatus, resultMessage, applicationDate, requestDate, bankName, accountNo, resultStatus, resultMessage,
amount, sendMethod, processStatus,registDate, amount, sendMethod, processStatus,registDate,
accountName, transferStatus, accountName,
submallId, settlementDate, companyName, submallId, settlementDate, companyName,
disbursementStatus, disbursementAmount, disbursementStatus, disbursementAmount,
@@ -32,6 +32,7 @@ export const ListItem = ({
requestId,subReqId, requestId,subReqId,
buyerName,receiverInfo, buyerName,receiverInfo,
seq,serviceCode,sendDate, seq,serviceCode,sendDate,
authStatus,
smsCl,groupId,userMallId,transType, smsCl,groupId,userMallId,transType,
authResult,failReason,requestTime, authResult,failReason,requestTime,
@@ -73,9 +74,9 @@ export const ListItem = ({
} }
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) { else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
if (transferStatus === "REQUEST" || transferStatus === "SUCCESS") { if (authStatus === "REQUEST" || authStatus === "SUCCESS") {
rs = 'blue'; rs = 'blue';
} else if (transferStatus === "FAIL") { } else if (authStatus === "FAIL") {
rs = 'gray'; rs = 'gray';
} }
} }
@@ -307,7 +308,7 @@ export const ListItem = ({
statusText = resultStatus || ''; statusText = resultStatus || '';
} }
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) { else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
statusText = transferStatus || ''; statusText = authStatus || '';
} }
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) { else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
statusText = getTransTypeText(transType) statusText = getTransTypeText(transType)
@@ -531,8 +532,8 @@ export const ListItem = ({
} }
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) { else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
rs.push( rs.push(
<div className={`status-label ${(transferStatus === 'REQUEST' || transferStatus === 'SUCCESS') ? 'success' : 'fail'}`}> <div className={`status-label ${(authStatus === 'REQUEST' || authStatus === 'SUCCESS') ? 'success' : 'fail'}`}>
{(transferStatus === 'REQUEST' || transferStatus === 'SUCCESS') ? '성공' : '실패'} {(authStatus === 'REQUEST' || authStatus === 'SUCCESS') ? '성공' : '실패'}
</div> </div>
); );
} }

8
src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx
View File

@@ -19,7 +19,7 @@ import { AccountHolderAuthList } from '@/entities/additional-service/ui/account-
import { useExtensionAccountHolderAuthDownloadExcelMutation } from '@/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-download-excel-mutation'; 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'; import { AccountHolderAuthFilter } from '@/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter';
import { useStore } from '@/shared/model/store'; import { useStore } from '@/shared/model/store';
import { AccountHolderAuthListItem, AuthAndTransferStatus, ExtensionAccountHolderAuthContentItem, ExtensionAccountHolderAuthDownloadExcelParams, ExtensionAccountHolderAuthDownloadExcelResponse } from '@/entities/additional-service/model/account-holder-auth/types'; import { AccountHolderAuthListItem, AccountHolderAuthStatus, ExtensionAccountHolderAuthContentItem, ExtensionAccountHolderAuthDownloadExcelParams, ExtensionAccountHolderAuthDownloadExcelResponse } from '@/entities/additional-service/model/account-holder-auth/types';
import { AdditionalServiceCategory } from '@/entities/additional-service/model/types'; import { AdditionalServiceCategory } from '@/entities/additional-service/model/types';
import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet'; import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
@@ -35,7 +35,7 @@ export const AccountHolderAuthPage = () => {
const [mid, setMid] = useState<string>(userMid); const [mid, setMid] = useState<string>(userMid);
const [fromDate, setFromDate] = useState(moment().format('YYYYMMDD')); const [fromDate, setFromDate] = useState(moment().format('YYYYMMDD'));
const [toDate, setToDate] = useState(moment().format('YYYYMMDD')); const [toDate, setToDate] = useState(moment().format('YYYYMMDD'));
const [authStatus, setAuthStatus] = useState<AuthAndTransferStatus>(AuthAndTransferStatus.ALL) const [authStatus, setAuthStatus] = useState<AccountHolderAuthStatus>(AccountHolderAuthStatus.ALL)
const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false); const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
useSetHeaderTitle('계좌점유인증'); useSetHeaderTitle('계좌점유인증');
useSetHeaderType(HeaderType.LeftArrow); useSetHeaderType(HeaderType.LeftArrow);
@@ -49,7 +49,7 @@ export const AccountHolderAuthPage = () => {
const callList = (option?: { const callList = (option?: {
sortType?: SortTypeKeys, sortType?: SortTypeKeys,
status?: AuthAndTransferStatus status?: AccountHolderAuthStatus
}) => { }) => {
let listParams = { let listParams = {
mid: mid, mid: mid,
@@ -81,7 +81,7 @@ export const AccountHolderAuthPage = () => {
}); });
}; };
const onClickToAuthStatus = (val: AuthAndTransferStatus) => { const onClickToAuthStatus = (val: AccountHolderAuthStatus) => {
setAuthStatus(val); setAuthStatus(val);
callList({ callList({
status: val status: val

73
src/pages/additional-service/account-holder-auth/detail-page.tsx
View File

@@ -13,7 +13,10 @@ import { TitleInfoWrap } from '@/entities/additional-service/ui/info-wrap/title-
import { useLocation } from 'react-router'; import { useLocation } from 'react-router';
import { DetailInfoWrap } from '@/entities/additional-service/ui/info-wrap/detail-info-wrap'; 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'; import { useExtensionAccountHolderAuthDetailMutation } from '@/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-deatil-mutation';
import { ExtensionAccountHolderAuthDetailParams } from '@/entities/additional-service/model/account-holder-auth/types'; import { ExtensionAccountHolderAuthDetailParams, ExtensionAccountHolderAuthDetailResponse } from '@/entities/additional-service/model/account-holder-auth/types';
import moment from 'moment';
import { getAuthStatusText } from '@/entities/additional-service/model/account-holder-auth/constant';
import { getAuthResultStatusText } from '@/entities/additional-service/model/face-auth/constant';
export const AccountHolderAuthDetailPage = () => { export const AccountHolderAuthDetailPage = () => {
const { navigate } = useNavigate(); const { navigate } = useNavigate();
@@ -21,8 +24,7 @@ export const AccountHolderAuthDetailPage = () => {
const { mid, tid } = location.state || {}; const { mid, tid } = location.state || {};
const [titleInfo, setTitleInfo] = useState<TitleInfo>(); const [detail, setDetail] = useState<ExtensionAccountHolderAuthDetailResponse>();
const [detailInfo, setDetailInfo] = useState<DetailInfo>();
useSetHeaderTitle('계좌점유인증 상세'); useSetHeaderTitle('계좌점유인증 상세');
useSetHeaderType(HeaderType.LeftArrow); useSetHeaderType(HeaderType.LeftArrow);
@@ -38,32 +40,71 @@ export const AccountHolderAuthDetailPage = () => {
mid: mid, mid: mid,
tid: tid tid: tid
} }
accountHolderAuthDetail(accountHolderAuthDetailParams).then((rs: DetailResponse) => { accountHolderAuthDetail(accountHolderAuthDetailParams).then((rs: ExtensionAccountHolderAuthDetailResponse) => {
console.log("Detail Info: ", rs) setDetail(rs);
setTitleInfo(rs.titleInfo);
setDetailInfo(rs.detailInfo);
}); });
}; };
useEffect(() => { useEffect(() => {
callDetail(); callDetail();
}, []); }, []);
const getDate = (date?: string) => {
return (date) ? moment(date, 'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss') : '';
};
return ( return (
<> <>
<main> <main>
<div className="tab-content"> <div className="tab-content">
<div className="tab-pane sub active"> <div className="tab-pane sub active">
<div className="pay-top"> <div className="pay-top">
<TitleInfoWrap <div className="num-amount">
additionalServiceCategory={AdditionalServiceCategory.AccountHolderAuth} <span className="amount">{detail?.accountName}</span>
titleInfo={titleInfo} <span className="amount">{detail?.accountNo}</span>
></TitleInfoWrap> </div>
<div className="num-day">{getDate(detail?.requestDate)}</div>
</div> </div>
<div className="pay-detail">
<div className="detail-divider"></div> <div className="detail-divider"></div>
<DetailInfoWrap <div className="pay-detail">
additionalServiceCategory={AdditionalServiceCategory.AccountHolderAuth} <div className="detail-title">상세 정보</div>
detailInfo={detailInfo} <ul className="kv-list">
></DetailInfoWrap> <li className="kv-row">
<span className="k">가맹점상호</span>
<span className="v">{detail?.companyName}</span>
</li>
<li className="kv-row">
<span className="k">MID</span>
<span className="v">{detail?.mid}</span>
</li>
<li className="kv-row">
<span className="k">요청일시</span>
<span className="v">{getDate(detail?.requestDate)}</span>
</li>
<li className="kv-row">
<span className="k">은행</span>
<span className="v">{detail?.bankName}</span>
</li>
<li className="kv-row">
<span className="k">계좌번호</span>
<span className="v">{detail?.bankName}</span>
</li>
<li className="kv-row">
<span className="k">예금주</span>
<span className="v">{detail?.accountName}</span>
</li>
<li className="kv-row">
<span className="k">결과</span>
<span className="v">{getAuthStatusText(detail?.authStatus)}</span>
</li>
<li className="kv-row">
<span className="k">실패 사유</span>
{detail?.authResult !== "MATCHED" &&
<span className="v">{getAuthResultStatusText(detail?.authResult)}</span>
}
{detail?.authResult === "MATCHED" &&
<span className="v">-</span>
}
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>