마이페이지 스트리밍프리미엄 결제내역

This commit is contained in:
2024-09-25 23:57:12 +09:00
parent b52447d5d5
commit 6827dacd00
5 changed files with 1135 additions and 843 deletions

View File

@@ -355,10 +355,32 @@
<div class="contents">
<div class="text">
잔여 이용 기간에 대하여 돌려받으실 환불 금액
잔여 이용 기간에 대하여 돌려받으실 환불 금액<br>
i) 일할 계산 환불 금액: 월 요금 (월 요금 * (사용일수/결제월 총일수의 반올림))
</div>
</div>
<div class="title">
b) 중도 해지 납부 금액 : 3,000원
</div>
<div class="contents">
<div class="text">
i) 할인 반환금 : 1,000원
(할인 받으셨던 기간 동안의 해택 반환금)
ii)중도해지 위약금 : 2,000원
(약정 기간 종료 전 해지로 인한 위약금)
</div>
</div>
<div class="title">
c) 결제 금액 : -2,000원
</div>
<div class="contents">
<div class="text">
a) 환불 금액 b) 중도 해지 납부 금액 = -5,000원 + 3,000원
</div>
</div>
@@ -380,329 +402,92 @@
결제 완료
</dd>
</dl>
<dl>
<dt class="itemName">
결제 정보
</dt>
<dd class="itemValue">
국민카드(1234-12**-****-123*)
</dd>
</dl>
<div class="contentsWrap">
<!--
제목이 노출되는 영역입니다. 화면설계와 디자인이 상이합니다.
이메일, 문자 모두 동일합니다.
-->
<div class="optionWrap">
<div class="title">
OTA 버전 업그레이드 안내
차량용 webOS 콘텐츠 플랫폼
</div>
<!-- [S] 수동 메일 발송인 경우 -->
<div class="contents">
<!-- 수동 메일이면서 이미지가 등록된 경우 해당 이미지가 노출 됩니다. 이미지가 없다면, imgWrap 전부 노출되지 않습니다.-->
<div class="imgWrap">
<img src="../assets/images/sample_service/temp_mail_image.png" alt="OTA 버전 업그레이드 안내">
</div>
<!-- 수동 메일인 경우 내용이 노출되는 영역입니다.-->
<strong>구매옵션(약정)</strong>
<div class="text">
안녕하세요. FoD 상품 관리자 입니다. FoD 상품을 이용하시기 위해서는 OTA버전 조건이 충족되어야 합니다. 업데이트는 AVNT 안내 사항을 참고 부탁드립니다.
<ul>
<li>∙ 당일 해지 7일 이내인 경우 전체 환불 됩니다.</li>
<li>∙ 당일 해지 결제 7일 초과인 경우<br>
<span>∙ 납부하신 당월 결제 금액은 일할 계산되어 환불 처리 됩니다.</span>
</li>
<li>
∙ 예약 해지로 정기 결제 시점 해지되는 경우<br>
<span>∙ 다음 회차 정기 결제 일에 해지되며 환불받으실 금액은 없습니다.</span>
</li>
</ul>
</div>
</div>
<!-- [E] 수동 메일 발송인 경우 -->
<!-- [S] 문자 발송인 경우 -->
<!-- 문자 내용이 노출됩니다. -->
<!-- <div class="contents">
<div class="contents">
<strong>구매옵션(무약정)</strong>
<div class="text">
안녕하세요. FoD 상품 관리자 입니다. FoD 상품을 이용하시기 위해서는 OTA버전 조건이 충족되어야 합니다. 업데이트는 AVNT 안내 사항을 참고 부탁드립니다.
<ul>
<li>∙ 당일 해지 7일 이내인 경우 전체 환불 됩니다.</li>
<li>∙ 당일 해지 결제 7일 초과인 경우<br>
<span>∙ 납부하신 당월 결제 금액은 일할 계산되어 환불 처리 됩니다.</span>
</li>
<li>
∙ 예약 해지로 정기 결제 시점 해지되는 경우<br>
<span>∙ 다음 회차 정기 결제 일에 해지되며 환불받으실 금액은 없습니다.</span>
</li>
</ul>
</div>
</div> -->
<!-- [E] 문자 발송인 경우 -->
<!-- [S] 자동 메일 발송인 경우 -->
<!-- mailBodyContents 안쪽에 발송된 메일 html을 넣어주시면 됩니다. -->
<!-- jquery로 메일 html중 본문만 뽑아서 표현하게 구성되어 있습니다. -->
<div class="mailBodyContents" style="display:none;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="word-break:keep-all;">
<tr>
<td style="width:100%; text-align:center;" align="center">
<table border="0" cellpadding="0" cellspacing="0" width="640" style="margin:0 auto;">
<tr>
<td width="640" height="27" style="background-color:#05141F;">
&nbsp;
</td>
</tr>
<tr>
<td>
<table width="640" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" height="37" style="background-color:#05141F;">
&nbsp;
</td>
<td width="159" height="37" style="background-color:#05141F;">
<a href="https://connectstore.kia.com/kr/" target="_blank">
<img src="../assets/images/kia/mail/mail_top_logo.png" alt="Kia Connect Store Logo">
</a>
</td>
<td width="431" height="37" style="background-color:#05141F;">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="640" height="31" style="background-color:#F3F3F3;">
<table width="640" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="232" height="31">
<img src="../assets/images/kia/mail/mail_top_bg.png" alt="background image">
</td>
<td width="408">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="60" style="background-color:#F3F3F3;">
&nbsp;
</td>
</tr>
<tr>
<td style="background-color:#F3F3F3;">
<table width="640" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50">
&nbsp;
</td>
<td width="540">
<table id="mailBodyContents" width="540" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="font-family:'arial,Helvetica,sans-serif'; font-size: 28px; font-weight: 600; color:#0F0F0F; text-align:left;">
회원가입 안내
</td>
</tr>
<tr>
<td style="padding-top:30px; font-family:'arial,Helvetica,sans-serif'; font-size:16px; font-weight:400; color:#000000; line-height:24px; text-align:left;">
안녕하세요. #{msgMemberName} 고객님.<br>
기아 커넥트스토어 회원이 되신 것을 진심으로 환영합니다.
</td>
</tr>
<tr>
<td style="padding-top: 30px;">
<table width="540" border="0" cellpadding="0" cellspacing="0" style="border-top:1px solid #DEDEDE;">
<tr>
<td width="137" style="padding:20px 0; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#676767; text-align:left;">
ID
</td>
<td width="1">
<div style="width:1px; height:13px; background-color:#DEDEDE;"></div>
</td>
<td width="402" style="padding:20px 0 20px 23px; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#000000; text-align:left;">
#{msgMemberID}
</td>
</tr>
<tr>
<td width="137" style="padding:20px 0; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#676767; text-align:left;">
회원 가입일
</td>
<td width="1">
<div style="width:1px; height:13px; background-color:#DEDEDE;"></div>
</td>
<td width="402" style="padding:20px 0 20px 23px; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#000000; text-align:left;">
#{msgMemberJoinDate}
</td>
</tr>
</table>
</td>
</tr>
<tr class="mailBtn">
<td style="padding-top:60px;">
<a href="https://connectstore.kia.com/kr/" target="_blank">
<img src="../assets/images/kia/mail/mail_btn_main.png" alt="button">
</a>
</td>
</tr>
</table>
</td>
<td width="50">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="110" style="background-color:#F3F3F3;">
&nbsp;
</td>
</tr>
<tr>
<td width="640" height="31" style="background-color:#F3F3F3;">
<table width="640" height="31" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="468" height="31">
&nbsp;
</td>
<td width="172" height="31">
<img src="../assets/images/kia/mail/mail_footer_bg.png" alt="background image">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="640" height="40" style="background-color:#05141F;">
&nbsp;
</td>
</tr>
<tr>
<td style="background-color:#05141F;">
<table width="640" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" height="21">
&nbsp;
</td>
<td width="82" height="21">
<a href="https://connectstore.kia.com/kr/" target="_blank">
<img src="../assets/images/kia/mail/mail_footer_logo.png" alt="Kia Logo">
</a>
</td>
<td width="508" height="21">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="640" height="28" style="background-color:#05141F;">
&nbsp;
</td>
</tr>
<!-- footer의 상세 정보는 아직 확정되지 않았다고 하네요. 추후 고객 정보 확정 후 수정 예상됩니다. -->
<tr>
<td style="background-color:#05141F;">
<table width="640" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" style="background-color:#05141F;">
&nbsp;
</td>
<td width="540">
<table width="540" border="0" cellpadding="0" cellspacing="0" style="text-align:left;">
<tr>
<td valign="middle" style="vertical-align: middle;">
<a href="https://connectstore.kia.com/kr/member/terms?tab=p" target="_blank" style=" font-family:'arial,Helvetica,sans-serif'; font-size:13px; text-decoration: none; color:#ffffff;">
개인정보 처리방침
</a>
<span style="vertical-align: middle;">
<img src="../assets/images/kia/mail/mail_bar_big.png" alt="bar" style="margin:0 8px;">
</span>
<a href="https://connectstore.kia.com/kr/member/terms" target="_blank" style="font-family:'arial,Helvetica,sans-serif'; font-size:13px; text-decoration: none; color:#aaaaaa;">
이용약관
</a>
</td>
</tr>
<tr>
<td valign="middle" style="padding-top:10px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
사업자 기아㈜ 대표 송호성, 최준영
<span style="vertical-align: middle;">
<img src="../assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
</span>
서울특별시 서초구 헌릉로 12 (양재동)
</td>
</tr>
<tr>
<td valign="middle" style="padding-top:2px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
사업자등록번호 119-81-02316 06797
<span style="vertical-align: middle;">
<img src="../assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
</span>
통신판매신고: 2023-OOOO-OOOO
<span style="vertical-align: middle;">
<img src="../assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
</span>
이메일: test@test.com
</td>
</tr>
<tr>
<td style="padding-top:3px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
개인정보책임자: 홍길동
</td>
</tr>
<tr>
<td style="padding-top:20px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:14px; color:#ffffff">
문의전화 : 1899-0606
</td>
</tr>
<tr>
<td valign="middle" style="padding-top:10px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
평일 09:00~18:00 (주말/공휴일 제외)
<span style="vertical-align: middle;">
<img src="../assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
</span>
점심시간 12시~13시
<span style="vertical-align: middle;">
<img src="../assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
</span>
전국 하이테크 센터: 평일 08:30~18:00
</td>
</tr>
<tr>
<td style="padding-top:40px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:13px; color:#ffffff">
Ⓒ Kia CORP. ALL RIGHTS RESERVED.
</td>
</tr>
<tr>
<td height="30">
&nbsp;
</td>
</tr>
</table>
</td>
<td width="50" style="background-color:#05141F;">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<script>
$(document).ready(function() {
var mailContents = $(".mailBodyContents").find("#mailBodyContents");
$(".mailBodyContents").html(mailContents);
$(".mailBodyContents").find(".mailBtn").css("display","none");
$(".mailBodyContents").css("display","block");
});
</script>
<!-- [E] 자동 메일 발송인 경우 -->
</div>
<div class="optionWrap">
<div class="title">
스트리밍 프리미엄 데이터 요금제
</div>
<div class="contents">
<strong>구매옵션(약정)</strong>
<div class="text">
<ul>
<li>
∙ 통신사 정책에 따라 사후 일할 계산됩니다. <br><br>
<span>(문의 : 기아 커넥트 센터 1899-2121)</span>
</li>
</ul>
</div>
</div>
<div class="contents">
<strong>구매옵션(무약정)</strong>
<div class="text">
<ul>
<li>
∙ 통신사 정책에 따라 사후 일할 계산됩니다. <br><br>
<span>(문의 : 기아 커넥트 센터 1899-2121)</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="inquiryBtn">
<div class="oneButton">
<a href=""><p>목록</p></a>
</div>
<div class="inquiryBtn">
<div class="oneButton">
<a href="payment-history-list2.html"><p>목록</p></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//content-warp-->