- 안명인증 페이지 추가
This commit is contained in:
HyeonJongKim
@@ -1,7 +1,7 @@
|
||||
import moment from 'moment';
|
||||
import { IMAGE_ROOT } from '@/shared/constants/common';
|
||||
import { motion } from 'framer-motion';
|
||||
import { useState } from 'react';
|
||||
import { useEffect, useState } from 'react';
|
||||
import {ProcessResult} from '../../../model/types';
|
||||
import { FilterSelect } from '@/shared/ui/filter/select';
|
||||
import { FilterInput } from '@/shared/ui/filter/input';
|
||||
@@ -9,60 +9,53 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
|
||||
import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
|
||||
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
|
||||
import { useStore } from '@/shared/model/store';
|
||||
import { FaceAuthFilterProps, FaceAuthTransactionType } from '@/entities/additional-service/model/face-auth/types';
|
||||
import { FaceAuthFilterProps, FaceAuthResult, FaceAuthTransType } from '@/entities/additional-service/model/face-auth/types';
|
||||
import { AuthResultBtnGroup, TransactionTypeBtnGroup } from '@/entities/additional-service/model/face-auth/constant';
|
||||
|
||||
export const FaceAuthFilter = ({
|
||||
filterOn,
|
||||
setFilterOn,
|
||||
mid,
|
||||
memberId,
|
||||
startDate,
|
||||
endDate,
|
||||
transactionType,
|
||||
processResult,
|
||||
userMallId,
|
||||
fromDate,
|
||||
toDate,
|
||||
transType,
|
||||
authResult,
|
||||
setMid,
|
||||
setMemberId,
|
||||
setStartDate,
|
||||
setEndDate,
|
||||
setTransactionType,
|
||||
setProcessResult
|
||||
setUserMallId,
|
||||
setFromDate,
|
||||
setToDate,
|
||||
setTransType,
|
||||
setAuthResult
|
||||
}: FaceAuthFilterProps) => {
|
||||
|
||||
const [filterMid, setFilterMid] = useState<string>(mid);
|
||||
const [filterMemberId, setFilterMemberId] = useState<string>(memberId);
|
||||
const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYY.MM.DD'));
|
||||
const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYY.MM.DD'));
|
||||
const [filterTransactionType, setFilterTransactionType] = useState<FaceAuthTransactionType>(transactionType);
|
||||
const [filterProcessResult, setFilterProcessResult] = useState<ProcessResult>(processResult);
|
||||
const [filterMemberId, setFilterMemberId] = useState<string>(userMallId);
|
||||
const [filterFromDate, setFilterFromDate] = useState<string>(moment(fromDate).format('YYYYMMDD'));
|
||||
const [filterToDate, setFilterToDate] = useState<string>(moment(toDate).format('YYYYMMDD'));
|
||||
const [filterTransType, setFIlterTransType] = useState<FaceAuthTransType>(transType);
|
||||
const [filterAuthResult, setFilterAuthResult] = useState<FaceAuthResult>(authResult);
|
||||
|
||||
const midOptions = useStore.getState().UserStore.selectOptionsMids;
|
||||
|
||||
useEffect(() => {
|
||||
setFilterAuthResult(authResult);
|
||||
}, [authResult]);
|
||||
|
||||
const onClickToClose = () => {
|
||||
setFilterOn(false);
|
||||
};
|
||||
|
||||
const onClickToSetFilter = () => {
|
||||
setMid(filterMid);
|
||||
setMemberId(filterMemberId);
|
||||
setStartDate(filterStartDate);
|
||||
setEndDate(filterEndDate);
|
||||
setTransactionType(filterTransactionType);
|
||||
setProcessResult(filterProcessResult);
|
||||
setUserMallId(filterMemberId);
|
||||
setFromDate(filterFromDate);
|
||||
setToDate(filterToDate);
|
||||
setTransType(filterTransType);
|
||||
setAuthResult(filterAuthResult);
|
||||
onClickToClose();
|
||||
};
|
||||
|
||||
const transactionTypeBtnGroup = [
|
||||
{ name: '전체', value: FaceAuthTransactionType.ALL },
|
||||
{ name: '인증', value: FaceAuthTransactionType.AUTH },
|
||||
{ name: '등록', value: FaceAuthTransactionType.REGISTER },
|
||||
];
|
||||
|
||||
const processResultBtnGroup = [
|
||||
{ name: '전체', value: ProcessResult.ALL },
|
||||
{ name: '성공', value: ProcessResult.SUCCESS },
|
||||
{ name: '실패', value: ProcessResult.FAIL },
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<motion.div
|
||||
@@ -105,24 +98,24 @@ export const FaceAuthFilter = ({
|
||||
></FilterInput>
|
||||
|
||||
<FilterCalendar
|
||||
startDate={filterStartDate}
|
||||
endDate={filterEndDate}
|
||||
setStartDate={setFilterStartDate}
|
||||
setEndDate={setFilterEndDate}
|
||||
startDate={filterFromDate}
|
||||
endDate={filterToDate}
|
||||
setStartDate={setFilterFromDate}
|
||||
setEndDate={setFilterToDate}
|
||||
></FilterCalendar>
|
||||
|
||||
<FilterButtonGroups
|
||||
title='거래유형'
|
||||
activeValue={filterTransactionType}
|
||||
btnGroups={transactionTypeBtnGroup}
|
||||
setter={setFilterTransactionType}
|
||||
activeValue={filterTransType}
|
||||
btnGroups={TransactionTypeBtnGroup}
|
||||
setter={setFIlterTransType}
|
||||
></FilterButtonGroups>
|
||||
|
||||
<FilterButtonGroups
|
||||
title='인증결과'
|
||||
activeValue={filterProcessResult}
|
||||
btnGroups={processResultBtnGroup}
|
||||
setter={setFilterProcessResult}
|
||||
activeValue={filterAuthResult}
|
||||
btnGroups={AuthResultBtnGroup}
|
||||
setter={setFilterAuthResult}
|
||||
></FilterButtonGroups>
|
||||
</div>
|
||||
<div className="apply-row">
|
||||
|
||||
@@ -30,6 +30,7 @@ export const ListDateGroup = ({
|
||||
paymentDate= { items[i]?.paymentDate}
|
||||
paymentStatus={ items[i]?.paymentStatus}
|
||||
requestDate={ items[i]?.requestDate }
|
||||
requestTime={ items[i]?.requestTime}
|
||||
registDate={ items[i]?.registDate }
|
||||
bankName={ items[i]?.bankName}
|
||||
accountName={ items[i]?.accountName}
|
||||
@@ -69,6 +70,12 @@ export const ListDateGroup = ({
|
||||
paymentMethod={ items[i]?.paymentMethod }
|
||||
receiverName={ items[i]?.receiverName }
|
||||
serviceCode={ items[i]?.serviceCode}
|
||||
groupId={ items[i]?.groupId}
|
||||
cpid={ items[i]?.cpid}
|
||||
userMallId={ items[i]?.userMallId}
|
||||
transType={ items[i]?.transType }
|
||||
authResult={ items[i]?.authResult }
|
||||
failReason={ items[i]?.failReason }
|
||||
|
||||
smsCl= { items[i]?.smsCl }
|
||||
onResendClick={ onResendClick }
|
||||
|
||||
@@ -11,6 +11,7 @@ import { getKeyInPaymentPaymentStatusName } from '../model/key-in/constant';
|
||||
import { getArsPaymentStatusName, getArsOrderStatusName } from '../model/ars/constant';
|
||||
import { ServiceCode } from '../model/alimtalk/types';
|
||||
import { getAlimtalkAlimClText, getAlimtalkSendClTypeText, getAlimtalkSendTypeText, getAlimtalkServiceCodeText } from '../model/alimtalk/constant';
|
||||
import { getAuthResultStatusText, getTransTypeText } from '../model/face-auth/constant';
|
||||
|
||||
export const ListItem = ({
|
||||
additionalServiceCategory,
|
||||
@@ -32,8 +33,8 @@ export const ListItem = ({
|
||||
buyerName,receiverInfo,
|
||||
seq,serviceCode,sendDate,
|
||||
|
||||
smsCl,
|
||||
name,
|
||||
smsCl,groupId,userMallId,transType,
|
||||
authResult,failReason,requestTime,
|
||||
onResendClick
|
||||
}: ListItemProps) => {
|
||||
const { navigate } = useNavigate();
|
||||
@@ -87,10 +88,10 @@ export const ListItem = ({
|
||||
}
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
|
||||
if (resultStatus === "SUCCESS") {
|
||||
if (authResult === "SUCCESS") {
|
||||
rs = 'blue';
|
||||
}
|
||||
else if (resultStatus === "FAIL") {
|
||||
else if (authResult === "FAIL") {
|
||||
rs = 'gray';
|
||||
}
|
||||
}
|
||||
@@ -237,6 +238,14 @@ export const ListItem = ({
|
||||
}
|
||||
});
|
||||
}
|
||||
// else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
|
||||
// navigate(PATHS.additionalService.faceAuth.detail, {
|
||||
// state: {
|
||||
// additionalServiceCategory: additionalServiceCategory,
|
||||
// mid: mid
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
else {
|
||||
alert('additionalServiceCategory가 존재하지 않습니다.');
|
||||
}
|
||||
@@ -301,10 +310,9 @@ export const ListItem = ({
|
||||
statusText = transferStatus || '';
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
|
||||
statusText = status || '';
|
||||
statusText = getTransTypeText(transType)
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.SMSPayment) {
|
||||
console.log(smsCl)
|
||||
statusText = getSmsClName(smsCl);
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.KeyInPayment) {
|
||||
@@ -331,7 +339,7 @@ export const ListItem = ({
|
||||
str = `${accountNo}`;
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
|
||||
str = `${name}(${tid})`;
|
||||
str = `${userMallId}(${mid})`;
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory ||
|
||||
additionalServiceCategory === AdditionalServiceCategory.LinkPaymentWait
|
||||
@@ -390,11 +398,15 @@ export const ListItem = ({
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
|
||||
rs.push(
|
||||
//TODO :
|
||||
<div key="face-auth" className="transaction-details">
|
||||
<span>{processStatus}</span>
|
||||
<span>{getStatus()}</span>
|
||||
<span className="separator">|</span>
|
||||
<span>{status}</span>
|
||||
<span>
|
||||
{authResult === 'FAIL'
|
||||
? `${getAuthResultStatusText(authResult)}: ${failReason}`
|
||||
: getAuthResultStatusText(authResult)
|
||||
}
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -512,8 +524,8 @@ export const ListItem = ({
|
||||
}
|
||||
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
|
||||
rs.push(
|
||||
<div className={`status-label ${resultStatus === 'SUCCESS' ? 'success' : 'fail'}`}>
|
||||
{resultStatus === 'SUCCESS' ? '성공' : '실패'}
|
||||
<div className={`status-label ${authResult === 'SUCCESS' ? 'success' : 'fail'}`}>
|
||||
{authResult === 'SUCCESS' ? '성공' : '실패'}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user