자금이체 끝 2

src/entities/additional-service/ui/fund-account/result-list-wrap.tsx

@@ -137,7 +137,7 @@ export const FundAccountResultListWrap = () => {
       for (const [key, value] of Object.entries(listItems)) {
         rs.push(
           <ListDateGroup
-            additionalServiceCategory={ AdditionalServiceCategory.FundAccount }
+            additionalServiceCategory={ AdditionalServiceCategory.FundAccountResult }
             mid={ mid }
             key={ key }
             date={ key }

src/entities/additional-service/ui/fund-account/transfer-list-wrap.tsx

@@ -132,7 +132,7 @@ export const FundAccountTransferListWrap = () => {
       for (const [key, value] of Object.entries(listItems)) {
         rs.push(
           <ListDateGroup
-            additionalServiceCategory={ AdditionalServiceCategory.FundAccount }
+            additionalServiceCategory={ AdditionalServiceCategory.FundAccountTransfer }
             mid={ mid }
             key={ key }
             date={ key }

src/entities/additional-service/ui/list-item.tsx

@@ -141,7 +141,7 @@ export const ListItem = ({
         }
       });
     }
-    else if (additionalServiceCategory === AdditionalServiceCategory.FundAccount) {
+    else if (additionalServiceCategory === AdditionalServiceCategory.FundAccountTransfer) {
       navigate(PATHS.additionalService.fundAccount.transferDetail, {
         state: {
           additionalServiceCategory: additionalServiceCategory,
@@ -150,6 +150,15 @@ export const ListItem = ({
         }
       });
     }
+    else if (additionalServiceCategory === AdditionalServiceCategory.FundAccountResult) {
+      navigate(PATHS.additionalService.fundAccount.resultDetail, {
+        state: {
+          additionalServiceCategory: additionalServiceCategory,
+          mid: mid,
+          tid: tid
+        }
+      });
+    }
     else if (additionalServiceCategory === AdditionalServiceCategory.SettlementAgency) {
 
     }
@@ -181,7 +190,10 @@ export const ListItem = ({
       let time = requestDate?.substring(8, 14);
       timeStr = time?.substring(0, 2) + ':' + time?.substring(2, 4) + ':' + time?.substring(4, 6);
     }
-    else if (additionalServiceCategory === AdditionalServiceCategory.FundAccount) {
+    else if (additionalServiceCategory === AdditionalServiceCategory.FundAccountTransfer) {
+      timeStr = moment(requestDate).format('mm:ss');
+    }
+    else if (additionalServiceCategory === AdditionalServiceCategory.FundAccountResult) {
       timeStr = moment(requestDate).format('mm:ss');
     }
     else {
@@ -213,7 +225,10 @@ export const ListItem = ({
     else if (additionalServiceCategory === AdditionalServiceCategory.Payout) {
       str = companyName;
     }
-    else if(additionalServiceCategory === AdditionalServiceCategory.FundAccount){
+    else if(additionalServiceCategory === AdditionalServiceCategory.FundAccountTransfer){
+      str = `${receiveAccountName}(${receiveAccountNo})`
+    }
+    else if(additionalServiceCategory === AdditionalServiceCategory.FundAccountResult){
       str = `${receiveAccountName}(${receiveAccountNo})`
     }
 
@@ -288,7 +303,16 @@ export const ListItem = ({
         </div>
       );
     }
-    else if(additionalServiceCategory === AdditionalServiceCategory.FundAccount){
+    else if(additionalServiceCategory === AdditionalServiceCategory.FundAccountTransfer){
+      rs.push(
+        <div className="transaction-details">
+          <span>{ getTime() }</span>
+          <span className="separator">|</span>
+          <span>{ status }</span>
+        </div>
+      );
+    }
+    else if(additionalServiceCategory === AdditionalServiceCategory.FundAccountResult){
       rs.push(
         <div className="transaction-details">
           <span>{ getTime() }</span>
@@ -357,7 +381,22 @@ export const ListItem = ({
         </div>
       );
     }
-    else if (additionalServiceCategory === AdditionalServiceCategory.FundAccount) {
+    else if (additionalServiceCategory === AdditionalServiceCategory.FundAccountTransfer) {
+      rs.push(
+        <div
+          key="payout-item-amount"
+          className="transaction-amount"
+        >
+          <NumericFormat
+            value={transferAmount}
+            thousandSeparator
+            displayType="text"
+            suffix='원'
+          ></NumericFormat>
+        </div>
+      );
+    }
+    else if (additionalServiceCategory === AdditionalServiceCategory.FundAccountResult) {
       rs.push(
         <div
           key="payout-item-amount"

src/pages/additional-service/fund-account/result-detail-page.tsx

@@ -10,10 +10,12 @@ import {
 import { useLocation } from 'react-router';
 import { useEffect, useState } from 'react';
 import { NumericFormat } from 'react-number-format';
-import { useExtensionFundAccountTransferDetailMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-detail-mutation';
+import { 
-import { ExtensionFundAccountTransferDetailParams, ExtensionFundAccountTransferDetailResponse, ExtensionFundAccountTransferRequestParams, ExtensionFundAccountTransferRequestResponse } from '@/entities/additional-service/model/fund-account/types';
+  ExtensionFundAccountResultDetailParams, 
+  ExtensionFundAccountResultDetailResponse, 
+} from '@/entities/additional-service/model/fund-account/types';
 import moment from 'moment';
-import { useExtensionFundAccountTransferRequestMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-request-mutation';
+import { useExtensionFundAccountResultDetailMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-result-detail-mutation';
 
 export const FundAccountResultDetailPage = () => {
   const { navigate } = useNavigate();
@@ -22,18 +24,17 @@ export const FundAccountResultDetailPage = () => {
   const tid = location.state.tid;
   const mid = location.state.mid;
 
-  const [detail, setDetail] = useState<ExtensionFundAccountTransferDetailResponse>();
+  const [detail, setDetail] = useState<ExtensionFundAccountResultDetailResponse>();
 
-  const { mutateAsync: extensionFundAccountTransferDetail } = useExtensionFundAccountTransferDetailMutation();
+  const { mutateAsync: extensionFundAccountResultDetail } = useExtensionFundAccountResultDetailMutation();
-  const { mutateAsync: extensionFundAccountTransferRequest } = useExtensionFundAccountTransferRequestMutation();
   
   const callDetail = () => {
-    let params: ExtensionFundAccountTransferDetailParams = {
+    let params: ExtensionFundAccountResultDetailParams = {
       tid: tid,
       mid: mid,
     };
 
-    extensionFundAccountTransferDetail(params).then((rs: ExtensionFundAccountTransferDetailResponse) => {
+    extensionFundAccountResultDetail(params).then((rs: ExtensionFundAccountResultDetailResponse) => {
       setDetail(rs);
     });
   };
@@ -42,29 +43,13 @@ export const FundAccountResultDetailPage = () => {
   useSetHeaderType(HeaderType.LeftArrow);
   useSetFooterMode(false);
   useSetOnBack(() => {
-    navigate(PATHS.additionalService.fundAccount.transferList);
+    navigate(PATHS.additionalService.fundAccount.resultList);
   });
 
   useEffect(() => {
     callDetail();
   }, []);
 
-  const onClickToRequest = () =>{
-    let params: ExtensionFundAccountTransferRequestParams = {
-      mid: mid,
-      transferAmount: detail?.transferAmount,
-      receiveBankCode: detail?.receiveBankName,
-      receiveAccountNo: detail?.receiveAccountNo,
-      receiveAccountName: detail?.receiveAccountName,
-      transferMemo: ''
-    };
-    extensionFundAccountTransferRequest(params).then((rs: ExtensionFundAccountTransferRequestResponse) => {
-      console.log(rs)
-      alert(rs.message);
-      navigate(PATHS.additionalService.fundAccount.transferList);
-    });
-  };
-
   return (
     <>
       <main className="full-height">
@@ -81,29 +66,29 @@ export const FundAccountResultDetailPage = () => {
                   ></NumericFormat>
                 </span>
               </div>
-              <div className="num-store">나이스테스트가맹점</div>
+              <div className="num-store">{ detail?.receiveAccountName }({ detail?.receiveAccountNo })</div>
-              <div className="num-day">2025.08.19</div>
+              <div className="num-day">{ moment(detail?.processDate).format('YYYY.MM.DD') }</div>
             </div>
             <div className="detail-divider"></div>
             <div className="pay-detail">
               <div className="detail-title">상세 정보</div>
               <ul className="kv-list">
                 <li className="kv-row">
-                  <span className="k">등록일시</span>
+                  <span className="k">요청일시</span>
                   <span className="v">{ moment(detail?.processDate).format('YYYY.MM.DD') }</span>
                 </li>
                 <li className="kv-row">
-                  <span className="k">처리결과</span>
+                  <span className="k">이체일시</span>
-                  <span className="v">{ detail?.status }</span>
-                </li>
-                <li className="kv-row">
-                  <span className="k">요청일자</span>
                   <span className="v">{ moment(detail?.requestDate).format('YYYY.MM.DD') }</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">이체결과</span>
                   <span className="v">{ detail?.status }</span>
                 </li>
+                <li className="kv-row">
+                  <span className="k">실패사유</span>
+                  <span className="v">{ detail?.failReason }</span>
+                </li>
                 <li className="kv-row">
                   <span className="k">수취인명</span>
                   <span className="v">{ detail?.receiveAccountName }</span>
@@ -120,15 +105,16 @@ export const FundAccountResultDetailPage = () => {
                   <span className="k">MID</span>
                   <span className="v">{ mid }</span>
                 </li>
-                
+                <li className="kv-row">
+                  <span className="k">주문번호</span>
+                  <span className="v">{ '주문번호' }</span>
+                </li>
+                <li className="kv-row">
+                  <span className="k">TID</span>
+                  <span className="v">{ detail?.bankTid }</span>
+                </li>
               </ul>
             </div>
-            <div className="apply-row">
-              <button 
-                className="btn-50 btn-blue flex-1"
-                onClick={ () => onClickToRequest() }
-              >이체 요청</button>
-            </div>
           </div>
         </div>
       </main>

src/pages/additional-service/fund-account/transfer-detail-page.tsx

@@ -81,8 +81,8 @@ export const FundAccountTransferDetailPage = () => {
                   ></NumericFormat>
                 </span>
               </div>
-              <div className="num-store">나이스테스트가맹점</div>
+              <div className="num-store">{ detail?.receiveAccountName }({ detail?.receiveAccountNo })</div>
-              <div className="num-day">2025.08.19</div>
+              <div className="num-day">{ moment(detail?.processDate).format('YYYY.MM.DD') }</div>
             </div>
             <div className="detail-divider"></div>
             <div className="pay-detail">