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

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

@@ -232,6 +232,16 @@
 										<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="tel" class="form_control" name="wdInvoiceNo" data-valid-type="numeric" value="" oninput='handleOnInput(this, 20)' placeholder="송장번호를 입력해주세요."></dd>
@@ -464,6 +474,25 @@
 </div>
 <!-- //210408_ 추가 : 은행 선택 팝업 -->
 
+<!-- 210819_ 추가 : 택배사 선택 팝업 -->
+<div id="returnCourierPop" class="popup_box returnCourierPop" 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}"><span th:text="${oneData.cdNm}"></span></button>
+				</th:block>
+				<input type="hidden" name="shipCompCd" />
+			</div>
+		</div>
+	</div>
+</div>
+<!-- //210819_ 추가 : 택배사 선택 팝업 -->
+
 <script src="/ux/plugins/gaga/gaga.paging.js"></script>
 <script th:inline="javascript">
 var isLogin 		= [[${isLogin}]];
@@ -933,6 +962,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>