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

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

@@ -244,7 +244,8 @@
 									</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>
@@ -972,6 +973,12 @@ $(document).on('click','.popup_box.refundBankPop .button_list button',function()
 	$(this).parents('.popup_box.refundBankPop').hide().removeClass('active');
 	$("body").css({"overflow":"visible"});
 });
+
+// 210819_ 추가 : 택배사 선택 팝업
+$(document).on("click",".select_custom.select_courier",function(e){
+	$('#returnCourierPop').show().addClass("active");
+	$("body").css({"overflow":"hidden"});
+});
 </script>
 
 </th:block>

src/main/webapp/WEB-INF/views/web/mypage/MypageExchangeFormWeb.html

@@ -220,6 +220,26 @@
 										</th>
 										<td th:text="|${deliveryAddrInfo.rtnLocBaseAddr} ${deliveryAddrInfo.rtnLocDtlAddr}|"></td>
 									</tr>
+									<tr>
+										<th>
+											택배사 선택
+										</th>
+										<td>
+											<div class="form_field">
+												<div class="select_custom select_courier">
+													<div class="combo">
+														<input type="hidden" name="shipCompCd"/>
+														<div class="select">택배사를 선택하세요.</div>
+														<ul class="list">
+															<!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" 추가  -->
+															<!-- <li class="selected">택배사를 선택하세요.</li> -->
+															<li th:if="${shipCompanyList}" th:each="oneData, status : ${shipCompanyList}" th:attr="shipCompCd=${oneData.cd}" th:text="${oneData.cdNm}" onclick="fnSelectShipComp(this);"></li>
+														</ul>
+													</div>
+												</div>
+											</div>
+										</td>
+									</tr>
 									<tr>
 										<th>
 											반송 송장번호
@@ -461,33 +481,34 @@
 		}
 
 		// 교환 필요 데이터 설정
-		let wdGb = $('#exchangeForm input[name=wdGb]:radio:checked').val();
-		let data = {};
-		data.ordNo = oneData.ordNo;
-		data.isCustomer = isCustomer;
-		data.wdGb = wdGb;
-		data.wdInvoiceNo = $('#exchangeForm input[name=wdInvoiceNo]').val();
-		data.recipNm = $('#exchangeForm input[name=recipNm]').val();
-		data.recipPhnno = $('#exchangeForm input[name=recipPhnno]').val();
-		data.recipTelno = $('#exchangeForm input[name=recipTelno]').val();
-		data.recipZipcode = $('#exchangeForm input[name=recipZipcode]').val();
-		data.recipBaseAddr = $('#exchangeForm input[name=recipBaseAddr]').val();
-		data.recipDtlAddr = $('#exchangeForm input[name=recipDtlAddr]').val();
-		data.delvMemo = $('#exchangeForm input[name=delvMemo]').val();
-		data.chgReason = $('#exchangeForm input[name=chgReason]').val();
-		data.chgMemo = $('#exchangeForm textarea[name=chgMemo]').val();
-		data.chgerNm = wdGb == 'W' ? $('#exchangeForm input[name=chgerNm]').val() : '';
-		data.chgerPhnno = wdGb == 'W' ? $('#exchangeForm input[name=chgerPhnno]').val() : '';
-		data.chgerTelno = wdGb == 'W' ? $('#exchangeForm input[name=chgerTelno]').val() : '';
-		data.chgerEmail = wdGb == 'W' ? $('#exchangeForm input[name=chgerEmail]').val() : '';
-		data.chgerZipcode = wdGb == 'W' ? $('#exchangeForm input[name=chgerZipcode]').val() : '';
-		data.chgerBaseAddr = wdGb == 'W' ? $('#exchangeForm input[name=chgerBaseAddr]').val() : '';
-		data.chgerDtlAddr = wdGb == 'W' ? $('#exchangeForm input[name=chgerDtlAddr]').val() : '';
-		data.chgerRtnMemo = wdGb == 'W' ? $('#exchangeForm input[name=chgerRtnMemo]').val() : '';
-		data.addPayCost = addPayCost;
-		data.addPayAmt = 0;
-		data.cancelReqList = cancelReqList;
-		data.selfGoodsYn = oneData.selfGoodsYn;
+		let wdGb 			= $('#exchangeForm input[name=wdGb]:radio:checked').val();
+		let data 			= {};
+		data.ordNo 			= oneData.ordNo;
+		data.isCustomer 	= isCustomer;
+		data.wdGb 			= wdGb;
+		data.wdInvoiceNo 	= $('#exchangeForm input[name=wdInvoiceNo]').val();
+		data.recipNm 		= $('#exchangeForm input[name=recipNm]').val();
+		data.recipPhnno 	= $('#exchangeForm input[name=recipPhnno]').val();
+		data.recipTelno 	= $('#exchangeForm input[name=recipTelno]').val();
+		data.recipZipcode 	= $('#exchangeForm input[name=recipZipcode]').val();
+		data.recipBaseAddr 	= $('#exchangeForm input[name=recipBaseAddr]').val();
+		data.recipDtlAddr 	= $('#exchangeForm input[name=recipDtlAddr]').val();
+		data.delvMemo 		= $('#exchangeForm input[name=delvMemo]').val();
+		data.chgReason 		= $('#exchangeForm input[name=chgReason]').val();
+		data.chgMemo 		= $('#exchangeForm textarea[name=chgMemo]').val();
+		data.chgerNm 		= wdGb == 'W' ? $('#exchangeForm input[name=chgerNm]').val() : '';
+		data.chgerPhnno 	= wdGb == 'W' ? $('#exchangeForm input[name=chgerPhnno]').val() : '';
+		data.chgerTelno 	= wdGb == 'W' ? $('#exchangeForm input[name=chgerTelno]').val() : '';
+		data.chgerEmail 	= wdGb == 'W' ? $('#exchangeForm input[name=chgerEmail]').val() : '';
+		data.chgerZipcode 	= wdGb == 'W' ? $('#exchangeForm input[name=chgerZipcode]').val() : '';
+		data.chgerBaseAddr 	= wdGb == 'W' ? $('#exchangeForm input[name=chgerBaseAddr]').val() : '';
+		data.chgerDtlAddr 	= wdGb == 'W' ? $('#exchangeForm input[name=chgerDtlAddr]').val() : '';
+		data.chgerRtnMemo 	= wdGb == 'W' ? $('#exchangeForm input[name=chgerRtnMemo]').val() : '';
+		data.addPayCost 	= addPayCost;
+		data.addPayAmt 		= 0;
+		data.cancelReqList 	= cancelReqList;
+		data.selfGoodsYn 	= oneData.selfGoodsYn;
+		data.shipCompCd 	= $('#exchangeForm input[name=shipCompCd]').val();
 
 		let jsonData = JSON.stringify(data);
 
