- 자금이체_ 이체요청 Request,Response 수정

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

@@ -1,17 +1,17 @@
 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 { useExtensionFundAccountTransferDetailMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-detail-mutation';
-import { ExtensionFundAccountTransferDetailParams, ExtensionFundAccountTransferDetailResponse, ExtensionFundAccountTransferRequestParams, ExtensionFundAccountTransferRequestResponse } from '@/entities/additional-service/model/fund-account/types';
+import { ExtensionFundAccountTransferDetailParams, ExtensionFundAccountTransferDetailResponse, 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 { useExtensionFundAccountTransferRequestMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-request-mutation';
@@ -27,7 +27,7 @@ export const FundAccountTransferDetailPage = () => {
 
   const { mutateAsync: extensionFundAccountTransferDetail } = useExtensionFundAccountTransferDetailMutation();
   const { mutateAsync: extensionFundAccountTransferRequest } = useExtensionFundAccountTransferRequestMutation();
-  
+
   const callDetail = () => {
     let params: ExtensionFundAccountTransferDetailParams = {
       tid: tid,
@@ -51,18 +51,23 @@ export const FundAccountTransferDetailPage = () => {
     callDetail();
   }, []);
 
-  const onClickToRequest = () =>{
+  const onClickToRequest = () => {
+    if (!detail) {
+      alert('상세 정보를 불러오는 중입니다.');
+      return;
+    }
+
     let params: ExtensionFundAccountTransferRequestParams = {
       mid: mid,
-      transferAmount: 0,
-      receiveBankCode: '',
-      receiveAccountNo: '',
-      receiveAccountName: '',
-      transferMemo: ''
+      bankCode: detail.bankCode || '',
+      accountNo: detail.accountNo || '',
+      accountName: detail.accountName || '',
+      amount: detail.amount || 0,
+      moid: detail.moid || ''
     };
     extensionFundAccountTransferRequest(params).then((rs: ExtensionFundAccountTransferRequestResponse) => {
       console.log(rs)
-      alert(rs.message);
+      alert(rs.status ? '이체 요청이 완료되었습니다.' : '이체 요청에 실패했습니다.');
       navigate(PATHS.additionalService.fundAccount.transferList);
     });
   };
@@ -76,14 +81,14 @@ export const FundAccountTransferDetailPage = () => {
               <div className="num-amount">
                 <span className="amount">
                   <NumericFormat
-                    value={ detail?.amount } 
+                    value={detail?.amount}
                     thousandSeparator
                     displayType="text"
                     suffix='원'
                   ></NumericFormat>
                 </span>
               </div>
-              <div className="num-store">{ detail?.amount }({ detail?.accountName })</div>
+              <div className="num-store">{detail?.amount}({detail?.accountName})</div>
               <div className="num-day">
                 {detail?.registDate ? moment(detail.registDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD') : '-'}
               </div>
@@ -100,7 +105,7 @@ export const FundAccountTransferDetailPage = () => {
                 </li>
                 <li className="kv-row">
                   <span className="k">처리결과</span>
-                  <span className="v">{ getFundAccountStatusName(detail?.resultStatus) || '-' }</span>
+                  <span className="v">{getFundAccountStatusName(detail?.resultStatus) || '-'}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">요청일자</span>
@@ -110,31 +115,32 @@ export const FundAccountTransferDetailPage = () => {
                 </li>
                 <li className="kv-row">
                   <span className="k">이체결과</span>
-                  <span className="v">{ detail?.resultMessage || '-' }</span>
+                  <span className="v">{detail?.resultMessage || '-'}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">수취인명</span>
-                  <span className="v">{ detail?.accountName }</span>
+                  <span className="v">{detail?.accountName}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">은행</span>
-                  <span className="v">{ detail?.bankName }</span>
+                  <span className="v">{detail?.bankCode}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">계좌번호</span>
-                  <span className="v">{ detail?.accountNo }</span>
+                  <span className="v">{detail?.accountNo}</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">MID</span>
-                  <span className="v">{ detail?.mid }</span>
+                  <span className="v">{detail?.mid}</span>
                 </li>
-                
+
               </ul>
             </div>
             <div className="apply-row">
-              <button 
+              <button
                 className="btn-50 btn-blue flex-1"
-                onClick={ () => onClickToRequest() }
+                onClick={() => onClickToRequest()}
+                disabled={detail?.resultStatus !== FundAccountStatus.REGIST_COMPLETE}
               >이체 요청</button>
             </div>
           </div>