- 자금이체_처리결과: 리스트,필터,상세정보 수정

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

@@ -1,18 +1,18 @@
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { HeaderType } from '@/entities/common/model/types';
-import { 
-	useSetHeaderTitle,
-	useSetHeaderType,
-	useSetFooterMode,
+import {
+  useSetHeaderTitle,
+  useSetHeaderType,
+  useSetFooterMode,
   useSetOnBack
 } from '@/widgets/sub-layout/use-sub-layout';
 import { useLocation } from 'react-router';
 import { useEffect, useState } from 'react';
 import { NumericFormat } from 'react-number-format';
-import { 
-  ExtensionFundAccountResultDetailParams, 
-  ExtensionFundAccountResultDetailResponse, 
+import {
+  ExtensionFundAccountResultDetailParams,
+  ExtensionFundAccountResultDetailResponse,
 } from '@/entities/additional-service/model/fund-account/types';
 import moment from 'moment';
 import { useExtensionFundAccountResultDetailMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-result-detail-mutation';
@@ -27,11 +27,11 @@ export const FundAccountResultDetailPage = () => {
   const [detail, setDetail] = useState<ExtensionFundAccountResultDetailResponse>();
 
   const { mutateAsync: extensionFundAccountResultDetail } = useExtensionFundAccountResultDetailMutation();
-  
+
   const callDetail = () => {
     let params: ExtensionFundAccountResultDetailParams = {
-      tid: tid,
       mid: mid,
+      tid: tid,
     };
 
     extensionFundAccountResultDetail(params).then((rs: ExtensionFundAccountResultDetailResponse) => {
@@ -59,59 +59,68 @@ export const FundAccountResultDetailPage = () => {
               <div className="num-amount">
                 <span className="amount">
                   <NumericFormat
-                    value={ detail?.transferAmount } 
+                    value={detail?.amount}
                     thousandSeparator
                     displayType="text"
                     suffix='원'
                   ></NumericFormat>
                 </span>
               </div>
-              <div className="num-store">{ detail?.receiveAccountName }({ detail?.receiveAccountNo })</div>
-              <div className="num-day">{ moment(detail?.processDate).format('YYYY.MM.DD') }</div>
+              <div className="num-store">{detail?.accountName}({detail?.accountNo})</div>
+              <div className="num-day">  {moment(detail?.applicationDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss')}</div>
             </div>
+            {/* ✅ resultMessage가 "정상"일 때만 표시 */}
+            {detail?.resultMessage === '정상' && (
+              <div className="receipt-row">
+                <button type="button" className="receipt-btn">
+                  <span className="icon-24 download"></span>
+                  <span>입금확인서</span>
+                </button>
+              </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="v">{ moment(detail?.processDate).format('YYYY.MM.DD') }</span>
+                  <span className="v">{moment(detail?.requsetDate).format('YYYY.MM.DD HH:mm:ss')}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">이체일시</span>
-                  <span className="v">{ moment(detail?.requestDate).format('YYYY.MM.DD') }</span>
+                  <span className="v">{moment(detail?.applicationDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD  HH:mm:ss')}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">이체결과</span>
-                  <span className="v">{ detail?.status }</span>
+                  <span className="v">{detail?.resultMessage}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">실패사유</span>
-                  <span className="v">{ detail?.failReason }</span>
+                  <span className="v">{detail?.failReason}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">수취인명</span>
-                  <span className="v">{ detail?.receiveAccountName }</span>
+                  <span className="v">{detail?.accountName}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">은행</span>
-                  <span className="v">{ detail?.receiveBankName }</span>
+                  <span className="v">{detail?.bankCode}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">계좌번호</span>
-                  <span className="v">{ detail?.receiveAccountNo }</span>
+                  <span className="v">{detail?.accountNo}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">MID</span>
-                  <span className="v">{ mid }</span>
+                  <span className="v">{mid}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">주문번호</span>
-                  <span className="v">{ '주문번호' }</span>
+                  <span className="v">{detail?.moid}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">TID</span>
-                  <span className="v">{ detail?.bankTid }</span>
+                  <span className="v">{detail?.tid}</span>
                 </li>
               </ul>
             </div>