- 계좌 점유 인증 페이지 , 계좌 성명 조회 페이지 수정

- 알림톡_서비스 설정 수정 - 일부 부정확한 페이지 UI 수정
2025-10-24 14:00:45 +09:00
parent 7f891b85b1
commit ef68bfec16
33 changed files with 133 additions and 145 deletions
--- a/src/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-detail-mutation.ts
+++ b/src/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-detail-mutation.ts
@@ -15,7 +15,7 @@ import { ExtensionAccountHolderSearchDetailParams, ExtensionAccountHolderSearchD

 export const extensionAccountHolderSearchDetail = (params: ExtensionAccountHolderSearchDetailParams) => {
    return resultify(
-        axios.post<ExtensionAccountHolderSearchDetailResponse>(API_URL_ADDITIONAL_SERVICE.extensionAccountHolderSearchList(), params),
+        axios.post<ExtensionAccountHolderSearchDetailResponse>(API_URL_ADDITIONAL_SERVICE.extensionAccountHolderSearchDetail(), params),
    );
 };

--- a/src/entities/additional-service/model/account-holder-auth/types.ts
+++ b/src/entities/additional-service/model/account-holder-auth/types.ts
@@ -64,6 +64,7 @@ export interface ExtensionAccountHolderAuthContentItem {

 export interface ExtensionAccountHolderAuthDownloadExcelParams extends ExtensionRequestParams {
  mid: string;
+  email: string;
  fromDate: string;
  toDate: string;
  authStatus: AccountHolderAuthStatus;
@@ -86,7 +87,5 @@ export interface ExtensionAccountHolderAuthDetailResponse {
  companyName: string;
  bankName: string;
  authStatus: AccountHolderAuthStatus;
-  authResult: AccountHolderAuthResult;
-  authAmount: number;
-  requestName: string;
+  failReason: string;
 }
--- a/src/entities/additional-service/model/account-holder-search/types.ts
+++ b/src/entities/additional-service/model/account-holder-search/types.ts
@@ -87,6 +87,7 @@ export interface ExtensionAccountHolderSearchRequestResponse {
 }

 export interface ExtensionAccountHolderSearchDownloadExcelParams extends ExtensionRequestParams { // Request
+  email: string;
  searchCl: string;
  searchValue: string;
  fromDate?: string;
--- a/src/entities/additional-service/model/alimtalk/types.ts
+++ b/src/entities/additional-service/model/alimtalk/types.ts
@@ -52,8 +52,9 @@ export interface ExtensionAlimtalkSettingDetailParams {
  mid: string;
 };

-export interface ExtensionAlimtalkSettingDetailResponse extends DefaulResponsePagination {
-  content: Array<AlimtalkSettingDetailContent>
+export interface ExtensionAlimtalkSettingDetailResponse {
+  sendMerchantInfo: SendMerchantInfo,
+  sendUserInfo: SendUserInfo
 };
 export interface AlimtalkSettingDetailContent {
  sendMerchantInfo: SendMerchantInfo,
--- a/src/entities/additional-service/ui/account-holder-auth/account-holder-auth-list.tsx
+++ b/src/entities/additional-service/ui/account-holder-auth/account-holder-auth-list.tsx
@@ -29,6 +29,7 @@ export const AccountHolderAuthList = ({
                <ListDateGroup
                  additionalServiceCategory={additionalServiceCategory}
                  key={date + '-' + i}
+                  mid={mid}
                  date={date}
                  items={list}
                ></ListDateGroup>
--- 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
@@ -24,8 +24,8 @@ export const AccountHolderAuthFilter = ({
 }: AccountHolderAuthFilterProps) => {

 	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 [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYYMMDD'));
+	const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYYMMDD'));
 	const [filterAuthStatus, setFilterAuthStatus] = useState<AccountHolderAuthStatus>(authStatus);

 	const midOptions = useStore.getState().UserStore.selectOptionsMids;
--- a/src/entities/additional-service/ui/account-holder-search/account-holder-search-list.tsx
+++ b/src/entities/additional-service/ui/account-holder-search/account-holder-search-list.tsx
@@ -30,6 +30,7 @@ export const AccountHolderSearchList = ({
                                <ListDateGroup
                                    additionalServiceCategory={AdditionalServiceCategory.AccountHolderSearch}
                                    key={date + '-' + i}
+                                    mid={mid}
                                    date={date}
                                    items={list}
                                ></ListDateGroup>
--- 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,13 +1,9 @@
 import moment from 'moment';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { motion } from 'framer-motion';
-import { useState } from 'react';
-import {
-	ProcessResult
-} from '../../../model/types';
+import { useEffect, useState } from 'react';
 import { FilterSelect } from '@/shared/ui/filter/select';
 import { FilterSelectInput } from '@/shared/ui/filter/select-input';
-import { FilterDateOptions } from '@/entities/common/model/types';
 import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
@@ -37,16 +33,19 @@ export const AccountHolderSearchFilter = ({
 	const [filterMid, setFilterMid] = useState<string>(mid);
 	const [filterSearchType, setFilterSearchType] = useState<AccountHolderSearchCl>(searchType);
 	const [filterSearchKeyword, setFilterSearchKeyword] = useState<string>(searchKeyword);
-	const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYY.MM.DD'));
-	const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYY.MM.DD'));
+	const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYYMMDD'));
+	const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYYMMDD'));
 	const [filterBank, setFilterBank] = useState<string>(bank)
 	const [filterResultStatus, setFilterResultStatus] = useState<AccountHolderResultStatus>(resultStatus);

 	const midOptions = useStore.getState().UserStore.selectOptionsMids;
 	const bankList = useStore.getState().CommonStore.bankList;
-	const bankOptions = bankList
-		.filter((bank) => bank.code1 !== '****')
-		.map((bank) => ({ name: bank.desc1, value: bank.code1 }));
+	const bankOptions = [
+		{ name: '선택', value: '' },
+		...bankList
+			.filter((bank) => bank.code1 !== '****')
+			.map((bank) => ({ name: bank.desc1, value: bank.code1 }))
+	];

 	const onClickToClose = () => {
 		setFilterOn(false);
@@ -63,6 +62,10 @@ export const AccountHolderSearchFilter = ({
 		onClickToClose();
 	};

+	useEffect(() => {
+		setFilterResultStatus(resultStatus);
+	}, [resultStatus]);
+
 	return (
 		<>
 			<motion.div
--- 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
@@ -2,7 +2,6 @@ import moment from 'moment';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { motion } from 'framer-motion';
 import { useEffect, useState } from 'react';
-import {ProcessResult} from '../../../model/types';
 import { FilterSelect } from '@/shared/ui/filter/select';
 import { FilterInput } from '@/shared/ui/filter/input';
 import { FilterCalendar } from '@/shared/ui/filter/calendar';
--- a/src/entities/additional-service/ui/filter/fund-account-result-filter.tsx
+++ b/src/entities/additional-service/ui/filter/fund-account-result-filter.tsx
@@ -56,15 +56,18 @@ export const FundAccountResultFilter = ({
  const [filterSearchCl, setFilterSearchCl] = useState<FundAccountSearchCl>(searchCl);
  const [filterSearchValue, setFilterSearchValue] = useState<string>(searchValue);
  const [filterSearchDateType, setFilterSearchDateType] = useState<FundAccountSearchDateType>(searchDateType);
-  const [filterFromDate, setFilterFromDate] = useState<string>(moment(fromDate).format('YYYY.MM.DD'));
-  const [filterToDate, setFilterToDate] = useState<string>(moment(toDate).format('YYYY.MM.DD'));
+  const [filterFromDate, setFilterFromDate] = useState<string>(moment(fromDate).format('YYYYMMDD'));
+  const [filterToDate, setFilterToDate] = useState<string>(moment(toDate).format('YYYYMMDD'));
  const [filterBankCode, setFilterBankCode] = useState<string>(bankCode);
  const [filterResultStatus, setFilterResultStatus] = useState<FundAccountResultStatus>(resultStatus);

  const bankList = useStore.getState().CommonStore.bankList;
-  const bankOptions = bankList
-    .filter((bank) => bank.code1 !== '****')
-    .map((bank) => ({ name: bank.desc1, value: bank.code1 }));
+  const bankOptions = [
+    { name: '선택', value: '' },
+    ...bankList
+      .filter((bank) => bank.code1 !== '****')
+      .map((bank) => ({ name: bank.desc1, value: bank.code1 }))
+  ];

  const midOptions = useStore.getState().UserStore.selectOptionsMids;

@@ -91,7 +94,7 @@ export const FundAccountResultFilter = ({
  };

  useEffect(() => {
-    setResultStatus(resultStatus);
+    setFilterResultStatus(resultStatus);
  }, [resultStatus]);

  return (
--- a/src/entities/additional-service/ui/filter/fund-account-trnasaction-filter.tsx
+++ b/src/entities/additional-service/ui/filter/fund-account-trnasaction-filter.tsx
@@ -58,9 +58,12 @@ export const FundAccountTransactionFilter = ({
  const midOptions = useStore.getState().UserStore.selectOptionsMids;

  const bankList = useStore.getState().CommonStore.bankList;
-  const bankOptions = bankList
-    .filter((bank) => bank.code1 !== '****')
-    .map((bank) => ({ name: bank.desc1, value: bank.code1 }));
+  const bankOptions = [
+    { name: '선택', value: '' },
+    ...bankList
+      .filter((bank) => bank.code1 !== '****')
+      .map((bank) => ({ name: bank.desc1, value: bank.code1 }))
+  ];

  const onClickToClose = () => {
    setFilterOn(false);
--- a/src/entities/additional-service/ui/fund-account/result-list-wrap.tsx
+++ b/src/entities/additional-service/ui/fund-account/result-list-wrap.tsx
@@ -125,9 +125,6 @@ export const FundAccountResultListWrap = () => {
  };
  const onClickToStatus = (val: FundAccountResultStatus) => {
    setResultStatus(val);
-    callList({
-      resultStatus: val
-    });
  };

  const getListDateGroup = () => {
--- a/src/entities/additional-service/ui/fund-account/transfer-list-wrap.tsx
+++ b/src/entities/additional-service/ui/fund-account/transfer-list-wrap.tsx
@@ -118,9 +118,6 @@ export const FundAccountTransferListWrap = () => {

  const onClickToStatus = (val: FundAccountStatus) => {
    setStatus(val);
-    callList({
-      status: val
-    });
  };

  const getListDateGroup = () => {
--- a/src/entities/additional-service/ui/key-in-payment/key-in-payment-list.tsx
+++ b/src/entities/additional-service/ui/key-in-payment/key-in-payment-list.tsx
@@ -25,7 +25,6 @@ export const KeyInPaymentList = ({
            date = paymentDate;
          }
          if (date !== paymentDate) {
-            date = paymentDate;
            if (list.length > 0) {
              rs.push(
                <ListDateGroup
@@ -36,6 +35,7 @@ export const KeyInPaymentList = ({
                ></ListDateGroup>
              );
            }
+            date = paymentDate;
            list = [];
          }
          list.push(items);
--- a/src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx
+++ b/src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx
@@ -46,8 +46,6 @@ export const LinkPaymentHistoryFilter = ({
 	const [filterSendStatus, setFilterSendStatus] = useState<LinkPaymentSendStatus>(sendStatus);
 	const [filterSendMethod, setFilterSendMethod] = useState<LinkPaymentSendMethod>(sendMethod);

-	const [calendarOpen, setCalendarOpen] = useState<boolean>(false);
-
 	const midOptions = useStore.getState().UserStore.selectOptionsMids;

 	let searchTypeOption = [
@@ -94,9 +92,8 @@ export const LinkPaymentHistoryFilter = ({
 	};

 	useEffect(() => {
-
-	})
-
+		setFilterTransactionStatus(paymentStatus);
+	}, [paymentStatus]);
 	return (
 		<>
 			<motion.div
@@ -138,7 +135,7 @@ export const LinkPaymentHistoryFilter = ({
 							selectSetter={setFilterSearchCl}
 							selectOptions={searchTypeOption}
 							inputValue={searchValue}
-							inputSetter={setSearchKeyword}
+							inputSetter={setFilterSearchValue}
 						></FilterSelectInput>
 						<FilterCalendar
 							startDate={filterStartDate}
--- a/src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx
+++ b/src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx
@@ -39,10 +39,6 @@ export const LinkPaymentWaitSendFilter = ({
 	const [filterEndDate, setFilterEndDate] = useState<string>(endDate);
 	const [filterSendMethod, setFilterSendMethod] = useState<LinkPaymentSendMethod>(sendMethod)
 	const [filterProcessStatus, setFilterProcessStatus] = useState<LinkPaymentProcessStatus>(processStatus);
-	const [dateReadOnly, setDateReadyOnly] = useState<boolean>(true);
-	const [filterDateOptionsBtn, setFilterDateOptionsBtn] = useState<FilterDateOptions>(FilterDateOptions.Input);
-
-	const [calendarOpen, setCalendarOpen] = useState<boolean>(false);

 	const midOptions = useStore.getState().UserStore.selectOptionsMids;

@@ -50,10 +46,6 @@ export const LinkPaymentWaitSendFilter = ({
 		setFilterOn(false);
 	};

-	const setNewDate = (newDate: any) => {
-		console.log(newDate)
-	};
-
 	const onClickToSetFilter = () => {
 		setMid(filterMid);
 		setSearchType(filterSearchType);
@@ -83,6 +75,9 @@ export const LinkPaymentWaitSendFilter = ({
 		{ name: '발송취소', value: LinkPaymentProcessStatus.SEND_CANCEL },
 	];

+	useEffect(() => {
+		setFilterProcessStatus(processStatus);
+	}, [processStatus]);
 	return (
 		<>
 			<motion.div
@@ -120,11 +115,11 @@ export const LinkPaymentWaitSendFilter = ({

 						<FilterSelectInput
 							title='휴대폰번호/이메일'
-							selectValue={searchCl}
+							selectValue={filterSearchType}
 							selectSetter={setFilterSearchType}
 							selectOptions={searchTypeOption}
-							inputValue={searchKeyword}
-							inputSetter={setSearchKeyword}
+							inputValue={filterSearchKeyword}
+							inputSetter={setFilterSearchKeyword}
 						></FilterSelectInput>
 						<FilterCalendar
 							startDate={filterStartDate}
--- a/src/entities/additional-service/ui/link-payment/link-payment-history-list.tsx
+++ b/src/entities/additional-service/ui/link-payment/link-payment-history-list.tsx
@@ -22,7 +22,6 @@ export const LinkPaymentHistoryList = ({
            date = sendDate;
          }
          if (date !== sendDate) {
-
            if (list.length > 0) {
              rs.push(
                <ListDateGroup
--- a/src/entities/additional-service/ui/link-payment/link-payment-history-wrap.tsx
+++ b/src/entities/additional-service/ui/link-payment/link-payment-history-wrap.tsx
@@ -103,9 +103,6 @@ export const LinkPaymentHistoryWrap = () => {

 	const onClickPaymentStatus = (val: LinkPaymentPaymentStatus) => {
 		setPaymentStatus(val);
-		callList({
-			status: val
-		})
 	}

 	const onClickToSort = (sort: SortTypeKeys) => {
--- a/src/entities/additional-service/ui/link-payment/link-payment-wait-send-wrap.tsx
+++ b/src/entities/additional-service/ui/link-payment/link-payment-wait-send-wrap.tsx
@@ -102,9 +102,6 @@ export const LinkPaymentWaitSendWrap = () => {

  const onClickSendingStatus = (val: LinkPaymentProcessStatus) => {
    setProcessStatus(val);
-    callList({
-      status: val
-    });
  };

  useEffect(() => {
--- a/src/entities/additional-service/ui/list-item.tsx
+++ b/src/entities/additional-service/ui/list-item.tsx
@@ -88,6 +88,13 @@ export const ListItem = ({
        rs = 'gray';
      }
    }
+    else if (additionalServiceCategory === AdditionalServiceCategory.Alimtalk) {
+      if (sendCl === "SUCCESS" || "REQUEST") {
+        rs = 'blue';
+      } else {
+        rs = 'gray';
+      }
+    }
    else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
      if (authResult === "SUCCESS") {
        rs = 'blue';
@@ -531,9 +538,11 @@ export const ListItem = ({
      );
    }
    else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
+      const statusText = authStatus === 'REQUEST' ? '요청' : authStatus === 'SUCCESS' ? '성공' : '실패';
+      const statusClass = authStatus === 'SUCCESS' || 'REQUEST' ? 'success' : 'fail';
      rs.push(
-        <div className={`status-label ${(authStatus === 'REQUEST' || authStatus === 'SUCCESS') ? 'success' : 'fail'}`}>
-          {(authStatus === 'REQUEST' || authStatus === 'SUCCESS') ? '성공' : '실패'}
+        <div className={`status-label ${statusClass}`}>
+          {statusText}
        </div>
      );
    }
--- a/src/entities/additional-service/ui/sms-payment/sms-payment-list.tsx
+++ b/src/entities/additional-service/ui/sms-payment/sms-payment-list.tsx
@@ -23,7 +23,6 @@ export const SmsPaymentList = ({
            date = paymentDate;
          }
          if(date !== paymentDate) {
-            date = paymentDate;
            if(list.length > 0) {
              rs.push(
                <ListDateGroup
@@ -34,6 +33,7 @@ export const SmsPaymentList = ({
                ></ListDateGroup>
              );
            }
+            date = paymentDate;
            list = [];
          }
          list.push(items);
--- 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
@@ -83,9 +83,6 @@ export const AccountHolderAuthPage = () => {

  const onClickToAuthStatus = (val: AccountHolderAuthStatus) => {
    setAuthStatus(val);
-    callList({
-      status: val
-    });
  };


@@ -97,7 +94,7 @@ export const AccountHolderAuthPage = () => {
    if (selectedEmail) {
      const params: ExtensionAccountHolderAuthDownloadExcelParams = { // 추후 수정필요
        mid: mid,
-        //email: selectedEmail,
+        email: selectedEmail,
        fromDate: fromDate,
        toDate: toDate,
        authStatus: authStatus
@@ -160,6 +157,10 @@ export const AccountHolderAuthPage = () => {
              <SortTypeBox
                sortType={sortType}
                onClickToSort={onClickToSort}
+                sortOptions={[
+                  { key: SortTypeKeys.LATEST, label: '최신순' },
+                  { key: SortTypeKeys.OLDEST, label: '오래된순' }
+                ]}
              ></SortTypeBox>
              <div className="excrow">
                <div className="full-menu-keywords no-padding">
--- a/src/pages/additional-service/account-holder-auth/detail-page.tsx
+++ b/src/pages/additional-service/account-holder-auth/detail-page.tsx
@@ -21,9 +21,7 @@ import { getAuthResultStatusText } from '@/entities/additional-service/model/fac
 export const AccountHolderAuthDetailPage = () => {
    const { navigate } = useNavigate();
    const location = useLocation();
-
    const { mid, tid } = location.state || {};
-
    const [detail, setDetail] = useState<ExtensionAccountHolderAuthDetailResponse>();

    useSetHeaderTitle('계좌점유인증 상세');
@@ -59,8 +57,8 @@ export const AccountHolderAuthDetailPage = () => {
                        <div className="pay-top">
                            <div className="num-amount">
                                <span className="amount">{detail?.accountName}</span>
-                                <span className="amount">{detail?.accountNo}</span>
                            </div>
+                            <span className="num-store">{detail?.accountNo}</span>
                            <div className="num-day">{getDate(detail?.requestDate)}</div>
                        </div>
                        <div className="detail-divider"></div>
@@ -97,12 +95,7 @@ export const AccountHolderAuthDetailPage = () => {
                                </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>
-                                    }
+                                    <span className="v">{detail?.failReason ? getAuthResultStatusText(detail?.failReason) : '-' }</span>
                                </li>
                            </ul>
                        </div>
--- a/src/pages/additional-service/account-holder-search/account-holder-search-page.tsx
+++ b/src/pages/additional-service/account-holder-search/account-holder-search-page.tsx
@@ -88,7 +88,7 @@ export const AccountHolderSearchPage = () => {
    if (selectedEmail) {
      downloadExcel({
        mid: mid,
-        //email: selectedEmail,
+        email: selectedEmail,
        searchCl: searchCl,
        searchValue: searchValue,
        fromDate: startDate,
@@ -111,9 +111,6 @@ export const AccountHolderSearchPage = () => {

  const onClickToTransactionStatus = (val: AccountHolderResultStatus) => {
    setResultStatus(val);
-    callList({
-      resultStatus: val
-    });
  };

  useEffect(() => {
@@ -169,6 +166,10 @@ export const AccountHolderSearchPage = () => {
              <SortTypeBox
                sortType={sortType}
                onClickToSort={onClickToSort}
+                sortOptions={[
+                  { key: SortTypeKeys.LATEST, label: '최신순' },
+                  { key: SortTypeKeys.OLDEST, label: '오래된순' }
+                ]}
              ></SortTypeBox>
              <div className="excrow">
                <div className="full-menu-keywords no-padding">
--- a/src/pages/additional-service/account-holder-search/detail-page.tsx
+++ b/src/pages/additional-service/account-holder-search/detail-page.tsx
@@ -73,7 +73,7 @@ export const AccountHolderSearchDetailPage = () => {
                                </li>
                                <li className="kv-row">
                                    <span className="k">조회 일시</span>
-                                    <span className="v">{detail?.requestDate}</span>
+                                    <span className="v">{getDate(detail?.requestDate)}</span>
                                </li>
                                <li className="kv-row">
                                    <span className="k">결과</span>
@@ -81,7 +81,7 @@ export const AccountHolderSearchDetailPage = () => {
                                </li>
                                <li className="kv-row">
                                    <span className="k">실패사유</span>
-                                    <span className="v">{detail?.failReason}</span>
+                                    <span className="v">{detail?.failReason ? detail?.failReason : '-' }</span>
                                </li>
                                <li className="kv-row">
                                    <span className="k">은행</span>
--- a/src/pages/additional-service/account-holder-search/request-page.tsx
+++ b/src/pages/additional-service/account-holder-search/request-page.tsx
@@ -14,7 +14,7 @@ import { useStore } from '@/shared/model/store';

 export const AccountHolderSearchRequestPage = () => {
    const { navigate } = useNavigate();
-
+    const userMid = useStore.getState().UserStore.mid;
    const midOptions = useStore.getState().UserStore.selectOptionsMids
    const bankList = useStore.getState().CommonStore.bankList

@@ -28,7 +28,7 @@ export const AccountHolderSearchRequestPage = () => {
    const { mutateAsync: accountHolderSearchRequest } = useExtensionAccountHolderSearchRequestMutation();

    const [formData, setFormData] = useState({
-        mid: '',
+        mid: userMid,
        bankCode: '',
        accountNo: ''
    })
--- a/src/pages/additional-service/alimtalk/setting-page.tsx
+++ b/src/pages/additional-service/alimtalk/setting-page.tsx
@@ -4,9 +4,9 @@ import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { HeaderType } from '@/entities/common/model/types';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import {
-	useSetHeaderTitle,
-	useSetHeaderType,
-	useSetFooterMode,
+  useSetHeaderTitle,
+  useSetHeaderType,
+  useSetFooterMode,
  useSetOnBack
 } from '@/widgets/sub-layout/use-sub-layout';
 import { useExtensionAlimtalkSettingDetailMutation } from '@/entities/additional-service/api/alimtalk/use-extansion-alimtalk-setting-detail-mutation';
@@ -22,6 +22,7 @@ import {
 import { useEffect, useState } from 'react';
 import { AlimTalkSettingServiceRow } from '@/entities/additional-service/ui/alimtalk/setting-service-row';
 import { useStore } from '@/shared/model/store';
+import { snackBar } from '@/shared/lib';

 export const AlimtalkSettingPage = () => {
  const { navigate } = useNavigate();
@@ -54,10 +55,10 @@ export const AlimtalkSettingPage = () => {
    };

    alimtalkSettingDetail(params).then((rs: ExtensionAlimtalkSettingDetailResponse) => {
-      let sendMerchantInfo = rs.content[0]?.sendMerchantInfo;
-      let sendUserInfo = rs.content[0]?.sendUserInfo;
+      let sendMerchantInfo = rs.sendMerchantInfo;
+      let sendUserInfo = rs.sendUserInfo;

-      if(sendMerchantInfo){
+      if (sendMerchantInfo) {
        setMerchantCardApprovalFlag((sendMerchantInfo?.cardApprovalFlag || false));
        setMerchantCardCancelFlag(sendMerchantInfo?.cardCancelFlag || false);
        setMerchantBankApprovalFlag(sendMerchantInfo?.bankApprovalFlag || false);
@@ -66,7 +67,7 @@ export const AlimtalkSettingPage = () => {
        setMerchantVirtureAccountDepositCompleteFlag(sendMerchantInfo?.virtureAccountDepositCompleteFlag || false);
        setMerchantVirtureAccountRefundFlag(sendMerchantInfo?.virtureAccountRefundFlag || false);
      }
-      if(sendUserInfo){
+      if (sendUserInfo) {
        setUserCardApprovalFlag(sendUserInfo?.cardApprovalFlag || false);
        setUserCardCancelFlag(sendUserInfo?.cardCancelFlag || false);
        setUserBankApprovalFlag(sendUserInfo?.bankApprovalFlag || false);
@@ -100,9 +101,14 @@ export const AlimtalkSettingPage = () => {
        virtureAccountRefundFlag: userVirtureAccountRefundFlag
      },
    };
-    alimtalkSettingSave(params).then((rs) => {
-      console.log(rs);
-    });
+    alimtalkSettingSave(params)
+      .then((rs) => {
+        snackBar("저장을 성공하였습니다.");
+      })
+      .catch((error) => {
+        const failReason = error?.response?.data?.message || error?.message || "알 수 없는 오류";
+        snackBar(`[실패] ${failReason}`);
+      });
  };

  useSetHeaderTitle('알림톡 결제통보');
@@ -152,52 +158,52 @@ export const AlimtalkSettingPage = () => {
                <div className="service-section">
                  <AlimTalkSettingServiceRow
                    title='신용카드(승인)'
-                    merchantFlag={ merchantCardApprovalFlag }
-                    userFlag={ userCardApprovalFlag }
-                    setMerchantFlag={ setMerchantCardApprovalFlag }
-                    setUserFlag={ setUserCardApprovalFlag }
+                    merchantFlag={merchantCardApprovalFlag}
+                    userFlag={userCardApprovalFlag}
+                    setMerchantFlag={setMerchantCardApprovalFlag}
+                    setUserFlag={setUserCardApprovalFlag}
                  ></AlimTalkSettingServiceRow>
                  <AlimTalkSettingServiceRow
                    title='신용카드(취소)'
-                    merchantFlag={ merchantBankApprovalFlag }
-                    userFlag={ userCardCancelFlag }
-                    setMerchantFlag={ setMerchantBankApprovalFlag }
-                    setUserFlag={ setUserCardCancelFlag }
+                    merchantFlag={merchantBankApprovalFlag}
+                    userFlag={userCardCancelFlag}
+                    setMerchantFlag={setMerchantBankApprovalFlag}
+                    setUserFlag={setUserCardCancelFlag}
                  ></AlimTalkSettingServiceRow>
                  <AlimTalkSettingServiceRow
                    title='계좌이체(승인)'
-                    merchantFlag={ merchantBankApprovalFlag }
-                    userFlag={ userBankApprovalFlag }
-                    setMerchantFlag={ setMerchantBankApprovalFlag }
-                    setUserFlag={ setUserBankApprovalFlag }
+                    merchantFlag={merchantBankApprovalFlag}
+                    userFlag={userBankApprovalFlag}
+                    setMerchantFlag={setMerchantBankApprovalFlag}
+                    setUserFlag={setUserBankApprovalFlag}
                  ></AlimTalkSettingServiceRow>
                  <AlimTalkSettingServiceRow
                    title='계좌이체(취소)'
-                    merchantFlag={ merchantBankCancelFlag }
-                    userFlag={ userBankCancelFlag }
-                    setMerchantFlag={ setMerchantBankCancelFlag }
-                    setUserFlag={ setUserBankCancelFlag }
+                    merchantFlag={merchantBankCancelFlag}
+                    userFlag={userBankCancelFlag}
+                    setMerchantFlag={setMerchantBankCancelFlag}
+                    setUserFlag={setUserBankCancelFlag}
                  ></AlimTalkSettingServiceRow>
                  <AlimTalkSettingServiceRow
                    title='가상계좌(입금요청)'
-                    merchantFlag={ merchantVirtureAccountDepositRequestFlag }
-                    userFlag={ userVirtureAccountDepositRequestFlag }
-                    setMerchantFlag={ setMerchantVirtureAccountDepositRequestFlag }
-                    setUserFlag={ setUserVirtureAccountDepositRequestFlag }
+                    merchantFlag={merchantVirtureAccountDepositRequestFlag}
+                    userFlag={userVirtureAccountDepositRequestFlag}
+                    setMerchantFlag={setMerchantVirtureAccountDepositRequestFlag}
+                    setUserFlag={setUserVirtureAccountDepositRequestFlag}
                  ></AlimTalkSettingServiceRow>
                  <AlimTalkSettingServiceRow
                    title='가상계좌(입금완료)'
-                    merchantFlag={ merchantVirtureAccountDepositCompleteFlag }
-                    userFlag={ userVirtureAccountDepositCompleteFlag }
-                    setMerchantFlag={ setMerchantVirtureAccountDepositCompleteFlag }
-                    setUserFlag={ setUserVirtureAccountDepositCompleteFlag }
+                    merchantFlag={merchantVirtureAccountDepositCompleteFlag}
+                    userFlag={userVirtureAccountDepositCompleteFlag}
+                    setMerchantFlag={setMerchantVirtureAccountDepositCompleteFlag}
+                    setUserFlag={setUserVirtureAccountDepositCompleteFlag}
                  ></AlimTalkSettingServiceRow>
                  <AlimTalkSettingServiceRow
                    title='가상계좌(환불)'
-                    merchantFlag={ merchantVirtureAccountRefundFlag }
-                    userFlag={ userVirtureAccountRefundFlag }
-                    setMerchantFlag={ setMerchantVirtureAccountRefundFlag }
-                    setUserFlag={ setUserVirtureAccountRefundFlag }
+                    merchantFlag={merchantVirtureAccountRefundFlag}
+                    userFlag={userVirtureAccountRefundFlag}
+                    setMerchantFlag={setMerchantVirtureAccountRefundFlag}
+                    setUserFlag={setUserVirtureAccountRefundFlag}
                  ></AlimTalkSettingServiceRow>
                </div>
              </div>
@@ -205,7 +211,7 @@ export const AlimtalkSettingPage = () => {
            <div className="apply-row">
              <button
                className="btn-50 btn-blue flex-1"
-                onClick={ () => onClickToSave() }
+                onClick={() => onClickToSave()}
              >저장</button>
            </div>
          </div>
--- a/src/pages/additional-service/ars/list-page.tsx
+++ b/src/pages/additional-service/ars/list-page.tsx
@@ -117,9 +117,6 @@ export const ArsListPage = () => {
  };
  const onClickToPaymentStatus = (val: PaymentStatus) => {
    setPaymentStatus(val);
-    callList({
-      paymentStatus: val
-    });
  };

  useEffect(() => {
--- a/src/pages/additional-service/face-auth/face-auth-page.tsx
+++ b/src/pages/additional-service/face-auth/face-auth-page.tsx
@@ -103,9 +103,6 @@ export const FaceAuthPage = () => {

    const onClickToAuthResult = (val: FaceAuthResult) => {
        setAuthResult(val);
-        callList({
-            authResult: val
-        });
    };

    const getListDateGroup = () => {
--- a/src/pages/additional-service/fund-account/transfer-detail-page.tsx
+++ b/src/pages/additional-service/fund-account/transfer-detail-page.tsx
@@ -14,7 +14,6 @@ import { useExtensionFundAccountTransferDetailMutation } from '@/entities/additi
 import { ExtensionFundAccountTransferDetailParams, ExtensionFundAccountTransferDetailResponse, ExtensionFundAccountTransferRegistParams, ExtensionFundAccountTransferRequestParams, ExtensionFundAccountTransferRequestResponse, FundAccountStatus } from '@/entities/additional-service/model/fund-account/types';
 import { getFundAccountStatusName } from '@/entities/additional-service/model/fund-account/constant';
 import moment from 'moment';
-import { useExtensionFundAccountTransferRegistMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-regist-mutation';
 import { snackBar } from '@/shared/lib';
 import { useExtensionFundAccountTransferRequestMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-request-mutation';

@@ -76,9 +75,9 @@ export const FundAccountTransferDetailPage = () => {
                  ></NumericFormat>
                </span>
              </div>
-              <div className="num-store">{detail?.amount}({detail?.accountName})</div>
+              <div className="num-store">{detail?.accountName}({detail?.accountNo})</div>
              <div className="num-day">
-                {detail?.registDate ? moment(detail.registDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD') : '-'}
+                {detail?.registDate ? moment(detail.registDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss') : '-'}
              </div>
            </div>
            <div className="detail-divider"></div>
@@ -98,7 +97,7 @@ export const FundAccountTransferDetailPage = () => {
                <li className="kv-row">
                  <span className="k">요청일자</span>
                  <span className="v">
-                    {detail?.requestDate ? moment(detail.requestDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss') : '-'}
+                    {detail?.requestDate ? moment(detail.requestDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD') : '-'}
                  </span>
                </li>
                <li className="kv-row">
--- a/src/pages/additional-service/key-in-payment/key-in-payment-page.tsx
+++ b/src/pages/additional-service/key-in-payment/key-in-payment-page.tsx
@@ -123,9 +123,6 @@ export const KeyInPaymentPage = () => {

  const onClickToPaymentStatus = (val: KeyInPaymentPaymentStatus) => {
    setPaymentStatus(val);
-    callList({
-      status: val
-    });
  };

  useEffect(() => {
--- a/src/pages/additional-service/payout/list-page.tsx
+++ b/src/pages/additional-service/payout/list-page.tsx
@@ -145,11 +145,10 @@ export const PayoutListPage = () => {
  ]);

  const getListDateGroup = () => {
-    let rs: JSX.Element[] = [];
+    let rs= [];
    let date = '';
-    let list: PayoutContent[] = [];
+    let list= [];
    for (let i = 0; i < listItems.length; i++) {
-      // requestDate 또는 settlementDate format: "20211018140420" (YYYYMMDDHHmmss)
      let itemDateStr = '';
      if (searchDateType === PayoutSearchDateType.REQUEST_DATE) {
        itemDateStr = listItems[i]?.requestDate || '';
@@ -161,7 +160,6 @@ export const PayoutListPage = () => {
        date = itemDate;
      }
      if (date !== itemDate) {
-        // 날짜가 바뀌면 이전 리스트를 푸시 (날짜 업데이트 전에!)
        if (list.length > 0) {
          rs.push(
            <ListDateGroup
@@ -173,7 +171,7 @@ export const PayoutListPage = () => {
            ></ListDateGroup>
          );
        }
-        date = itemDate;  // 그 다음에 날짜 업데이트
+        date = itemDate;
        list = [];
      }
      list.push(listItems[i] as any);
--- a/src/shared/api/api-url-additional-service.ts
+++ b/src/shared/api/api-url-additional-service.ts
@@ -27,7 +27,7 @@ export const API_URL_ADDITIONAL_SERVICE = {
  },
  extensionAccountHolderSearchDownloadExcel: () => {
    // POST: 계좌성명조회 엑셀 다운
-    return `${API_BASE_URL}/api/v1/${API_URL_KEY}/extension/search-account-name/excel`;
+    return `${API_BASE_URL}/api/v1/${API_URL_KEY}/extension/search-account-name/download/excel`;
  },
  extensionAccountHolderSearchRequest: () => {
    // POST: 계좌성명조회 조회 신청