|
|
@@ -1,112 +1,98 @@
|
|
|
-<div class="modal-dialog" role="document">
|
|
|
- <div class="modal-content">
|
|
|
- <div class="modal-header">
|
|
|
- <h5 class="modal-title" id="adrsAddLabel">배송지 수정</h5>
|
|
|
- </div>
|
|
|
- <div class="modal-body">
|
|
|
- <div class="pop_cont">
|
|
|
- <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>
|
|
|
- <div class="ui_col_12">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" name="recipNm" placeholder="받는 분" th:value="${deliveryAddrInfo.recipNm}">
|
|
|
- </div>
|
|
|
- </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="recipPhnno" placeholder="휴대폰 번호" th:value="${deliveryAddrInfo.recipPhnno}">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="adrsModifyLabel">배송지 수정</h5>
|
|
|
+</div>
|
|
|
+<div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <form class="form_wrap form_full" name="deliveryModifyForm" id="deliveryModifyForm">
|
|
|
+ <input type="hidden" class="form_control" 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>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" class="form_control" name="recipNm" placeholder="받는 분" id="" th:value="${deliveryAddrInfo.recipNm}">
|
|
|
</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="recipZipcode" placeholder="우편번호" th:value="${deliveryAddrInfo.recipZipcode}">
|
|
|
- <button type="button" class="btn btn_dark btn_sm" onclick="fnOpenDaumAddr();">
|
|
|
- <span>우편번호 찾기</span>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </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" class="form_control" name="recipPhnno" placeholder="휴대폰 번호" id="" th:value="${deliveryAddrInfo.recipPhnno}">
|
|
|
</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="recipBaseAddr" placeholder="기본주소" th:value="${deliveryAddrInfo.recipBaseAddr}">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </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" class="form_control" name="recipBaseAddr" placeholder="배송주소" id="" th:value="${deliveryAddrInfo.recipBaseAddr}">
|
|
|
+ <input type="hidden" name="recipZipcode" placeholder="우편번호" th:value="${deliveryAddrInfo.recipZipcode}">
|
|
|
</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>
|
|
|
- </div>
|
|
|
+ <button type="button" class="btn btn_dark btn_sm" onclick="fnOpenDaumAddr();">
|
|
|
+ <span>우편번호 찾기</span>
|
|
|
+ </button>
|
|
|
+ </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" class="form_control" name="recipDtlAddr" placeholder="상세주소" id="" th:value="${deliveryAddrInfo.recipDtlAddr}">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="area_request">
|
|
|
- <h6>배송요청 사항</h6>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input type="radio" name="rdi-request1" id="rdi-request11" value="문앞">
|
|
|
- <label for="rdi-request11"><span>문앞</span></label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="rdi-request1" id="rdi-request12" value="직접받고 부재시 문 앞">
|
|
|
- <label for="rdi-request12"><span>직접받고 부재시 문 앞</span></label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="rdi-request1" id="rdi-request13" value="경비실">
|
|
|
- <label for="rdi-request13"><span>경비실</span></label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="rdi-request1" id="rdi-request14" value="택배함">
|
|
|
- <label for="rdi-request14"><span>택배함</span></label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <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" name="delvMemoText" class="form_control" maxlength="30" placeholder="보관장소만 입력" disabled>
|
|
|
- <p>보관 장소 외 다른 내용 입력시 통보없이 삭제 될 수 있습니다.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="area_request">
|
|
|
+ <h6>배송요청 사항</h6>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-request1" id="rdi-request11" value="문앞">
|
|
|
+ <label for="rdi-request11"><span>문앞</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-request1" id="rdi-request12" value="직접받고 부재시 문 앞">
|
|
|
+ <label for="rdi-request12"><span>직접받고 부재시 문 앞</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-request1" id="rdi-request13" value="경비실">
|
|
|
+ <label for="rdi-request13"><span>경비실</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-request1" id="rdi-request14" value="택배함">
|
|
|
+ <label for="rdi-request14"><span>택배함</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <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" name="delvMemoText" class="form_control" maxlength="30" placeholder="보관장소만 입력 (필수)" disabled>
|
|
|
+ <p>보관 장소 외 다른 내용 입력시 통보없이 삭제 될 수 있습니다.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="btn_group_block">
|
|
|
- <button type="button" class="btn btn_dark btn_block" id="btn_delivery_addr_save">
|
|
|
- <span>배송지 수정</span>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
</div>
|
|
|
-<a href="#close-modal" rel="modal:close" id="adrsAddPop_close" class="close-modal">Close</a>
|
|
|
+<div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn_dark" id="btn_delivery_addr_save"><span>배송지 등록</span></button>
|
|
|
+</div>
|
|
|
|
|
|
<script th:inline="javascript">
|
|
|
var delvMemo = [[${deliveryAddrInfo.delvMemo}]];
|
|
|
@@ -124,12 +110,12 @@ $(document).ready( function() {
|
|
|
}
|
|
|
|
|
|
if (tempMemo) {
|
|
|
- $("#deliveryAddrForm input[name=rdi-request1]").eq(4).attr("checked", true);
|
|
|
+ $("#deliveryModifyForm 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(){
|
|
|
+ $("#deliveryModifyForm input[name=rdi-request1]").each(function(){
|
|
|
var temp = $(this).parent().find('span').text();
|
|
|
if (delvMemo == temp) {
|
|
|
$(this).attr("checked", true);
|
|
|
@@ -137,15 +123,15 @@ $(document).ready( function() {
|
|
|
});
|
|
|
|
|
|
// 배송요청사항 버튼기능
|
|
|
- $("#deliveryAddrForm input[name=rdi-request1]").each(function(){
|
|
|
+ $("#deliveryModifyForm input[name=rdi-request1]").each(function(){
|
|
|
// 버튼기능
|
|
|
$(this).on("click", function(){
|
|
|
var temp = $(this).parent().find('span').text();
|
|
|
- $("input[name=delvMemoText]").val("");
|
|
|
+ $("#deliveryModifyForm input[name=delvMemoText]").val("");
|
|
|
if (temp == "기타사항") {
|
|
|
- $("input[name=delvMemoText]").attr("disabled", false);
|
|
|
+ $("#deliveryModifyForm input[name=delvMemoText]").attr("disabled", false);
|
|
|
} else {
|
|
|
- $("input[name=delvMemoText]").attr("disabled", true);
|
|
|
+ $("#deliveryModifyForm input[name=delvMemoText]").attr("disabled", true);
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
@@ -155,9 +141,9 @@ $(document).ready( function() {
|
|
|
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();
|
|
|
+ $('#deliveryModifyForm input[name=recipZipcode]').val(data.zonecode);
|
|
|
+ $('#deliveryModifyForm input[name=recipBaseAddr]').val(cfnGetDaumRoadAddr(data));
|
|
|
+ $('#deliveryModifyForm input[name=recipDtlAddr]').focus();
|
|
|
cfnCloseDaumAddr();
|
|
|
},
|
|
|
width: '100%'
|
|
|
@@ -170,25 +156,25 @@ var fnOpenDaumAddr = function() {
|
|
|
$("#btn_delivery_addr_save").on("click", function(){
|
|
|
// 기본배송지여부
|
|
|
var defaultYn = "N";
|
|
|
- if ($("#deliveryAddrForm input[name=defaultYn]").is(":checked")) {
|
|
|
+ if ($("#deliveryModifyForm input[name=defaultYn]").is(":checked")) {
|
|
|
defaultYn = "Y";
|
|
|
}
|
|
|
|
|
|
// 기타사항일때 텍스트 등록
|
|
|
- var delvMemo = $("#deliveryAddrForm input[name=rdi-request1]:checked").parent().find('span').text();
|
|
|
+ var delvMemo = $("#deliveryModifyForm input[name=rdi-request1]:checked").parent().find('span').text();
|
|
|
if ("기타사항" == delvMemo) {
|
|
|
- delvMemo = $("input[name=delvMemoText]").val();
|
|
|
+ delvMemo = $("#deliveryModifyForm 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()
|
|
|
+ , "custDelvAddrSq" : parseInt($("#deliveryModifyForm input[name=custDelvAddrSq]").val())
|
|
|
+ , "recipNm" : $("#deliveryModifyForm input[name=recipNm]").val()
|
|
|
+ , "recipPhnno" : $("#deliveryModifyForm input[name=recipPhnno]").val()
|
|
|
+ , "recipZipcode" : $("#deliveryModifyForm input[name=recipZipcode]").val()
|
|
|
+ , "recipBaseAddr" : $("#deliveryModifyForm input[name=recipBaseAddr]").val()
|
|
|
+ , "recipDtlAddr" : $("#deliveryModifyForm input[name=recipDtlAddr]").val()
|
|
|
, "delvMemo" : delvMemo
|
|
|
}
|
|
|
|
|
|
@@ -220,11 +206,11 @@ $("#btn_delivery_addr_save").on("click", function(){
|
|
|
gagajf.showProgressbar(true);
|
|
|
},
|
|
|
success : function(result) {
|
|
|
- $("#adrsAddPop").html(result);
|
|
|
- $("#adrsAddPop").modal("show");
|
|
|
+ $("#adrsChangePop .modal-dialog .modal-content").html(result);
|
|
|
+ $("#adrsChangePop").modal("show");
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
-</script>
|
|
|
+</script>
|