|
|
@@ -0,0 +1,122 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="web/common/layout/MypageLayoutWeb">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : MypagePointForm.html
|
|
|
+ * @desc : 마이페이지 > 쿠폰 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2021 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.03.16 sowon 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+
|
|
|
+<th:block layout:fragment="content">
|
|
|
+<!-- container -->
|
|
|
+ <div class="my_cont">
|
|
|
+ <div class="sec_head">
|
|
|
+ <h3>나의 쿠폰</h3>
|
|
|
+ </div>
|
|
|
+ <div class="sec_body">
|
|
|
+ <div class="save_area mypage_coupon">
|
|
|
+ <p>내가 보유한 할인 쿠폰<strong>15</strong>장</p>
|
|
|
+ <ul>
|
|
|
+ <li>사용 가능 할인 쿠폰 <span>10장</span></li>
|
|
|
+ <li>7일 이내 마감 쿠폰 <span>5장</span></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="coupon_list">
|
|
|
+ <ul class="clear">
|
|
|
+ <th:block th:each="CouponData, CouponStat : ${couponList}">
|
|
|
+ <li th:class="${CouponData.userYn == 'Y' ? '' : 'off'}">
|
|
|
+ <div class="cp_top">
|
|
|
+ <div class="cp_detail">
|
|
|
+ <p class="tit" th:text="${CouponData.cpnNm}"></p>
|
|
|
+ <th:block th:if="${CouponData.dcWay == '할인율'}">
|
|
|
+ <strong class="sale_t won_t"><span th:text="${CouponData.dcPval}"></span>%</strong>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${CouponData.dcWay == '할인율'}">
|
|
|
+ <strong class="sale_t won_t"><span th:text="${#numbers.formatInteger(CouponData.dcPval,0,'COMMA')}"></span>원</strong>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <p class="cp_cont"><span th:text="${#numbers.formatInteger(CouponData.buyLimitAmt,0,'COMMA')}"></span>원 이상 구매시 최대 <span th:text="${#numbers.formatInteger(CouponData.maxDcAmt,0,'COMMA')}"></span>원 할인</p>
|
|
|
+ <span class="cp_cnt"><span th:text="${CouponData.cnt}"></span>장 보유</span>
|
|
|
+ </div>
|
|
|
+ <span class="cp_shape"></span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <th:block th:if="${CouponData.userYn == 'Y'}">
|
|
|
+ <div class="cp_date">
|
|
|
+ <span th:text="${CouponData.availStdt}"></span> ~ <span th:text="${CouponData.availEddt}"></span>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <th:block th:unless="${CouponData.userYn == 'Y'}">
|
|
|
+ <div class="cp_date">
|
|
|
+ <span class="cp_off">사용완료</span>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <div class="cp_info">
|
|
|
+ <button type="button" id="" class="coupon_pop_btn"><span>사용안내</span></button>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </th:block>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 쿠폰 사용 내역 팝업 -->
|
|
|
+ <div class="modal coupon_popup" tabindex="-1" role="dialog" aria-labelledby="PopupBasicLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">사용 조건</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <section class="order_row">
|
|
|
+ <div class="coupon_condition">
|
|
|
+ <dl class="clear">
|
|
|
+ <dt>사용조건</dt>
|
|
|
+ <dd><span>9,999,999</span>원 구매 시 최대 <span>9,999,999</span>원 할인</dd>
|
|
|
+ </dl>
|
|
|
+ <dl class="clear">
|
|
|
+ <dt>대상조건</dt>
|
|
|
+ <dd>남성,여성,유아동 카테고리</dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- // container -->
|
|
|
+<script th:inline="javascript">
|
|
|
+$(document).ready(function() {
|
|
|
+
|
|
|
+ // 마이페이지 LNB 설정
|
|
|
+ fnSetMypageLnbList(4);
|
|
|
+
|
|
|
+ // 마이페이지 location 설정
|
|
|
+ fnSetMypageLocation('쿠폰', '_PAGE_MYPAGE_COUPON');
|
|
|
+
|
|
|
+
|
|
|
+ $(".coupon_pop_btn").click(function() {
|
|
|
+ $(".coupon_popup").modal("show");
|
|
|
+ });
|
|
|
+
|
|
|
+});
|
|
|
+</script>
|
|
|
+</th:block>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|