계좌성명 조회 페이지 UI 추가 (내역,상세,요청,필터)

This commit is contained in:
HyeonJongKim
2025-09-12 17:32:48 +09:00
parent 65bbfc12b9
commit 3b89dbdbb6
12 changed files with 782 additions and 144 deletions

View File

@@ -36,7 +36,7 @@ export const LinkPaymentStep1 = () => {
<div className="issue-row gap-10">
<div className="issue-label"></div>
<div className="issue-field">
<select
<select
className="wid-100"
value={formData.merchant}
onChange={(e) => handleInputChange('merchant', e.target.value)}
@@ -50,19 +50,19 @@ export const LinkPaymentStep1 = () => {
<div className="issue-label"> </div>
<div className="issue-field">
<div className="chip-row">
<span
<span
className={`keyword-tag flex-1 ${selectedPaymentMethod === 'SMS' ? 'active' : ''}`}
onClick={() => handlePaymentMethodChange('SMS')}
>
SMS
</span>
<span
<span
className={`keyword-tag flex-1 ${selectedPaymentMethod === '이메일' ? 'active' : ''}`}
onClick={() => handlePaymentMethodChange('이메일')}
>
</span>
<span
<span
className={`keyword-tag flex-1 ${selectedPaymentMethod === '카카오' ? 'active' : ''}`}
onClick={() => handlePaymentMethodChange('카카오')}
>
@@ -75,9 +75,9 @@ export const LinkPaymentStep1 = () => {
<div className="issue-row gap-10">
<div className="issue-label"></div>
<div className="issue-field">
<input
type="text"
placeholder=""
<input
type="text"
placeholder=""
value={formData.productName}
onChange={(e) => handleInputChange('productName', e.target.value)}
/>
@@ -87,9 +87,9 @@ export const LinkPaymentStep1 = () => {
<div className="issue-row gap-10">
<div className="issue-label"></div>
<div className="issue-field">
<input
type="text"
placeholder=""
<input
type="text"
placeholder=""
value={formData.productPrice}
onChange={(e) => handleInputChange('productPrice', e.target.value)}
/>
@@ -99,9 +99,9 @@ export const LinkPaymentStep1 = () => {
<div className="issue-row gap-10">
<div className="issue-label"> </div>
<div className="issue-field">
<input
type="text"
placeholder=""
<input
type="text"
placeholder=""
value={formData.orderNumber}
onChange={(e) => handleInputChange('orderNumber', e.target.value)}
/>
@@ -113,15 +113,15 @@ export const LinkPaymentStep1 = () => {
<div className="issue-field">
<div className="link-apply-date">
<div className="input-wrapper date">
<input
type="text"
value={formData.validDate}
<input
type="text"
value={formData.validDate}
className="date-input"
onChange={(e) => handleInputChange('validDate', e.target.value)}
/>
<button type="button" className="date-btn">
<img
src={IMAGE_ROOT + '/ico_date.svg'}
<img
src={IMAGE_ROOT + '/ico_date.svg'}
alt="날짜 선택"
/>
</button>