|
|
@@ -1,24 +1,31 @@
|
|
|
-<!-- 배송지수정 팝업 -->
|
|
|
-<form name="delvAddrChangeForm" id="delvAddrChangeForm">
|
|
|
-<input type="hidden" name="delvMemo" th:value="${deliveryAddrInfo.delvMemo}"/>
|
|
|
-<input type="hidden" name="recipZipcode" th:value="${deliveryAddrInfo.recipZipcode}"/>
|
|
|
-<input type="hidden" name="recipBaseAddr" th:value="${deliveryAddrInfo.recipBaseAddr}"/>
|
|
|
-<input type="hidden" name="recipDtlAddr" th:value="${deliveryAddrInfo.recipDtlAddr}"/>
|
|
|
-
|
|
|
<div class="modal-dialog" role="document">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
- <h5 class="modal-title" id="adrsModifyLabel">배송지 수정</h5>
|
|
|
+ <h5 class="modal-title" id="adrsAddLabel">배송지 수정</h5>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div class="pop_cont">
|
|
|
- <form class="form_wrap form_full">
|
|
|
+ <form class="form_wrap form_full" name="deliveryAddrForm" id="deliveryAddrForm">
|
|
|
+ <input type="hidden" name="custDelvAddrSq" th:value="${deliveryAddrInfo.custDelvAddrSq}">
|
|
|
+
|
|
|
<div class="area_adrsinfo">
|
|
|
+ <h6>배송지 정보</h6>
|
|
|
+ <div class="default_addrs">
|
|
|
+ <div class="form_field">
|
|
|
+ <th:block th:if="${deliveryAddrInfo.defaultYn} == 'Y'">
|
|
|
+ <input id="chk-default-addrs" type="checkbox" name="defaultYn" checked>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${deliveryAddrInfo.defaultYn} == 'N'">
|
|
|
+ <input id="chk-default-addrs" type="checkbox" name="defaultYn">
|
|
|
+ </th:block>
|
|
|
+ <label for="chk-default-addrs"><span>기본 배송지로 등록</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="form_field">
|
|
|
- <label class="input_label sr-only">이름(주문자명)</label>
|
|
|
+ <label class="input_label sr-only">받는 분</label>
|
|
|
<div class="ui_col_12">
|
|
|
<div class="input_wrap">
|
|
|
- <input type="text" name="recipNm" placeholder="이름(주문자명)" th:value="${deliveryAddrInfo.recipNm}">
|
|
|
+ <input type="text" name="recipNm" placeholder="받는 분" th:value="${deliveryAddrInfo.recipNm}">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -34,53 +41,55 @@
|
|
|
<label class="input_label sr-only">배송주소</label>
|
|
|
<div class="ui_col_12">
|
|
|
<div class="input_wrap">
|
|
|
- <input type="text" name="recipZipcode" placeholder="배송주소" th:value="${deliveryAddrInfo.recipZipcode}">
|
|
|
- <button type="button" class="btn btn_dark btn_default btn_postcode" onclick="fnOpenDaumAddr();">
|
|
|
+ <input type="text" name="recipZipcode" placeholder="우편번호" th:value="${deliveryAddrInfo.recipZipcode}">
|
|
|
+ <button type="button" class="btn btn_dark btn_sm" onclick="fnOpenDaumAddr();">
|
|
|
<span>우편번호 찾기</span>
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 주소 출력 -->
|
|
|
- <div class="adress">
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt><span>도로명</span></dt>
|
|
|
- <dd class="recipBaseAddr" th:text="${deliveryAddrInfo.recipBaseAddr}"></dd>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">기본주소</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" name="recipBaseAddr" placeholder="기본주소" th:value="${deliveryAddrInfo.recipBaseAddr}">
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <dt><span>지번</span></dt>
|
|
|
- <dd class="recipDtlAddr" th:text="${deliveryAddrInfo.recipDtlAddr}"></dd>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">상세주소</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" name="recipDtlAddr" placeholder="상세주소" th:value="${deliveryAddrInfo.recipDtlAddr}">
|
|
|
</div>
|
|
|
- </dl>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <!-- //주소 출력 -->
|
|
|
</div>
|
|
|
<div class="area_request">
|
|
|
<h6>배송요청 사항</h6>
|
|
|
<div class="form_field">
|
|
|
<div>
|
|
|
- <input type="radio" name="rdi-request2" id="rdi-request21">
|
|
|
- <label for="rdi-request21"><span>문앞</span></label>
|
|
|
+ <input type="radio" name="rdi-request1" id="rdi-request11" value="문앞">
|
|
|
+ <label for="rdi-request11"><span>문앞</span></label>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <input type="radio" name="rdi-request2" id="rdi-request22">
|
|
|
- <label for="rdi-request22"><span>직접받고 부재시 문 앞</span></label>
|
|
|
+ <input type="radio" name="rdi-request1" id="rdi-request12" value="직접받고 부재시 문 앞">
|
|
|
+ <label for="rdi-request12"><span>직접받고 부재시 문 앞</span></label>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <input type="radio" name="rdi-request2" id="rdi-request23">
|
|
|
- <label for="rdi-request23"><span>경비실</span></label>
|
|
|
+ <input type="radio" name="rdi-request1" id="rdi-request13" value="경비실">
|
|
|
+ <label for="rdi-request13"><span>경비실</span></label>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <input type="radio" name="rdi-request2" id="rdi-request24">
|
|
|
- <label for="rdi-request24"><span>택배함</span></label>
|
|
|
+ <input type="radio" name="rdi-request1" id="rdi-request14" value="택배함">
|
|
|
+ <label for="rdi-request14"><span>택배함</span></label>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <input type="radio" name="rdi-request2" id="rdi-request25">
|
|
|
- <label for="rdi-request25"><span>기타사항</span></label>
|
|
|
+ <input type="radio" name="rdi-request1" id="rdi-request15" value="기타사항">
|
|
|
+ <label for="rdi-request15"><span>기타사항</span></label>
|
|
|
<div class="info_box">
|
|
|
<div class="input_wrap">
|
|
|
- <input type="text" class="form_control" maxlength="30" placeholder="보관장소만 입력">
|
|
|
+ <input type="text" name="delvMemoText" class="form_control" maxlength="30" placeholder="보관장소만 입력" disabled>
|
|
|
<p>보관 장소 외 다른 내용 입력시 통보없이 삭제 될 수 있습니다.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -88,28 +97,67 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="btn_group_block">
|
|
|
- <button type="button" class="btn btn_dark btn_block"><span>배송지 수정완료</span></button>
|
|
|
+ <button type="button" class="btn btn_dark btn_block" id="btn_delivery_addr_save">
|
|
|
+ <span>배송지 수정</span>
|
|
|
+ </button>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-<a href="#close-modal" rel="modal:close" id="adrsModifyPop_close" class="close-modal">Close</a>
|
|
|
-</form>
|
|
|
-<!-- //배송지수정 팝업 -->
|
|
|
+<a href="#close-modal" rel="modal:close" id="adrsAddPop_close" class="close-modal">Close</a>
|
|
|
|
|
|
<script th:inline="javascript">
|
|
|
+var delvMemo = [[${deliveryAddrInfo.delvMemo}]];
|
|
|
+//컨텐츠 호출
|
|
|
+$(document).ready( function() {
|
|
|
+
|
|
|
+ var delvMemoArr = ["문앞", "직접받고 부재시 문 앞", "경비실", "택배함"];
|
|
|
+ var tempMemo = true;
|
|
|
+
|
|
|
+ // 배송요청사항설정
|
|
|
+ for (i=0 ; i<delvMemoArr.length ; i++) {
|
|
|
+ if (delvMemoArr[i] == delvMemo) {
|
|
|
+ tempMemo = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (tempMemo) {
|
|
|
+ $("#deliveryAddrForm input[name=rdi-request1]").eq(4).attr("checked", true);
|
|
|
+ $("input[name=delvMemoText]").attr("disabled", false);
|
|
|
+ $("input[name=delvMemoText]").val(delvMemo);
|
|
|
+ }
|
|
|
+
|
|
|
+ $("#deliveryAddrForm input[name=rdi-request1]").each(function(){
|
|
|
+ var temp = $(this).parent().find('span').text();
|
|
|
+ if (delvMemo == temp) {
|
|
|
+ $(this).attr("checked", true);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 배송요청사항 버튼기능
|
|
|
+ $("#deliveryAddrForm input[name=rdi-request1]").each(function(){
|
|
|
+ // 버튼기능
|
|
|
+ $(this).on("click", function(){
|
|
|
+ var temp = $(this).parent().find('span').text();
|
|
|
+ $("input[name=delvMemoText]").val("");
|
|
|
+ if (temp == "기타사항") {
|
|
|
+ $("input[name=delvMemoText]").attr("disabled", false);
|
|
|
+ } else {
|
|
|
+ $("input[name=delvMemoText]").attr("disabled", true);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+});
|
|
|
|
|
|
-//우편번호 DAUM을 이용한 우편번호 팝업 레이어
|
|
|
+// 우편번호 DAUM을 이용한 우편번호 팝업 레이어
|
|
|
var fnOpenDaumAddr = function() {
|
|
|
let daumZip = new daum.Postcode({
|
|
|
oncomplete: function(data) {
|
|
|
$('#deliveryAddrForm input[name=recipZipcode]').val(data.zonecode);
|
|
|
$('#deliveryAddrForm input[name=recipBaseAddr]').val(cfnGetDaumRoadAddr(data));
|
|
|
$('#deliveryAddrForm input[name=recipDtlAddr]').focus();
|
|
|
-
|
|
|
- $('#deliveryAddrForm .recipBaseAddr').text(cfnGetDaumRoadAddr(data));
|
|
|
cfnCloseDaumAddr();
|
|
|
},
|
|
|
width: '100%'
|
|
|
@@ -118,14 +166,65 @@ var fnOpenDaumAddr = function() {
|
|
|
cfnOpenDaumAddr(daumZip);
|
|
|
}
|
|
|
|
|
|
-$(document).ready( function() {
|
|
|
- var delvMemo = $("#delvAddrChangeForm input[name=delvMemo]").val();
|
|
|
+// 배송지등록버튼
|
|
|
+$("#btn_delivery_addr_save").on("click", function(){
|
|
|
+ // 기본배송지여부
|
|
|
+ var defaultYn = "N";
|
|
|
+ if ($("#deliveryAddrForm input[name=defaultYn]").is(":checked")) {
|
|
|
+ defaultYn = "Y";
|
|
|
+ }
|
|
|
|
|
|
- $("#delvAddrChangeForm input[name=rdi-request2]").each(function(){
|
|
|
- if (delvMemo == $(this).parent().find("span").text()) {
|
|
|
- $(this).attr("checked", true);
|
|
|
+ // 기타사항일때 텍스트 등록
|
|
|
+ var delvMemo = $("#deliveryAddrForm input[name=rdi-request1]:checked").parent().find('span').text();
|
|
|
+ if ("기타사항" == delvMemo) {
|
|
|
+ delvMemo = $("input[name=delvMemoText]").val();
|
|
|
+ }
|
|
|
+
|
|
|
+ // 배송지정보설정
|
|
|
+ var jsonObj = {
|
|
|
+ "defaultYn" : defaultYn
|
|
|
+ , "custDelvAddrSq" : parseInt($("#deliveryAddrForm input[name=custDelvAddrSq]").val())
|
|
|
+ , "recipNm" : $("#deliveryAddrForm input[name=recipNm]").val()
|
|
|
+ , "recipPhnno" : $("#deliveryAddrForm input[name=recipPhnno]").val()
|
|
|
+ , "recipZipcode" : $("#deliveryAddrForm input[name=recipZipcode]").val()
|
|
|
+ , "recipBaseAddr" : $("#deliveryAddrForm input[name=recipBaseAddr]").val()
|
|
|
+ , "recipDtlAddr" : $("#deliveryAddrForm input[name=recipDtlAddr]").val()
|
|
|
+ , "delvMemo" : delvMemo
|
|
|
+ }
|
|
|
+
|
|
|
+ var jsonData = JSON.stringify(jsonObj);jsonObj
|
|
|
+
|
|
|
+ $.ajax( {
|
|
|
+ type : "POST",
|
|
|
+ url : '/order/updateCustDeliveryAddr',
|
|
|
+ data : jsonData,
|
|
|
+ dataType : 'html',
|
|
|
+ beforeSend : function(xhr, settings) {
|
|
|
+ xhr.setRequestHeader("AJAX" , "true");
|
|
|
+ xhr.setRequestHeader('Accept' , 'application/json');
|
|
|
+ xhr.setRequestHeader('Content-Type' , 'application/json');
|
|
|
+ gagajf.showProgressbar(true);
|
|
|
+ },
|
|
|
+ success : function(result) {
|
|
|
+
|
|
|
+ // 배송지변경팝업호출
|
|
|
+ $.ajax( {
|
|
|
+ type : "POST",
|
|
|
+ url : '/order/delvAddrChangePop',
|
|
|
+ data : jsonData,
|
|
|
+ dataType : 'html',
|
|
|
+ beforeSend : function(xhr, settings) {
|
|
|
+ xhr.setRequestHeader("AJAX" , "true");
|
|
|
+ xhr.setRequestHeader('Accept' , 'application/json');
|
|
|
+ xhr.setRequestHeader('Content-Type' , 'application/json');
|
|
|
+ gagajf.showProgressbar(true);
|
|
|
+ },
|
|
|
+ success : function(result) {
|
|
|
+ $("#adrsAddPop").html(result);
|
|
|
+ $("#adrsAddPop").modal("show");
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
-</script>
|
|
|
-
|
|
|
+</script>
|
jsh77b