약관동의 수정해서 반영

src/main/webapp/WEB-INF/views/mob/order/OrderAddPaymentFormMob.html

@@ -157,6 +157,7 @@
 							</table>
 						</div>
 					</div>
+					
 					<div class="area_paymentinfo">
 						<!-- @자사만,무통장,실시간있으면 미노출 -->
 						<!-- @입점이있으면  -->

src/main/webapp/WEB-INF/views/mob/order/OrderFormMob.html

@@ -263,16 +263,18 @@
 											<tbody>
 												<tr>
 													<th>제공받는 자</th>
-													<th:block th:each="delvFeeCd, i : ${delvFeeCdList}">
-														<th:block th:unless="${delvFeeCd.delvFeeCd} == 'WMS'">
-															<th:block th:if="${i.count == #lists.size(delvFeeCdList)}">
-																<th:block th:text="|${delvFeeCd.supplyCompNm}|"></th:block>
-															</th:block>
-															<th:block th:if="${i.count < #lists.size(delvFeeCdList)}">
-																<th:block th:text="|${delvFeeCd.supplyCompNm},|"></th:block>
+													<td>
+														<th:block th:each="delvFeeCd, i : ${delvFeeCdList}">
+															<th:block th:unless="${delvFeeCd.delvFeeCd} == 'WMS'">
+																<th:block th:if="${i.count == #lists.size(delvFeeCdList)}">
+																	<th:block th:text="|${delvFeeCd.supplyCompNm}|"></th:block>
+																</th:block>
+																<th:block th:if="${i.count < #lists.size(delvFeeCdList)}">
+																	<th:block th:text="|${delvFeeCd.supplyCompNm},|"></th:block>
+																</th:block>
 															</th:block>
 														</th:block>
-													</th:block>
+													</td>
 												</tr>
 												<tr>
 													<th>제공하는 항목</th>
@@ -351,16 +353,18 @@
 											<tbody>
 												<tr>
 													<th>제공받는 자</th>
-													<th:block th:each="delvFeeCd, i : ${delvFeeCdList}">
-														<th:block th:unless="${delvFeeCd.delvFeeCd} == 'WMS'">
-															<th:block th:if="${i.count == #lists.size(delvFeeCdList)}">
-																<th:block th:text="|${delvFeeCd.supplyCompNm}|"></th:block>
-															</th:block>
-															<th:block th:if="${i.count < #lists.size(delvFeeCdList)}">
-																<th:block th:text="|${delvFeeCd.supplyCompNm},|"></th:block>
+													<td>
+														<th:block th:each="delvFeeCd, i : ${delvFeeCdList}">
+															<th:block th:unless="${delvFeeCd.delvFeeCd} == 'WMS'">
+																<th:block th:if="${i.count == #lists.size(delvFeeCdList)}">
+																	<th:block th:text="|${delvFeeCd.supplyCompNm}|"></th:block>
+																</th:block>
+																<th:block th:if="${i.count < #lists.size(delvFeeCdList)}">
+																	<th:block th:text="|${delvFeeCd.supplyCompNm},|"></th:block>
+																</th:block>
 															</th:block>
 														</th:block>
-													</th:block>
+													</td>
 												</tr>
 												<tr>
 													<th>제공하는 항목</th>
@@ -1110,12 +1114,6 @@ var paymentInfoSet = function() {
 					} else {
 						$("#orderForm .area_paymethod .agree_insurance").hide();	
 					}
-					
-					if (delvCnt > 0) {
-						$("#orderForm .area_paymentinfo .paymentinfo.agree2").show();
-					} else {
-						$("#orderForm .area_paymentinfo .paymentinfo.agree2").hide();
-					}
 				});
 				
 				// 2021.04.25 실시간계좌이체, 무통장입금시 보증보험 신청 약관 노출
@@ -1133,31 +1131,40 @@ var paymentInfoSet = function() {
 					}
 					
 					// 약관동의 초기화
-					$("#orderForm .agree1").hide();
-					$("#orderForm .agree2").hide();
-					$("#orderForm .agree3").hide();
+					$("#orderForm .area_paymentinfo.agree1").hide();
+					$("#orderForm .area_paymentinfo.agree2").hide();
+					$("#orderForm .area_paymentinfo.agree3").hide();
+					
+					var obj;
 					
 					// 무통장/실시간
 					if (displayTemp) {
 						if (delvCnt > 0) {
 							// case1 입점몰 + 무통장/실시간
-							$("#orderForm .agree2").show();
+							obj = $("#orderForm .area_paymentinfo.agree2");
 						} else {
 							// case 3 자사 + 무통장/실시간
-							$("#orderForm .agree3").show();
+							obj = $("#orderForm .area_paymentinfo.agree3");
 						}
 					} else {
 						if (delvCnt > 0) {
 							// case1 입점몰
-							$("#orderForm .agree1").show();
+							obj = $("#orderForm .area_paymentinfo.agree1");
 						}
 					}
