교환/반품 택배사 추가 커밋

src/main/java/com/style24/front/biz/web/TsfMypageController.java

@@ -458,6 +458,9 @@ public class TsfMypageController extends TsfBaseController {
 		// 교환 사유 목록 조회
 		mav.addObject("exchangeReason", rendererService.getCommonCodeList("G689", "Y"));
 
+		// 2021.08.26 card007 택배사목록 추가
+		mav.addObject("shipCompanyList", rendererService.getShipCompanyList());
+
 		mav.setViewName(super.getDeviceViewName("/mypage/MypageExchangeForm"));
 
 		return mav;

src/main/java/com/style24/front/biz/web/TsfNoMemberController.java

@@ -913,6 +913,9 @@ public class TsfNoMemberController extends TsfBaseController {
 		// 교환 사유 목록 조회
 		mav.addObject("exchangeReason", rendererService.getCommonCodeList("G689", "Y"));
 
+		// 2021.08.26 card007 택배사목록 추가
+		mav.addObject("shipCompanyList", rendererService.getShipCompanyList());
+
 		mav.setViewName(super.getDeviceViewName("/mypage/NoMemberExchangeForm"));
 
 		return mav;

src/main/webapp/WEB-INF/views/mob/mypage/MypageExchangeFormMob.html

@@ -21,6 +21,7 @@
 	<section class="content my_exchange my_return">
 		<form id="exchangeForm" class="form_wrap">
 			<input type="hidden" name="chgReason"/>
+			<input type="hidden" name="shipCompCd"/>
 			
 			<div class="inner wide bg_beige">
 				<div class="order_number">
@@ -255,9 +256,20 @@
 										<dt><span>반송 주소</span></dt>
 										<dd th:text="|${deliveryAddrInfo.rtnLocBaseAddr} ${deliveryAddrInfo.rtnLocDtlAddr}|"></dd>
 									</div>
+									<div class="">
+										<dt><span>택배사 선택</span></dt> <!-- 210409_수정 : class sr-only 삭제 -->
+										<dd>
+											<div class="select_custom select_courier">
+												<div class="combo">
+													<div class="select">택배사를 선택하세요.</div>
+												</div>
+											</div>
+										</dd>
+									</div>
 									<div class="phone">
 										<dt><span>반송 송장번호</span></dt>
-										<dd><input type="number" pattern="\d*" class="form_control" name="wdInvoiceNo" data-valid-type="numeric" value="" oninput='handleOnInput(this, 20)' placeholder="송장번호를 입력해주세요."></dd>
+										<dd><input type="tel" class="form_control" name="wdInvoiceNo" data-valid-type="numeric" value="" oninput='handleOnInput(this, 20)' placeholder="송장번호를 입력해주세요."></dd>
+<!--										<dd><input type="number" pattern="\d*" class="form_control" name="wdInvoiceNo" data-valid-type="numeric" value="" oninput='handleOnInput(this, 20)' placeholder="송장번호를 입력해주세요."></dd>-->
 									</div>
 								</dl>
 							</div>
@@ -357,6 +369,24 @@
 </div>
 <!-- //210408_ 추가 : 사유 선택 팝업 -->
 
+<!-- 210819_ 추가 : 택배사 선택 팝업 -->
+<div id="exchangeCourierPop" class="popup_box exchangeCourierPop" style="display: none;">
+	<div class="lap">
+		<div class="popup_close">카테고리닫기</div>
+		<div class="popup_head sr-only">
+			<h2 class="">택배사 선택 팝업</h2>
+		</div>
+		<div class="popup_con">
+			<div class="button_list">
+				<th:block th:if="${shipCompanyList}" th:each="oneData, status : ${shipCompanyList}">
+					<button type="button" th:attr="shipCompCd=${oneData.cd}" onclick="fnSelectShipComp(this);"><span th:text="${oneData.cdNm}"></span></button>
+				</th:block>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- //210819_ 추가 : 택배사 선택 팝업 -->
+
 <script src="/ux/plugins/gaga/gaga.paging.js"></script>
 <script th:inline="javascript">
 var isLogin 		= [[${isLogin}]];
@@ -493,6 +523,7 @@ var fnExchange = function() {
 	data.addPayCost 	= addPayCost;
 	data.addPayAmt 		= 0;
 	data.cancelReqList 	= cancelReqList;
+	data.shipCompCd		= $('#exchangeForm input[name=shipCompCd]').val();
 
 	let jsonData = JSON.stringify(data);
 
@@ -730,6 +761,16 @@ var fnChangeAddr = function(param) {
 	addrGb = param;
 	fnChangeDeliveryAddr();
 }
+
+// 택배사 버튼 클릭 이벤트
+var fnSelectShipComp = function(param) {
+	let shipCompCd = $(param).attr('shipCompCd');
+	$('#exchangeForm input[name=shipCompCd]').val(shipCompCd);
+	$("#exchangeForm .select_custom.select_courier .select").text($(param).find("span").text());
+	
+	// 팝업 닫기
+	$("#exchangeCourierPop .popup_close").trigger("click");
+}
 </script>
 
 <script>
@@ -770,6 +811,12 @@ function handleOnInput(el, maxlength) {
 		el.value = el.value.substr(0, maxlength);
 	}
 }
+
+// 210819_ 추가 : 택배사 선택 팝업
+$(document).on("click",".select_custom.select_courier",function(e){
+	$('#exchangeCourierPop').show().addClass("active");
+	$("body").css({"overflow":"hidden"});
+});
 </script>
 
 

src/main/webapp/WEB-INF/views/mob/mypage/NoMemberExchangeFormMob.html

@@ -21,6 +21,7 @@
 	<section class="content my_exchange my_return">
 		<form id="exchangeForm" class="form_wrap">
 			<input type="hidden" name="chgReason"/>
+			<input type="hidden" name="shipCompCd"/>
 			
 			<div class="inner wide bg_beige">
 				<div class="order_number">
@@ -254,9 +255,20 @@
 										<dt><span>반송 주소</span></dt>
 										<dd th:text="|${deliveryAddrInfo.rtnLocBaseAddr} ${deliveryAddrInfo.rtnLocDtlAddr}|"></dd>
 									</div>
+									<div class="">
+										<dt><span>택배사 선택</span></dt> <!-- 210409_수정 : class sr-only 삭제 -->
+										<dd>
+											<div class="select_custom select_courier">
+												<div class="combo">
+													<div class="select">택배사를 선택하세요.</div>
+												</div>
+											</div>
+										</dd>
+									</div>
 									<div class="phone">
 										<dt><span>반송 송장번호</span></dt>
-										<dd><input type="number" pattern="\d*" class="form_control" name="wdInvoiceNo" data-valid-type="numeric" value="" oninput='handleOnInput(this, 20)' placeholder="송장번호를 입력해주세요."></dd>
+										<dd><input type="tel" class="form_control" name="wdInvoiceNo" data-valid-type="numeric" value="" oninput='handleOnInput(this, 20)' placeholder="송장번호를 입력해주세요."></dd>
+<!--										<dd><input type="number" pattern="\d*" class="form_control" name="wdInvoiceNo" data-valid-type="numeric" value="" oninput='handleOnInput(this, 20)' placeholder="송장번호를 입력해주세요."></dd>-->
 									</div>
 								</dl>
 							</div>
@@ -356,6 +368,24 @@
 </div>
 <!-- //210408_ 추가 : 사유 선택 팝업 -->
 
+<!-- 210819_ 추가 : 택배사 선택 팝업 -->
+<div id="exchangeCourierPop" class="popup_box exchangeCourierPop" style="display: none;">
+	<div class="lap">
+		<div class="popup_close">카테고리닫기</div>
+		<div class="popup_head sr-only">
+			<h2 class="">택배사 선택 팝업</h2>
+		</div>
+		<div class="popup_con">
+			<div class="button_list">
+				<th:block th:if="${shipCompanyList}" th:each="oneData, status : ${shipCompanyList}">
+					<button type="button" th:attr="shipCompCd=${oneData.cd}" onclick="fnSelectShipComp(this);"><span th:text="${oneData.cdNm}"></span></button>
+				</th:block>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- //210819_ 추가 : 택배사 선택 팝업 -->
+
 <script src="/ux/plugins/gaga/gaga.paging.js"></script>
 <script th:inline="javascript">
 var isLogin 		= [[${isLogin}]];
@@ -495,6 +525,7 @@ var fnExchange = function() {
 	data.addPayCost 	= addPayCost;
 	data.addPayAmt 		= 0;
 	data.cancelReqList 	= cancelReqList;
+	data.shipCompCd		= $('#exchangeForm input[name=shipCompCd]').val();
 
 	let jsonData = JSON.stringify(data);
 
@@ -732,6 +763,16 @@ var fnChangeAddr = function(param) {
 	addrGb = param;
 	fnChangeDeliveryAddr();
 }
+
+// 택배사 버튼 클릭 이벤트
+var fnSelectShipComp = function(param) {
+	let shipCompCd = $(param).attr('shipCompCd');
+	$('#exchangeForm input[name=shipCompCd]').val(shipCompCd);
+	$("#exchangeForm .select_custom.select_courier .select").text($(param).find("span").text());
+	
+	// 팝업 닫기
+	$("#exchangeCourierPop .popup_close").trigger("click");
+}
 </script>
 
 <script>
@@ -772,6 +813,12 @@ function handleOnInput(el, maxlength) {
 		el.value = el.value.substr(0, maxlength);
 	}
 }
+
+// 210819_ 추가 : 택배사 선택 팝업
+$(document).on("click",".select_custom.select_courier",function(e){
+	$('#exchangeCourierPop').show().addClass("active");
+	$("body").css({"overflow":"hidden"});
+});
 </script>