- 안명인증 페이지 추가

2025-10-23 19:02:04 +09:00
parent c2041f918f
commit 6e8b73bd84
12 changed files with 353 additions and 173 deletions
--- a/src/entities/additional-service/api/face-auth/use-extension-face-auth-detail-mutation.ts
+++ b/src/entities/additional-service/api/face-auth/use-extension-face-auth-detail-mutation.ts
--- a/src/entities/additional-service/api/face-auth/use-extension-face-auth-download-excel-mutation.ts
+++ b/src/entities/additional-service/api/face-auth/use-extension-face-auth-download-excel-mutation.ts
@@ -0,0 +1,29 @@
+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 {
+  ExtensionFaceAuthExcelDownlaodPrams,
+  ExtensionFaceAuthExcelDownlaodResponse
+} from '../../model/face-auth/types';
+import {
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionFaceAuthDownloadExcel = (params: ExtensionFaceAuthExcelDownlaodPrams) => {
+  return resultify(
+    axios.post<ExtensionFaceAuthExcelDownlaodResponse>(API_URL_ADDITIONAL_SERVICE.extensionFaceAuthExcelDownload(), params),
+  );
+};
+
+export const useExtensionFaceAuthDownloadExcelMutation = (options?: UseMutationOptions<ExtensionFaceAuthExcelDownlaodResponse, CBDCAxiosError, ExtensionFaceAuthExcelDownlaodPrams>) => {
+  const mutation = useMutation<ExtensionFaceAuthExcelDownlaodResponse, CBDCAxiosError, ExtensionFaceAuthExcelDownlaodPrams>({
+    ...options,
+    mutationFn: (params: ExtensionFaceAuthExcelDownlaodPrams) => extensionFaceAuthDownloadExcel(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};
--- a/src/entities/additional-service/api/face-auth/use-extension-face-auth-list-mutation.ts
+++ b/src/entities/additional-service/api/face-auth/use-extension-face-auth-list-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 { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+import { ExtensionFaceAuthListParams, ExtensionFaceAuthListResponse } from '../../model/face-auth/types';
+
+export const extensionFaceAuthList = (params: ExtensionFaceAuthListParams) => {
+    return resultify(
+        axios.post<ExtensionFaceAuthListResponse>(API_URL_ADDITIONAL_SERVICE.extensionFaceAuthList(), params),
+    );
+};
+
+export const useExtensionFaceAuthListtMutation = (options?: UseMutationOptions<ExtensionFaceAuthListResponse, CBDCAxiosError, ExtensionFaceAuthListParams>) => {
+    const mutation = useMutation<ExtensionFaceAuthListResponse, CBDCAxiosError, ExtensionFaceAuthListParams>({
+        ...options,
+        mutationFn: (params: ExtensionFaceAuthListParams) => extensionFaceAuthList(params),
+    });
+
+    return {
+        ...mutation,
+    };
+};
--- a/src/entities/additional-service/model/face-auth/constant.ts
+++ b/src/entities/additional-service/model/face-auth/constant.ts
@@ -1,9 +1,36 @@
-import { ProcessResult } from "../types";
+import { FaceAuthResult, FaceAuthTransType } from "./types";
+
+export const AuthResultBtnGroup = [
+    { name: '전체', value: FaceAuthResult.ALL },
+    { name: '성공', value: FaceAuthResult.SUCCESS },
+    { name: '실패', value: FaceAuthResult.FAIL },
+];
+
+export const TransactionTypeBtnGroup = [
+    { name: '전체', value: FaceAuthTransType.ALL },
+    { name: '인증', value: FaceAuthTransType.AUTH },
+    { name: '등록', value: FaceAuthTransType.REGISTER },
+];


+export const getAuthResultStatusText = (status?: string): string => {
+    if (!status) return '';

-export const ResultStatusBtnGroup = [
-    { name: '전체', value: ProcessResult.ALL },
-    { name: '성공', value: ProcessResult.SUCCESS },
-    { name: '실패', value: ProcessResult.FAIL },
-];
+    const authResultMap: Record<string, string> = {
+        'SUCCESS': '성공',
+        'FAIL': '실패'
+    }
+
+    return authResultMap[status] || status;
+}
+
+export const getTransTypeText = (transType?: string): string => {
+    if (!transType) return '';
+
+    const transTypeMap: Record<string, string> = {
+        'REGISTER': '등록',
+        'AUTH': '인증'
+    }
+
+    return transTypeMap[transType] || transType;
+}
--- a/src/entities/additional-service/model/face-auth/types.ts
+++ b/src/entities/additional-service/model/face-auth/types.ts
@@ -3,19 +3,32 @@
 // 안면인증 관련 타입들
 // ========================================

-import { FilterProps, ListItemProps, ProcessResult } from "../types";
+import { DefaulResponsePagination, DefaultRequestPagination } from "@/entities/common/model/types";
+import { ExtensionRequestParams, FilterProps, ListItemProps, ProcessResult } from "../types";

-export enum FaceAuthTransactionType {
-  ALL = "ALL",
-  AUTH = "AUTH",
-  REGISTER = "REGISTER"
+export enum FaceAuthTransType {
+  ALL = "",
+  REGISTER = "REGISTER",
+  AUTH = "AUTH"
+}
+
+export enum FaceAuthResult {
+  ALL = "",
+  SUCCESS = "SUCCESS",
+  FAIL = "FAIL"
 }

 export interface FaceAuthListItem {
-  tid?: string;
+  companyName?: string;
+  mid?: string;
+  groupId?: string;
  requestDate?: string;
-  resultStatus?: string;
-  name?: string;
+  requestTime?: string;
+  cpid?: string;
+  userMallId?: string;
+  transType?: FaceAuthTransType;
+  authResult?: string;
+  failReason?: string;
 }

 export interface FaceAuthListProps {
@@ -25,15 +38,39 @@ export interface FaceAuthListProps {

 export interface FaceAuthFilterProps extends FilterProps {
  mid: string;
-  memberId: string;
-  startDate: string;
-  endDate: string;
-  transactionType: FaceAuthTransactionType;
-  processResult: ProcessResult;
+  userMallId: string;
+  fromDate: string;
+  toDate: string;
+  transType: FaceAuthTransType;
+  authResult: FaceAuthResult;
  setMid: (mid: string) => void;
-  setMemberId: (memberId: string) => void;
-  setStartDate: (startDate: string) => void;
-  setEndDate: (endDate: string) => void;
-  setTransactionType: (transactionType: FaceAuthTransactionType) => void;
-  setProcessResult: (processResult: ProcessResult) => void;
+  setUserMallId: (userMallId: string) => void;
+  setFromDate: (fromDate: string) => void;
+  setToDate: (toDate: string) => void;
+  setTransType: (transType: FaceAuthTransType) => void;
+  setAuthResult: (authResult: FaceAuthResult) => void;
+}
+
+export interface ExtensionFaceAuthListParams extends ExtensionRequestParams {
+  fromDate: string;
+  toDate: string;
+  userMallId: string;
+  transType: FaceAuthTransType;
+  authResult: string;
+  page?: DefaultRequestPagination
+}
+
+export interface ExtensionFaceAuthListResponse extends DefaulResponsePagination {
+  content: Array<FaceAuthListItem>
+}
+
+export interface ExtensionFaceAuthExcelDownlaodPrams {
+  mid: string;
+  email: string;
+  fromDate: string;
+  toDate: string;
+}
+
+export interface ExtensionFaceAuthExcelDownlaodResponse {
+  status : boolean;
 }
--- a/src/entities/additional-service/ui/face-auth/filter/face-auth-filter.tsx
+++ b/src/entities/additional-service/ui/face-auth/filter/face-auth-filter.tsx
@@ -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">
--- a/src/entities/additional-service/ui/list-date-group.tsx
+++ b/src/entities/additional-service/ui/list-date-group.tsx
@@ -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 }
--- a/src/entities/additional-service/ui/list-item.tsx
+++ b/src/entities/additional-service/ui/list-item.tsx
@@ -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>
      );
    }