+					
+					// 약관동의노출
+					obj.show();
+					
+					if (obj.find("span").text() == "닫기") {
+						obj.find('.payinfo_blk a').trigger("click");
+					}
 				});
 
 				// 2021.07.29 약관로직변경
 				if (delvCnt > 0) {
 					// case1 입점몰
-					$("#orderForm .agree2").show();
+					$("#orderForm .area_paymentinfo.agree1").show();
 				}
 
 				// 결제하기

src/main/webapp/WEB-INF/views/web/order/OrderFormWeb.html

@@ -229,9 +229,9 @@
 								</ul>
 							</div>
 							
-							<div class="area_paymentinfo">
-								<!-- @ 2021.06.11 자사만, (무통장, 실시간) 미노출 -->
-								<!-- @ 입점있으면 무조건 노출  -->
+							<!-- 2021.07.29 약관동의로직변경 -->
+							<!-- 입점몰 -->
+							<div class="area_paymentinfo agree1" style="display:none;">
 								<div class="paymentinfo">
 									<div class="payinfo_blk">
 										<a href="javascript:void(0);">개인정보 제공에 대한 동의<span>보기</span></a>
@@ -252,7 +252,62 @@
 													</tr>
 												</thead> 
 												<tbody>
-													<tr class="paymentinfo agree1">
+													<!-- 입점업체가 있을때 노출 -->
+													<th:block th:if="${delvCnt} > 0">
+														<tr class="paymentinfo">
+															<td>
+																<th:block th:each="delvFeeCd, i : ${delvFeeCdList}">
+																	<th:block th:unless="${delvFeeCd.delvFeeCd} == 'WMS'">
+																		<th:block th:if="${i.count == #lists.size(delvFeeCdList)}">
+																			<th:block th:text="|${delvFeeCd.supplyCompNm}|"></th:block>
+																		</th:block>
+																		<th:block th:if="${i.count < #lists.size(delvFeeCdList)}">
+																			<th:block th:text="|${delvFeeCd.supplyCompNm},|"></th:block>
+																		</th:block>
+																	</th:block>
+																</th:block>
+															</td>
+															<td>성명, 주소, 연락처</td>
+															<td>주문상품의 배송, 고객상담 및 불만처리</td>
+															<td>이용목적 달성 시 까지</td>
+														</tr>
+													</th:block>
+													<!-- //입점업체가 있을때 노출 -->
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>
+								<div class="agree_payment">
+									위 주문내역을 확인 하였으며, 회원 본인은 결제에 동의합니다. (전자상거래법 제 8조 제2항)
+								</div>
+							</div>
+							
+							<!-- 입점몰 + 실시간/무통장 -->
+							<div class="area_paymentinfo agree2" style="display:none;">
+								<div class="paymentinfo">
+									<div class="payinfo_blk">
+										<a href="javascript:void(0);">개인정보 제공에 대한 동의<span>보기</span></a>
+										<div class="infotxt">STYLE24는 다음과 같이 회원님의 개인정보를 제3자에게 제공합니다.
+											
+											
+											<table>
+												<colgroup>
+													<col width="25%">
+													<col width="*">
+													<col width="25%">
+													<col width="25%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th>제공받는 자</th>
+														<th>제공하는 항목</th>
+														<th>제공 목적</th>
+														<th>보유 및 이용기간</th>
+													</tr>
+												</thead> 
+												<tbody>
+													<tr class="paymentinfo">
 														<td>서울보증보험㈜, ㈜유세이프</td>
 														<td>
 															구매자명, 구매자 생년월일,
@@ -264,9 +319,10 @@
 														<td>쇼핑몰보증보험 가입 및 보험가입 제반 사항</td>
 														<td>개별서비스 제공기간</td>
 													</tr>
+													
 													<!-- 입점업체가 있을때 노출 -->
 													<th:block th:if="${delvCnt} > 0">
-														<tr class="paymentinfo agree2">
+														<tr class="paymentinfo">
 															<td>
 																<th:block th:each="delvFeeCd, i : ${delvFeeCdList}">
 																	<th:block th:unless="${delvFeeCd.delvFeeCd} == 'WMS'">
@@ -295,6 +351,50 @@
 								</div>
 							</div>
 							
