|
|
@@ -97,7 +97,16 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="benefit_txt">
|
|
|
- <p>구매 건수 <strong class="c_primary">6회</strong>, 구매 금액 <strong class="c_primary">300,000원</strong> 더 구매하시면 <strong><span class="c_black">VIP</span>로 등급UP!</strong></p> <!-- 등급 상승까지 남은 정보 안내 -->
|
|
|
+ <p id="etcGradeDp">
|
|
|
+ <span id="ordSpan"> 구매 건수 <strong id="ordCnt" class="c_primary" >0회</strong> </span>
|
|
|
+ <span id="realOrdAmtSpan">, 구매 금액 <strong id="realOrdAmt" class="c_primary">0원 </span>
|
|
|
+ </strong> 더 구매하시면 <strong>
|
|
|
+ <span id="nextGrde" class="c_black"></span>로 등급UP!</strong>
|
|
|
+ </p> <!-- 등급 상승까지 남은 정보 안내 -->
|
|
|
+ <p id="vipGradeDp" style="display: none;">
|
|
|
+ <strong>등급 유지 조건 달성!</strong> 다음달에도
|
|
|
+ <strong class="c_primary"><span>VIP</span> 등급 혜택</strong>을 받으실 수 있습니다.
|
|
|
+ </p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- //회원 등급 progress바 -->
|
|
|
@@ -255,12 +264,71 @@
|
|
|
|
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
|
+ let exptCustGrdeMap = [[${exptCustGrdeMap}]]
|
|
|
$(document).ready(function() {
|
|
|
|
|
|
+ fnInit();
|
|
|
|
|
|
+ });
|
|
|
|
|
|
+ var fnInit = function () {
|
|
|
+ let expctCustGrade = exptCustGrdeMap.expctCustGrade;
|
|
|
+ let custGradePolicy = exptCustGrdeMap.custGradePolicy;
|
|
|
+ let nextCustGrade;
|
|
|
+
|
|
|
+
|
|
|
+ if (Number(expctCustGrade.custGradeNo) > 10) {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ $(custGradePolicy).each(function(idx, item) {
|
|
|
+ if (Number(item.gradeCdNo) === (Number(expctCustGrade.gradeCdNo)-10)) {
|
|
|
+ nextCustGrade = item;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ let buyAmt = 0;
|
|
|
+ if (nextCustGrade.minBuyAmt > expctCustGrade.sumRealOrdAmt) {
|
|
|
+ buyAmt = nextCustGrade.minBuyAmt - expctCustGrade.sumRealOrdAmt;
|
|
|
+ } else {
|
|
|
+ buyAmt = nextCustGrade.minBuyAmt;
|
|
|
+ }
|
|
|
+
|
|
|
+ let buyCnt = 0;
|
|
|
+ if (nextCustGrade.minBuyCnt > expctCustGrade.ordCnt) {
|
|
|
+ buyCnt = nextCustGrade.minBuyCnt - expctCustGrade.ordCnt;
|
|
|
+ } else {
|
|
|
+ buyCnt = nextCustGrade.minBuyCnt;
|
|
|
+ }
|
|
|
+
|
|
|
+ let $ordCnt = $('#ordCnt');
|
|
|
+ let $ordSpan = $('#ordSpan');
|
|
|
+ let $realOrdAmt = $('#realOrdAmt');
|
|
|
+ let $realOrdAmtSpan = $('#realOrdAmtSpan');
|
|
|
+ let $nextGrde = $('#nextGrde');
|
|
|
+
|
|
|
+ if (buyAmt > 0) {
|
|
|
+ $realOrdAmtSpan.show()
|
|
|
+ $realOrdAmt.text(buyAmt.addComma()+'원');
|
|
|
+ } else {
|
|
|
+ $realOrdAmtSpan.hide()
|
|
|
+ }
|
|
|
+
|
|
|
+ if (buyCnt > 0) {
|
|
|
+ $ordSpan.show();
|
|
|
+ $ordCnt.text(buyCnt.addComma()+'회');
|
|
|
+ } else {
|
|
|
+ $ordSpan.hide();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (buyAmt > 0 || buyCnt > 0) {
|
|
|
+ $nextGrde.text(nextCustGrade.gradeCdNm)
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ };
|
|
|
|
|
|
- });
|
|
|
/*]]>*/
|
|
|
</script>
|
|
|
|