style24
/
style24.front


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
							<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : OrderDcAmtInfoWeb.html
 * @desc    : 할인혜택 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.02.01   jsh77b     최초 작성
 *******************************************************************************
 -->
<!-- 할인/혜택 사용 -->
<div class="fold_head">
	<a href="javascript:void(0)">
		<div>
			<div class="fold_tit">
				<span>할인/혜택 사용</span>
			</div>
			<div class="data maxdisc">
				<div class="form_field">
					<input id="chk-maxdisc" type="checkbox" checked="">
					<label for="chk-maxdisc">
						<span>최대 할인혜택을 바로 적용하세요 <em class="maxdisc_amount"></em></span>
					</label>
				</div>
			</div>
		</div>
	</a>
</div>
<div class="fold_cont" style="display: none;">
	<div class="area_seldiscount">
		<dl>
			<div>
				<dt><span class="mid">할인코드</span></dt>
				<dd>
					<div class="form_field">
						<div class="input_wrap">
							<input type="text" id="serialCpnNm" class="form_control" maxlength="13" placeholder="할인코드를 입력해주세요.">
							<button type="button" class="btn btn_dark" onclick="serialCpnApply()">적용</button>
						</div>
					</div>
				</dd>
			</div>
			<div>
				<dt>할인쿠폰</dt>
				<dd>
					<a href="javascript:void(0);" class="btn_coupon_toggle">할인쿠폰 <span id="cpnApplyCnt"></span>적용</a>
					<div class="coupon_list">
						<ul>
							<!--  상품쿠폰 -->
							<th:block th:each="goods, i : ${goodsApplyCpnList}">
								<th:block th:if="${goods.goodsCpnList.size() > 0}">
									<li>
										<div class="coupon">
											<div class="item_gd">
												<figure>
													<span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
													<figcaption>
														<div class="brand" th:text="${goods.brandEnm}+' '+${goods.brandKnm}"></div>
														<div class="name" th:text="${goods.goodsNm}"></div>
														<div class="price">
															<th:block th:if="${goods.tmtbDcAmt} > 0">
																<span class="selling_price"  th:text="${#numbers.formatInteger(goods.tmtbDcAmt, 1, 'COMMA')}"></span>
															</th:block>
															<th:block th:if="${goods.tmtbDcAmt} < 1">
																<span class="selling_price"  th:text="${#numbers.formatInteger(goods.currPrice, 1, 'COMMA')}"></span>
															</th:block>
														</div>
													</figcaption>
												</figure>
											</div>
											 
											<div class="form_field">
												<div class="select_custom type1">
													<div class="combo">
														<input type="hidden" name="cpnType" value="goodsCpn"/>
														<input type="hidden" name="cpnCartSq" th:value="${goods.cartSq}"/>
														<input type="hidden" name="custCpnSq" value="0"/>
														<input type="hidden" name="cpnDcAmt" value="0"/>
														
														<div class="select">선택없음</div>
														<ul class="list">
															<li value="0">선택없음</li>
															<th:block th:each="goodsCpn, k : ${goods.goodsCpnList}">
																<li th:value="${goodsCpn.custCpnSq}" th:data="${goodsCpn.cpnDcAmt}" th:text="${goodsCpn.cpnNm}"></li>
															</th:block>
														</ul>
													</div>
												</div>
											</div>
											<div class="cp_discount" style="display:none;">
												<span class="cp_amount"></span>
												<button type="button" class="btn_del_coupon"><span>쿠폰적용해제</span></button>
											</div>
										</div>
									</li>
								</th:block>
							</th:block>
							<!--  상품쿠폰 -->

							<!--  장바구니쿠폰 -->
							<th:block th:if="${cartCpnList.size() > 0}">
								<li>
									<div class="coupon">
										<div class="form_field">
											<div class="select_custom type1">
												<div class="combo">
													<input type="hidden" name="cpnType" value="cartCpn"/>
													<input type="hidden" name="custCpnSq" value="0"/>
													<input type="hidden" name="cpnDcAmt" value="0"/>
													
													<div class="select">선택없음</div>
													<ul class="list">
														<li value="0">선택없음</li>
														<th:block th:each="cartCpn, k : ${cartCpnList}">
															<li th:value="${cartCpn.custCpnSq}" th:data="${cartCpn.cpnDcAmt}">
																<th:block th:text="${cartCpn.cpnNm}"></th:block>
																<input type="hidden" name="dcWay" th:value="${cartCpn.dcWay}"/>
																<input type="hidden" name="dcVal" th:value="${cartCpn.dcVal}"/>
																<th:block th:each="cartCpnCartSq, kokok : ${cartCpn.cartCpnCartSqArr}"> 
																	<input type="hidden" name="cartCpnCartSq" th:value="${cartCpnCartSq}" />
																</th:block>
															</li>
														</th:block>
													</ul>
												</div>
											</div>
										</div>
										<div class="cp_discount">
											<span class="cp_amount"></span>
											<button type="button" class="btn_del_coupon"><span>쿠폰적용해제</span></button>
										</div>
									</div>
								</li>
							</th:block>
							<!--  장바구니쿠폰 -->
							
							<!--  배송비쿠폰 -->
							<th:block th:if="${delvCpnList.size() > 0}">
								<li>
									<div class="coupon">
										<div class="form_field">
											<div class="select_custom type1">
												<div class="combo">
													<input type="hidden" name="cpnType" value="delvCpn"/>
													<input type="hidden" name="custCpnSq" value="0"/>
													<input type="hidden" name="cpnDcAmt" value="0"/>
													<input type="hidden" name="delvFeeCd" value="0"/>
													
													<div class="select" value="0">선택없음</div>
													<ul class="list">
														<li value="0">선택없음</li>
														<th:block th:each="delvCpn, k : ${delvCpnList}">
															<li th:value="${delvCpn.custCpnSq}" th:data="${delvCpn.cpnDcAmt}" th:delvfeecd="${delvCpn.delvFeeCd}" th:text="${delvCpn.cpnNm}"></li>
														</th:block>
													</ul>
												</div>
											</div>
										</div>
										<div class="cp_discount">
											<span class="cp_amount"></span>
											<button type="button" class="btn_del_coupon"><span>쿠폰적용해제</span></button>
										</div>
									</div>
								</li>
							</th:block>
							<!--  배송비쿠폰 -->
						</ul>
					</div>
				</dd>
			</div>
		</dl>
	</div>
	
	<!-- 선포인트금액, 포인트금액, 상품권금액 0보다 클때 적용 -->
	<th:block th:if="${prePntDcAmt} > 0 or ${rmPntAmt} > 0 or ${rmGfcdAmt} > 0">
		<div class="area_selpoint">
			<dl>
				<th:block th:if="${prePntDcAmt} > 0">
					<div>
						<dt>선 포인트 사용</dt>
						<dd>
							<div class="form_field">
								<div>
									<input type="radio" name="rdi-beforpoint" id="rdi-beforpoint1"> 
									<label for="rdi-beforpoint1"><span>사용 안함</span></label>
								</div>
								<div>
									<input type="radio" name="rdi-beforpoint" id="rdi-beforpoint2"> 
									<label for="rdi-beforpoint2"><span>사용함</span></label> 
									<span class="remain_point" th:text="|사용가능 포인트 : ${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')} P|"></span>
								</div>
							</div>
						</dd>
					</div>
				</th:block>
				<th:block th:if="${rmPntAmt} > 0">
					<div>
						<dt>
							<span class="mid">스타일 포인트</span>
						</dt>
						<dd>
							<div class="form_field">
								<input type="hidden" name="rmPntAmt" th:value="${rmPntAmt}"/>
								<!-- 스타일 포인트 3만원 이상 결제시 노출 -->
								<th:block th:if="${orgGoodsSumAmt} >= 30000">
									<div class="input_wrap">
										<input type="text" name="pntDcAmtStr" class="form_control" maxlength="" placeholder="사용할 포인트를 입력해주세요.">
										<button type="button" class="btn btn_dark" id="btn_point_apply">적용</button>
									</div>
									<p><span class="remain_point" th:text="|보유 : ${#numbers.formatInteger(rmPntAmt, 1, 'COMMA')} P|"></span>(결제금액의 최대 40%까지 사용가능)</p>
								</th:block>
								<!-- 스타일 포인트 3만원 이상 결제시 노출 -->
								
								<!-- 스타일 포인트 3만원 미만 결제시 노출 -->
								<th:block th:if="${orgGoodsSumAmt} < 30000">
									<div class="input_wrap">
										<input type="text" class="form_control" maxlength="" placeholder="3만원 이상 결제시에만 포인트 사용이 가능합니다." disabled>
									</div>
								</th:block>
							</div>
						</dd>
					</div>
				</th:block>
				<th:block th:if="${rmGfcdAmt} > 0">
					<div>
						<dt>
							<span class="mid">상품권</span>
						</dt>
						<dd>
							<div class="form_field">
								<input type="hidden" name="rmGfcdAmt" th:value="${rmGfcdAmt}"/>
								<div class="input_wrap">
									<input type="text" name="gfcdUseAmtStr" class="form_control" maxlength="" placeholder="사용할 금액을 입력해주세요.">
									<button type="button" class="btn btn_dark" id="btn_gfcd_apply">적용</button>
								</div>
								<p><span class="remain_point" th:text="|보유 : ${#numbers.formatInteger(rmGfcdAmt, 1, 'COMMA')} 원|"></span></p>
								<div class="agree_receipt">
									<input id="chk-receipt" type="checkbox"> 
									<label for="chk-receipt"><span>상품권 현금영수증 신청</span></label>
									<div class="info_box">
										<div class="input_wrap">
											<input type="text" class="form_control" maxlength="11" placeholder="">
										</div>
									</div>
								</div>
							</div>
						</dd>
					</div>
				</th:block>
			</dl>
		</div>
	</th:block>
</div> <!-- //할인/혜택 사용 -->

<script th:inline="javascript">
var dispYn = [[${order.dispYn}]]; // 노출여부

//컨텐츠 호출
$(document).ready( function() {
	// 화면펼침
	if (dispYn == "Y") {
		$("#dcAmtInfo .fold_head").addClass("on");
		$("#dcAmtInfo .fold_cont").css("display", "block");

		$("#dcAmtInfo .fold_cont .btn_coupon_toggle").addClass("on");
		$("#dcAmtInfo .fold_cont .coupon_list").css("display", "block");
	}
});
</script>
</html>