김장현
11 months ago
4 changed files with 311 additions and 97 deletions
@ -0,0 +1,121 @@ |
|||||||
|
import { Table } from 'reactstrap'; |
||||||
|
export default function ReserveStep4() { |
||||||
|
return ( |
||||||
|
<div style={{ padding: '40px' }}> |
||||||
|
<div |
||||||
|
style={{ |
||||||
|
display: 'flex', |
||||||
|
justifyContent: 'center', |
||||||
|
fontSize: '1.5rem', |
||||||
|
color: '#000', |
||||||
|
fontWeight: 'bold', |
||||||
|
marginBottom: '10px' |
||||||
|
}} |
||||||
|
> |
||||||
|
항공교통 예약이 완료되었습니다. |
||||||
|
</div> |
||||||
|
<div |
||||||
|
style={{ |
||||||
|
display: 'flex', |
||||||
|
justifyContent: 'center', |
||||||
|
backgroundColor: '#F2F2F2', |
||||||
|
height: '70px', |
||||||
|
alignItems: 'center', |
||||||
|
fontSize: '1.2rem', |
||||||
|
marginBottom: '10px' |
||||||
|
}} |
||||||
|
> |
||||||
|
<div> |
||||||
|
예약번호 :{' '} |
||||||
|
<span style={{ color: '#990033', marginRight: '20px' }}> |
||||||
|
452006915(Y08HR) |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
<div style={{ color: '#990033', marginRight: '20px' }}>|</div> |
||||||
|
<div> |
||||||
|
{' '} |
||||||
|
예약일 :{' '} |
||||||
|
<span style={{ color: '#990033', marginRight: '20px' }}> |
||||||
|
2023.10.25(목) |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div style={{ fontSize: '1.2rem', fontWeight: 'bold' }}>항공 일정</div> |
||||||
|
<Table bordered style={{ textAlign: 'center', marginBottom: '10px' }}> |
||||||
|
<thead> |
||||||
|
<tr> |
||||||
|
<th>구간</th> |
||||||
|
<th>편명</th> |
||||||
|
<th>출발일시</th> |
||||||
|
<th>도착일시</th> |
||||||
|
<th>좌석수</th> |
||||||
|
</tr> |
||||||
|
</thead> |
||||||
|
<tbody> |
||||||
|
<tr> |
||||||
|
<td> |
||||||
|
{' '} |
||||||
|
여정1 |
||||||
|
<br /> |
||||||
|
{'고양 킨텍스 -> 여의도 공원'} |
||||||
|
</td> |
||||||
|
<td>UAM123</td> |
||||||
|
<td>2023.10.25(목) 08:40</td> |
||||||
|
<td>2023.10.25(목) 10:45</td> |
||||||
|
<td>1</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<td> |
||||||
|
{' '} |
||||||
|
여정1 |
||||||
|
<br /> |
||||||
|
{'여의도 공원 -> 고양 킨텍스'} |
||||||
|
</td> |
||||||
|
<td>UAM321</td> |
||||||
|
<td>2023.10.28(목) 10:45</td> |
||||||
|
<td>2023.10.28(목) 11:40</td> |
||||||
|
<td>1</td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</Table> |
||||||
|
<div style={{ fontSize: '1.2rem', fontWeight: 'bold' }}>예매자 정보</div> |
||||||
|
<Table bordered style={{ textAlign: 'center', marginBottom: '10px' }}> |
||||||
|
<thead> |
||||||
|
<tr> |
||||||
|
<th>연락처</th> |
||||||
|
<th>이메일</th> |
||||||
|
</tr> |
||||||
|
</thead> |
||||||
|
<tbody> |
||||||
|
<tr> |
||||||
|
<td>+82(대한민국) 010-8250-4456</td> |
||||||
|
<td>kyw546@palnet.co.kr</td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</Table> |
||||||
|
<div style={{ fontSize: '1.2rem', fontWeight: 'bold' }}>결제 내역</div> |
||||||
|
<Table bordered style={{ textAlign: 'center', marginBottom: '10px' }}> |
||||||
|
<thead> |
||||||
|
<tr> |
||||||
|
<th>결제수단</th> |
||||||
|
<th>카드번호</th> |
||||||
|
<th>할부개월</th> |
||||||
|
<th>승인번호</th> |
||||||
|
<th>결제금액</th> |
||||||
|
<th>결제일</th> |
||||||
|
</tr> |
||||||
|
</thead> |
||||||
|
<tbody> |
||||||
|
<tr> |
||||||
|
<td>신용카드</td> |
||||||
|
<td>****_****_****_1234</td> |
||||||
|
<td>일시불</td> |
||||||
|
<td>123456789</td> |
||||||
|
<td>118,200 KRW</td> |
||||||
|
<td>2023.10.20 (목) 09:43 </td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</Table> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
Loading…
Reference in new issue