@@ -647,6 +668,14 @@
 		addrGb = param;
 		fnChangeDeliveryAddr();
 	}
+
+	// 택배사 변경 이벤트
+	var fnSelectShipComp = function(param) {
+		let shipCompCd = $(param).attr('shipCompCd');
+		
+		// 반품 사유 설정
+		$(param).parent().parent().find('input[name=shipCompCd]').val(shipCompCd);
+	}
 </script>
 
 </th:block>

src/main/webapp/WEB-INF/views/web/mypage/NoMemberExchangeFormWeb.html

@@ -219,6 +219,26 @@
 										</th>
 										<td th:text="|${deliveryAddrInfo.rtnLocBaseAddr} ${deliveryAddrInfo.rtnLocDtlAddr}|"></td>
 									</tr>
+									<tr>
+										<th>
+											택배사 선택
+										</th>
+										<td>
+											<div class="form_field">
+												<div class="select_custom select_courier">
+													<div class="combo">
+														<input type="hidden" name="shipCompCd"/>
+														<div class="select">택배사를 선택하세요.</div>
+														<ul class="list">
+															<!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" 추가  -->
+															<!-- <li class="selected">택배사를 선택하세요.</li> -->
+															<li th:if="${shipCompanyList}" th:each="oneData, status : ${shipCompanyList}" th:attr="shipCompCd=${oneData.cd}" th:text="${oneData.cdNm}" onclick="fnSelectShipComp(this);"></li>
+														</ul>
+													</div>
+												</div>
+											</div>
+										</td>
+									</tr>
 									<tr>
 										<th>
 											반송 송장번호
@@ -487,6 +507,7 @@
 		data.addPayCost = addPayCost;
 		data.addPayAmt = 0;
 		data.cancelReqList = cancelReqList;
+		data.shipCompCd = $('#exchangeForm input[name=shipCompCd]').val();
 
 		let jsonData = JSON.stringify(data);
 
@@ -646,6 +667,14 @@
 		addrGb = param;
 		fnChangeDeliveryAddr();
 	}
+
+	// 택배사 변경 이벤트
+	var fnSelectShipComp = function(param) {
+		let shipCompCd = $(param).attr('shipCompCd');
+		
+		// 반품 사유 설정
+		$(param).parent().parent().find('input[name=shipCompCd]').val(shipCompCd);
+	}
 </script>
 
 </th:block>