+							<!-- 자사+실시간/무통장 -->
+							<div class="area_paymentinfo agree3" style="display:none;">
+								<div class="paymentinfo">
+									<div class="payinfo_blk">
+										<a href="javascript:void(0);">개인정보 제공에 대한 동의<span>보기</span></a>
+										<div class="infotxt">STYLE24는 다음과 같이 회원님의 개인정보를 제3자에게 제공합니다.
+											<table>
+												<colgroup>
+													<col width="25%">
+													<col width="*">
+													<col width="25%">
+													<col width="25%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th>제공받는 자</th>
+														<th>제공하는 항목</th>
+														<th>제공 목적</th>
+														<th>보유 및 이용기간</th>
+													</tr>
+												</thead> 
+												<tbody>
+													<tr class="paymentinfo">
+														<td>서울보증보험㈜, ㈜유세이프</td>
+														<td>
+															구매자명, 구매자 생년월일,
+															구매자 성별, 구매자 연락처
+															(일반전화 및 핸드폰), 구매자
+															이메일, 주문번호,
+															배송지 정보, 주문 금액
+														</td>
+														<td>쇼핑몰보증보험 가입 및 보험가입 제반 사항</td>
+														<td>개별서비스 제공기간</td>
+													</tr>
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>
+								<div class="agree_payment">
+									위 주문내역을 확인 하였으며, 회원 본인은 결제에 동의합니다. (전자상거래법 제 8조 제2항)
+								</div>
+							</div>
+							
 							<div class="area_paybtn">
 								<div class="form_field">
 									<button type="button" class="btn btn_primary btn_block" id="btn_payment">
@@ -962,23 +1062,15 @@ var paymentInfoSet = function() {
 					} else {
 						$("#orderForm .area_paymethod .agree_insurance").hide();
 					}
-					
-					if (delvCnt > 0) {
-						$("#orderForm .area_paymentinfo .paymentinfo.agree2").show();
-					} else {
-						$("#orderForm .area_paymentinfo .paymentinfo.agree2").hide();
-					}
 				});
 				
 				// 2021.04.25 실시간계좌이체, 무통장입금시 보증보험 신청 약관 노출
 				// 2021.05.16 동의박스체크시노출
+				var displayTemp = true;
 				$("#orderForm input[name=insuranceYn]").on("click", function(){
-					var displayTemp = true;
 					if (payType == "실시간계좌이체" || payType == "무통장입금" ) {
 						if ($(this).is(":checked")) {
-							$("#orderForm .area_paymethod .agree_insurance").show();
-							$("#orderForm .area_paymentinfo .paymentinfo").show();
-							$("#orderForm .area_paymentinfo .agree1").show();
+							displayTemp = true;
 						} else {
 							displayTemp = false;
 						}
@@ -986,25 +1078,43 @@ var paymentInfoSet = function() {
 						displayTemp = false;
 					}
 					
-					if (displayTemp == false) {
+					// 약관동의 초기화
+					$("#orderForm .area_paymentinfo.agree1").hide();
+					$("#orderForm .area_paymentinfo.agree2").hide();
+					$("#orderForm .area_paymentinfo.agree3").hide();
+					
+					var obj;
+					
+					// 무통장/실시간
+					if (displayTemp) {
 						if (delvCnt > 0) {
-							$("#orderForm .area_paymentinfo .paymentinfo.agree2").show();
+							// case1 입점몰 + 무통장/실시간
+							obj = $("#orderForm .area_paymentinfo.agree2");
 						} else {
-							$("#orderForm .area_paymentinfo .paymentinfo.agree2").hide();
+							// case 3 자사 + 무통장/실시간
+							obj = $("#orderForm .area_paymentinfo.agree3");
 						}
-						$("#orderForm .area_paymentinfo .agree1").hide();
+					} else {
+						if (delvCnt > 0) {
+							// case1 입점몰
+							obj = $("#orderForm .area_paymentinfo.agree1");
+						}
+					}
+					
+					// 약관동의노출
+					obj.show();
+					
+					if (obj.find("span").text() == "닫기") {
+						obj.find('.payinfo_blk a').trigger("click");
 					}
 				});
 
+				// 2021.07.29 약관로직변경
 				if (delvCnt > 0) {
-					$("#orderForm .area_paymentinfo .paymentinfo.agree2").show();
-				} else {
-					$("#orderForm .area_paymentinfo .paymentinfo.agree2").hide();
+					// case1 입점몰
+					$("#orderForm .area_paymentinfo.agree1").show();
 				}
 				
-				// 2021.05.16 초기값설정
-				$("#orderForm .area_paymentinfo .agree1").hide();
-				
 				// 결제하기
 				$("#btn_payment").on("click", function(){