nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- 계좌성명조회 페이지 수정

Browse Source
This commit is contained in:
HyeonJongKim
2025-10-23 20:28:19 +09:00
parent fdd565a0de
commit 583cb3a2df
7 changed files with 168 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/pages/additional-service/account-holder-search/request-page.tsx
View File

@@ -15,7 +15,8 @@ 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
useSetHeaderTitle('계좌성명조회_신청');
useSetHeaderType(HeaderType.LeftArrow);
@@ -27,7 +28,7 @@ export const AccountHolderSearchRequestPage = () => {
const { mutateAsync: accountHolderSearchRequest } = useExtensionAccountHolderSearchRequestMutation();
const [formData, setFormData] = useState({
mid: userMid,
mid: '',
bankCode: '',
accountNo: ''
})
@@ -39,22 +40,30 @@ export const AccountHolderSearchRequestPage = () => {
const onClickToRequest = () => {
const reuqestParams: ExtensionAccountHolderSearchRequestParams = {
mid: formData.mid,
bankCode: formData.bankCode, // 추후 진짜 은행코드 삽입 필요
bankCode: formData.bankCode,
accountNo: formData.accountNo
}
console.log("계좌성명 조회 조회신청 요청 파라미터 : ", reuqestParams);
accountHolderSearchRequest(reuqestParams)
.then((response) => {
console.log("계좌성명 조회 조회 신청 성공 응답: ", response.status)
navigate(PATHS.additionalService.accountHolderSearch.list);
})
.catch((error) => {
console.error("계좌성명 조회 조회 신청 실패: ", error)
})
.then((response) => {
console.log("계좌성명 조회 조회 신청 성공 응답: ", response.status)
navigate(PATHS.additionalService.accountHolderSearch.list);
})
.catch((error) => {
console.error("계좌성명 조회 조회 신청 실패: ", error)
})
};
const isFormValid = () => {
return (
formData.mid.trim() !== '' &&
formData.bankCode.trim() !== '' &&
formData.accountNo.trim() !== ''
)
}
return (
<>
<main>
@@ -65,12 +74,15 @@ export const AccountHolderSearchRequestPage = () => {
<div className="billing-row">
<div className="billing-label">가맹점</div>
<div className="billing-field">
<select
className="wid-100"
value={formData.mid}
onChange={(e) => handleInputChange('mid', e.target.value)}
>
<option>nictest00m</option>
<select value={formData.mid} onChange={(e) => handleInputChange('mid', e.target.value)}>
{
midOptions.map((value) => (
<option
key={value.value}
value={value.value}
>{value.name}</option>
))
}
</select>
</div>
</div>
@@ -78,13 +90,18 @@ export const AccountHolderSearchRequestPage = () => {
<div className="billing-row">
<div className="billing-label">은행</div>
<div className="billing-field">
<select
className="wid-100"
value={formData.bankCode}
onChange={(e) => handleInputChange('bankCode', e.target.value)}
>
<option>우리은행</option>
<option>카카오뱅크</option>
<select value={formData.bankCode} onChange={(e) => handleInputChange('bankCode', e.target.value)}>
<option value="">선택하세요</option>
{
bankList
.filter((bank) => bank.code1 !== '****')
.map((bank) => (
<option
key={bank.code1}
value={bank.code1}
>{bank.desc1}</option>
))
}
</select>
</div>
</div>
@@ -93,10 +110,10 @@ export const AccountHolderSearchRequestPage = () => {
<div className="billing-label">계좌번호</div>
<div className="billing-field">
<input
type="number"
placeholder=''
value={formData.accountNo}
onChange={(e) => handleInputChange('accountNo', e.target.value)}
type="number"
placeholder=''
value={formData.accountNo}
onChange={(e) => handleInputChange('accountNo', e.target.value)}
></input>
</div>
</div>
@@ -105,6 +122,7 @@ export const AccountHolderSearchRequestPage = () => {
<div className="apply-row">
<button
className="btn-50 btn-blue flex-1"
disabled={!isFormValid()}
onClick={() => onClickToRequest()}
>신청</button>
</div>