|
|
@@ -0,0 +1,148 @@
|
|
|
+<!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 : 마이페이지 > STYLE24포인트 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2021 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.02.25 csh9191 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+
|
|
|
+<th:block layout:fragment="content">
|
|
|
+ <div class="my_cont">
|
|
|
+ <div class="sec_head">
|
|
|
+ <h3>STYLE24 포인트</h3>
|
|
|
+ </div>
|
|
|
+ <div class="sec_body">
|
|
|
+ <div class="save_area mypage_coupon">
|
|
|
+ <p>사용 가능한 보유 포인트<strong th:text="${#numbers.formatDecimal(pointInfo.rmPntAmt, 0, 'COMMA', 0, 'POINT')}"></strong>P</p>
|
|
|
+ <ul>
|
|
|
+ <li>적립 예정 포인트 <span>
|
|
|
+ <th:block th:text="${#numbers.formatDecimal(expectedpointInfo.expectedPntAmt, 0, 'COMMA', 0, 'POINT')}"></th:block>P
|
|
|
+ </span></li>
|
|
|
+ <li>한달 이내 소멸 예정 <span>
|
|
|
+ <th:block th:text="${#numbers.formatDecimal(extinctpointInfo.expectedExpirePntAmt, 0, 'COMMA', 0, 'POINT')}"></th:block>P
|
|
|
+ </span></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="my_tab coupon_tab">
|
|
|
+ <ul>
|
|
|
+ <li><a href="javascript:void(0);" id="fnSetSearchFullHistory">전체내역</a></li>
|
|
|
+ <li><a href="javascript:void(0);" class="on" id="fnSetSearchCollectHistory">적립내역</a></li>
|
|
|
+ <li><a href="javascript:void(0);" id="fnSetSearchUsedHistory">사용내역</a></li>
|
|
|
+ </ul>
|
|
|
+ <div class="form_field">
|
|
|
+ <select id="mounth">
|
|
|
+ <option value="hide">2020년 10월</option>
|
|
|
+ <option value="Test_SELECT_OPTION_1" rel="icon-temperature">2020년 9월</option>
|
|
|
+ <option value="Test_SELECT_OPTION_2">2020년 8월</option>
|
|
|
+ <option value="Test_SELECT_OPTION_3">2020년 7월</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="order_list">
|
|
|
+ <section class="order_row">
|
|
|
+ <div class="tbl point_tbl track_tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="150px">
|
|
|
+ <col width="660px">
|
|
|
+ <col width="*">
|
|
|
+ <col width="200px">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>사유</th>
|
|
|
+ <th>내용</th>
|
|
|
+ <th>차감</th>
|
|
|
+ <th>일자</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr id="pointAjaxList" >
|
|
|
+ <td id="occurGb">구매사유</td>
|
|
|
+ <td class="t_l pl40" id="occurDtlDesc">남성 라그란 소매배색 싸이로 티셔츠</td>
|
|
|
+ <td class="c_blue" id="pntAmt">150P</td>
|
|
|
+ <td id="pntUploadDt">2020.10.06 22:50:14</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+<script th:inline="javascript">
|
|
|
+ let accumulatePointList = [[${accumulatePointList}]];
|
|
|
+
|
|
|
+ console.log(accumulatePointList);
|
|
|
+ // 전체내역 조회
|
|
|
+ $("#fnSetSearchFullHistory").click(function(){
|
|
|
+ // Class제거 추가
|
|
|
+ $("#fnSetSearchCollectHistory").removeClass("on");
|
|
|
+ $("#fnSetSearchUsedHistory").removeClass("on");
|
|
|
+ $("#fnSetSearchFullHistory").addClass("on");
|
|
|
+
|
|
|
+ // 적립내역 + 사용내역(sum)으로 표시
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ // 적립내역 조회
|
|
|
+ $("#fnSetSearchCollectHistory").click(function(){
|
|
|
+ // Class제거 추가
|
|
|
+ $("#fnSetSearchFullHistory").removeClass("on");
|
|
|
+ $("#fnSetSearchUsedHistory").removeClass("on");
|
|
|
+ $("#fnSetSearchCollectHistory").addClass("on");
|
|
|
+
|
|
|
+ // 적립내역 포인트 블루
|
|
|
+ $("#pntAmt").removeClass("c_primary");
|
|
|
+ $("#pntAmt").addClass("c_blue");
|
|
|
+
|
|
|
+ $.ajax(
|
|
|
+ {
|
|
|
+ type : "POST",
|
|
|
+ url : '',
|
|
|
+ dataType : 'html',
|
|
|
+ success : function(result){
|
|
|
+ $("#pointAjaxList").html(result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ )
|
|
|
+ });
|
|
|
+
|
|
|
+ // 사용내역 조회
|
|
|
+ $("#fnSetSearchUsedHistory").click(function(){
|
|
|
+ // Class제거 추가
|
|
|
+ $("#fnSetSearchCollectHistory").removeClass("on");
|
|
|
+ $("#fnSetSearchFullHistory").removeClass("on");
|
|
|
+ $("#fnSetSearchUsedHistory").addClass("on");
|
|
|
+
|
|
|
+ // 사용내역 포인트 블루
|
|
|
+ $("#pntAmt").removeClass("c_blue");
|
|
|
+ $("#pntAmt").addClass("c_primary");
|
|
|
+ });
|
|
|
+
|
|
|
+ $(document).ready(function() {
|
|
|
+ // 마이페이지 LNB 설정
|
|
|
+ fnSetMypageLnbList(5);
|
|
|
+
|
|
|
+ // 마이페이지 location 설정
|
|
|
+ fnSetMypageLocation('STYLE24 포인트', '_PAGE_MYPAGE_POINT');
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+</script>
|
|
|
+</th:block>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|