김장현
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