- 계좌점유인증 수정
This commit is contained in:
@@ -4,59 +4,61 @@ import { AccountHolderAuthListProps, ExtensionAccountHolderAuthContentItem } fro
|
||||
import { JSX } from 'react';
|
||||
|
||||
export const AccountHolderAuthList = ({
|
||||
additionalServiceCategory,
|
||||
listItems,
|
||||
mid
|
||||
additionalServiceCategory,
|
||||
listItems,
|
||||
mid
|
||||
}: AccountHolderAuthListProps) => {
|
||||
|
||||
const getListDateGroup = () => {
|
||||
let rs: JSX.Element[] = [];
|
||||
let rs = [];
|
||||
let date = '';
|
||||
let list: ExtensionAccountHolderAuthContentItem[] = [];
|
||||
let list = [];
|
||||
for (let i = 0; i < listItems.length; i++) {
|
||||
|
||||
// sendDate(발송일자) 기준
|
||||
let requestDate = listItems[i]?.requestDate || '';
|
||||
let itemDate = requestDate.substring(0, 8);
|
||||
if (i === 0) {
|
||||
date = itemDate;
|
||||
}
|
||||
if (date !== itemDate) {
|
||||
if (list.length > 0) {
|
||||
rs.push(
|
||||
<ListDateGroup
|
||||
additionalServiceCategory={additionalServiceCategory}
|
||||
key={date + '-' + i}
|
||||
date={date}
|
||||
items={list as any}
|
||||
mid={mid}
|
||||
></ListDateGroup>
|
||||
);
|
||||
let items = listItems[i];
|
||||
if (!!items) {
|
||||
let requestDate = items?.requestDate;
|
||||
requestDate = requestDate?.substring(0, 8);
|
||||
if (!!requestDate) {
|
||||
if (i === 0) {
|
||||
date = requestDate;
|
||||
}
|
||||
if (date !== requestDate) {
|
||||
date = requestDate;
|
||||
if (list.length > 0) {
|
||||
rs.push(
|
||||
<ListDateGroup
|
||||
additionalServiceCategory={additionalServiceCategory}
|
||||
key={date + '-' + i}
|
||||
date={date}
|
||||
items={list}
|
||||
></ListDateGroup>
|
||||
);
|
||||
}
|
||||
list = [];
|
||||
}
|
||||
list.push(items);
|
||||
}
|
||||
date = itemDate;
|
||||
list = [];
|
||||
}
|
||||
list.push(listItems[i] as any);
|
||||
}
|
||||
if (list.length > 0) {
|
||||
rs.push(
|
||||
<ListDateGroup
|
||||
additionalServiceCategory={additionalServiceCategory}
|
||||
mid={mid}
|
||||
key={date + '-last'}
|
||||
date={date}
|
||||
items={list as any}
|
||||
mid={mid}
|
||||
items={list}
|
||||
></ListDateGroup>
|
||||
);
|
||||
)
|
||||
}
|
||||
return rs;
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="transaction-list">
|
||||
{getListDateGroup()}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
return (
|
||||
<>
|
||||
<div className="transaction-list">
|
||||
{getListDateGroup()}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -8,7 +8,7 @@ import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
|
||||
import { authStatusBtnGroup } from '@/entities/additional-service/model/account-holder-auth/constant';
|
||||
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
|
||||
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 = ({
|
||||
filterOn,
|
||||
@@ -26,7 +26,7 @@ export const AccountHolderAuthFilter = ({
|
||||
const [filterMid, setFilterMid] = useState<string>(mid);
|
||||
const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).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;
|
||||
|
||||
|
||||
@@ -35,7 +35,6 @@ export const ListDateGroup = ({
|
||||
bankName={ items[i]?.bankName}
|
||||
accountName={ items[i]?.accountName}
|
||||
accountNo={ items[i]?.accountNo }
|
||||
transferStatus={ items[i]?.transferStatus}
|
||||
resultStatus={ items[i]?.resultStatus }
|
||||
resultMessage={ items[i]?.resultMessage }
|
||||
applicationDate={ items[i]?.applicationDate }
|
||||
@@ -62,7 +61,7 @@ export const ListDateGroup = ({
|
||||
requestId={ items[i]?.requestId}
|
||||
detailExposure={ items[i]?.detailExposure}
|
||||
receiverInfo={ items[i]?.receiverInfo}
|
||||
|
||||
authStatus= { items[i]?.authStatus}
|
||||
|
||||
alimCl={ items[i]?.alimCl }
|
||||
sendType={ items[i]?.sendType }
|
||||
|
||||
@@ -20,7 +20,7 @@ export const ListItem = ({
|
||||
applicationDate, requestDate, bankName, accountNo, resultStatus, resultMessage,
|
||||
amount, sendMethod, processStatus,registDate,
|
||||
|
||||
accountName, transferStatus,
|
||||
accountName,
|
||||
|
||||
submallId, settlementDate, companyName,
|
||||
disbursementStatus, disbursementAmount,
|
||||
@@ -32,6 +32,7 @@ export const ListItem = ({
|
||||
requestId,subReqId,
|
||||
buyerName,receiverInfo,
|
||||
seq,serviceCode,sendDate,
|
||||
authStatus,
|
||||
|
||||
smsCl,groupId,userMallId,transType,
|
||||
authResult,failReason,requestTime,
|
||||
@@ -73,9 +74,9 @@ export const ListItem = ({
|
||||
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
|
||||
if (transferStatus === "REQUEST" || transferStatus === "SUCCESS") {
|
||||
if (authStatus === "REQUEST" || authStatus === "SUCCESS") {
|
||||
rs = 'blue';
|
||||
} else if (transferStatus === "FAIL") {
|
||||
} else if (authStatus === "FAIL") {
|
||||
rs = 'gray';
|
||||
}
|
||||
}
|
||||
@@ -307,7 +308,7 @@ export const ListItem = ({
|
||||
statusText = resultStatus || '';
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
|
||||
statusText = transferStatus || '';
|
||||
statusText = authStatus || '';
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
|
||||
statusText = getTransTypeText(transType)
|
||||
@@ -531,8 +532,8 @@ export const ListItem = ({
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
|
||||
rs.push(
|
||||
<div className={`status-label ${(transferStatus === 'REQUEST' || transferStatus === 'SUCCESS') ? 'success' : 'fail'}`}>
|
||||
{(transferStatus === 'REQUEST' || transferStatus === 'SUCCESS') ? '성공' : '실패'}
|
||||
<div className={`status-label ${(authStatus === 'REQUEST' || authStatus === 'SUCCESS') ? 'success' : 'fail'}`}>
|
||||
{(authStatus === 'REQUEST' || authStatus === 'SUCCESS') ? '성공' : '실패'}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user