자금이체 페이지 다국어 지원 추가

자금이체 관련 모든 페이지에 대한 다국어 지원을 추가했습니다.

변경사항:
- 이체등록 페이지: 폼 레이블, 버튼, 에러 메시지 다국어화
- 이체요청 목록 페이지: 페이지 타이틀 다국어화
- 결과조회 목록 페이지: 페이지 타이틀 다국어화
- 이체 상세 페이지: 상세 정보 레이블, 버튼, 상태 메시지 다국어화
- 결과 상세 페이지: 상세 정보 레이블, 입금확인서 버튼 다국어화

번역 키 추가:
- 은행, 계좌번호, 예금주명, 이체금액, 입금인자
- 등록/요청 성공/실패 메시지
- 상세 정보 레이블 (등록일시, 요청일시, 이체일시, 이체결과, 실패사유 등)
- 수취인명, 입금확인서 등

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-11-03 16:42:29 +09:00
parent 0e0c4c90ba
commit a566f18da9
7 changed files with 101 additions and 47 deletions

View File

@@ -40,7 +40,7 @@ export const FundAccountTransferDetailPage = () => {
});
};
useSetHeaderTitle('자금이체 상세');
useSetHeaderTitle(t('additionalService.fundAccount.transferDetailTitle'));
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(false);
useSetOnBack(() => {
@@ -58,16 +58,16 @@ export const FundAccountTransferDetailPage = () => {
extensionFundAccountTransferRequest(params).then((rs: ExtensionFundAccountTransferRequestResponse) => {
if (rs.status) {
callDetail();
snackBar("이체요청을 성공하였습니다.")
snackBar(t('additionalService.fundAccount.transferRequestSuccess'))
} else {
const errorMessage = rs.error?.message || '이체요청이 실패하였습니다.';
snackBar(`[실패] ${errorMessage}`);
const errorMessage = rs.error?.message || t('additionalService.fundAccount.transferRequestFailed');
snackBar(`[${t('common.failed')}] ${errorMessage}`);
}
}).catch((error) => {
const errorMessage = error?.response?.data?.error?.message ||
error?.message ||
'이체요청 중 오류가 발생했습니다.';
snackBar(`[실패] ${errorMessage}`);
t('additionalService.fundAccount.transferRequestError');
snackBar(`[${t('common.failed')}] ${errorMessage}`);
});
};
@@ -89,38 +89,38 @@ export const FundAccountTransferDetailPage = () => {
</div>
<div className="detail-divider"></div>
<div className="pay-detail">
<div className="detail-title"> </div>
<div className="detail-title">{t('additionalService.fundAccount.detailInfo')}</div>
<ul className="kv-list">
<li className="kv-row">
<span className="k"></span>
<span className="k">{t('additionalService.fundAccount.registrationDateTime')}</span>
<span className="v">
{detail?.registDate ? moment(detail.registDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss') : '-'}
</span>
</li>
<li className="kv-row">
<span className="k"></span>
<span className="k">{t('additionalService.fundAccount.processingResult')}</span>
<span className="v">{getFundAccountStatusName(t)(detail?.resultStatus) || '-'}</span>
</li>
<li className="kv-row">
<span className="k"></span>
<span className="k">{t('additionalService.fundAccount.requestDate')}</span>
<span className="v">
{detail?.requestDate ? moment(detail.requestDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD') : '-'}
</span>
</li>
<li className="kv-row">
<span className="k"></span>
<span className="k">{t('additionalService.fundAccount.transferResult')}</span>
<span className="v">{detail?.resultMessage || '-'}</span>
</li>
<li className="kv-row">
<span className="k"></span>
<span className="k">{t('additionalService.fundAccount.beneficiaryName')}</span>
<span className="v">{detail?.accountName}</span>
</li>
<li className="kv-row">
<span className="k"></span>
<span className="k">{t('additionalService.fundAccount.bank')}</span>
<span className="v">{detail?.bankCode || '-'} </span>
</li>
<li className="kv-row">
<span className="k"></span>
<span className="k">{t('additionalService.fundAccount.accountNumber')}</span>
<span className="v">{detail?.accountNo}</span>
</li>
<li className="kv-row">
@@ -135,7 +135,7 @@ export const FundAccountTransferDetailPage = () => {
className="btn-50 btn-blue flex-1"
onClick={() => onClickToRequest()}
disabled={detail?.resultStatus !== FundAccountStatus.REGIST_COMPLETE}
> </button>
>{t('additionalService.fundAccount.transferRequestButton')}</button>
</div>
</div>
</div>