|
@@ -35,81 +35,95 @@
|
|
|
<th:block th:unless="${oneData.giftPackYn == 'Y'}">
|
|
<th:block th:unless="${oneData.giftPackYn == 'Y'}">
|
|
|
<div class="goods_date">주문일<span class="date" th:text="${oneData.ordDt}"></span></div>
|
|
<div class="goods_date">주문일<span class="date" th:text="${oneData.ordDt}"></span></div>
|
|
|
</th:block>
|
|
</th:block>
|
|
|
|
|
+ <th:block th:if="${oneData.chgStat == 'G685_20' or oneData.chgStat == 'G685_21'}">
|
|
|
|
|
+ <a href="javascript:void(0);" th:attr="ordNo=${oneData.ordNo}, ordChgSq=${oneData.ordChgSq}, cancelGb=${oneData.chgGb}" onclick="fnCreCancel(this);" class="detail_btn">전체신청취소</a>
|
|
|
|
|
+ </th:block>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <th:block th:if="${exchangeDetailList.exchangeDetailList}" th:each="returnDtl, status : ${exchangeDetailList.exchangeDetailList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
|
|
|
|
|
|
|
+ <th:block th:if="${exchangeDetailList.exchangeDetailList}" th:each="exchangeDtl, status : ${exchangeDetailList.exchangeDetailList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
|
|
|
<div class="goods_section">
|
|
<div class="goods_section">
|
|
|
<div class="goods_status">
|
|
<div class="goods_status">
|
|
|
- <p class="dlvr_staus" th:text="${returnDtl.chgStatNm}"></p>
|
|
|
|
|
- <p class="dlvr_desc" th:text="|${returnDtl.chgDate} ${returnDtl.chgTime}|"></p>
|
|
|
|
|
|
|
+ <p class="dlvr_staus" th:if="${exchangeDtl.chgStat == 'G685_40' && (exchangeDtl.ordDtlStat == 'G013_20' or exchangeDtl.ordDtlStat == 'G013_30' or exchangeDtl.ordDtlStat == 'G013_35' or exchangeDtl.ordDtlStat == 'G013_40' or exchangeDtl.ordDtlStat == 'G013_50')}" th:text="|교환진행중|"></p>
|
|
|
|
|
+ <p class="dlvr_staus" th:if="${exchangeDtl.chgStat == 'G685_40' && (exchangeDtl.ordDtlStat == 'G013_60' or exchangeDtl.ordDtlStat == 'G013_70')}" th:text="|교환완료|"></p>
|
|
|
|
|
+ <p class="dlvr_staus" th:if="${exchangeDtl.chgStat == 'G685_49'}" th:text="|접수취소|"></p>
|
|
|
|
|
+ <p class="dlvr_staus" th:unless="${exchangeDtl.chgStat == 'G685_40' or exchangeDtl.chgStat == 'G685_49'}" th:text="${exchangeDtl.chgStatNm}"></p>
|
|
|
|
|
+
|
|
|
|
|
+ <p class="dlvr_desc" th:text="|${exchangeDtl.chgDate} ${exchangeDtl.chgTime}|"></p>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="goods_detail">
|
|
<div class="goods_detail">
|
|
|
<a href="">
|
|
<a href="">
|
|
|
<div class="thumb_box">
|
|
<div class="thumb_box">
|
|
|
- <img th:src="${imageUrl + '/' + returnDtl.sysImgNm}" width="100%" alt="">
|
|
|
|
|
|
|
+ <img th:src="${imageUrl + '/' + exchangeDtl.sysImgNm}" width="100%" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
<div class="info_box">
|
|
<div class="info_box">
|
|
|
<div class="od_name">
|
|
<div class="od_name">
|
|
|
<div class="brand">
|
|
<div class="brand">
|
|
|
- <span th:text="${returnDtl.brandNm}"></span>
|
|
|
|
|
|
|
+ <span th:text="${exchangeDtl.brandNm}"></span>
|
|
|
<div class="badge_wrap">
|
|
<div class="badge_wrap">
|
|
|
- <em class="tag primary" th:if="${returnDtl.shotDelvYn == 'Y'}">총알배송</em>
|
|
|
|
|
- <em class="tag" th:if="${returnDtl.shotDelvYn == 'N' and returnDtl.selfGoodsYn == 'Y'}">STYLE24 일반배송</em>
|
|
|
|
|
- <em class="tag" th:if="${returnDtl.selfGoodsYn == 'N'}">업체직배송</span>
|
|
|
|
|
|
|
+ <em class="tag primary" th:if="${exchangeDtl.shotDelvYn == 'Y'}">총알배송</em>
|
|
|
|
|
+ <em class="tag" th:if="${exchangeDtl.shotDelvYn == 'N' and exchangeDtl.selfGoodsYn == 'Y'}">STYLE24 일반배송</em>
|
|
|
|
|
+ <em class="tag" th:if="${exchangeDtl.selfGoodsYn == 'N'}">업체직배송</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="name" th:text="${returnDtl.goodsNm}"></div>
|
|
|
|
|
|
|
+ <div class="name" th:text="${exchangeDtl.goodsNm}"></div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="od_opt">
|
|
<div class="od_opt">
|
|
|
<div class="option">
|
|
<div class="option">
|
|
|
- <th:block th:if="${returnDtl.goodsType == 'G056_S'}">
|
|
|
|
|
- <th:block th:each="option, status : ${returnDtl.colorNmArr}">
|
|
|
|
|
|
|
+ <th:block th:if="${exchangeDtl.goodsType == 'G056_S'}">
|
|
|
|
|
+ <th:block th:each="option, status : ${exchangeDtl.colorNmArr}">
|
|
|
<em th:text="${option}"></em>
|
|
<em th:text="${option}"></em>
|
|
|
- <em th:text="${returnDtl.optCd2Arr[status.index]}"></em>
|
|
|
|
|
|
|
+ <em th:text="${exchangeDtl.optCd2Arr[status.index]}"></em>
|
|
|
</th:block>
|
|
</th:block>
|
|
|
</th:block>
|
|
</th:block>
|
|
|
- <th:block th:unless="${returnDtl.goodsType == 'G056_S'}">
|
|
|
|
|
- <em th:text="${returnDtl.colorNm}"></em>
|
|
|
|
|
- <em th:text="${returnDtl.optCd2}"></em>
|
|
|
|
|
|
|
+ <th:block th:unless="${exchangeDtl.goodsType == 'G056_S'}">
|
|
|
|
|
+ <em th:text="${exchangeDtl.colorNm}"></em>
|
|
|
|
|
+ <em th:text="${exchangeDtl.optCd2}"></em>
|
|
|
</th:block>
|
|
</th:block>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="od_exchange_opt">
|
|
<div class="od_exchange_opt">
|
|
|
<span>교환옵션</span>
|
|
<span>교환옵션</span>
|
|
|
<div class="option">
|
|
<div class="option">
|
|
|
- <th:block th:if="${returnDtl.goodsType == 'G056_S'}">
|
|
|
|
|
- <th:block th:each="option, status : ${returnDtl.chgColorNmArr}">
|
|
|
|
|
- <em th:text="${returnDtl.chgItemNmArr[status.index]}"></em>
|
|
|
|
|
|
|
+ <th:block th:if="${exchangeDtl.goodsType == 'G056_S'}">
|
|
|
|
|
+ <th:block th:each="option, status : ${exchangeDtl.chgColorNmArr}">
|
|
|
|
|
+ <em th:text="${exchangeDtl.chgItemNmArr[status.index]}"></em>
|
|
|
<em th:text="${option}"></em>
|
|
<em th:text="${option}"></em>
|
|
|
- <em th:text="${returnDtl.chgOptCd2Arr[status.index]}"></em>
|
|
|
|
|
|
|
+ <em th:text="${exchangeDtl.chgOptCd2Arr[status.index]}"></em>
|
|
|
</th:block>
|
|
</th:block>
|
|
|
</th:block>
|
|
</th:block>
|
|
|
- <th:block th:unless="${returnDtl.goodsType == 'G056_S'}">
|
|
|
|
|
- <em th:text="${returnDtl.chgColorNm}"></em>
|
|
|
|
|
- <em th:text="${returnDtl.chgOptCd2}"></em>
|
|
|
|
|
|
|
+ <th:block th:unless="${exchangeDtl.goodsType == 'G056_S'}">
|
|
|
|
|
+ <em th:text="${exchangeDtl.chgColorNm}"></em>
|
|
|
|
|
+ <em th:text="${exchangeDtl.chgOptCd2}"></em>
|
|
|
</th:block>
|
|
</th:block>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="od_calc">
|
|
<div class="od_calc">
|
|
|
<p class="price">
|
|
<p class="price">
|
|
|
- <span class="count"><em th:text="${returnDtl.chgQty}"></em>개</span>
|
|
|
|
|
|
|
+ <span class="count"><em th:text="${exchangeDtl.chgQty}"></em>개</span>
|
|
|
</p>
|
|
</p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="goods_btn_wrap btn_group_flex">
|
|
<div class="goods_btn_wrap btn_group_flex">
|
|
|
- <div th:if="${returnDtl.chgStat == 'G685_20' or returnDtl.chgStat == 'G685_21'}"><button type="button" class="btn btn_default" th:attr="ordNo=${returnDtl.ordNo}, ordChgSq=${returnDtl.ordChgSq}, cancelGb=${returnDtl.chgGb}" onclick="fnCreCancel(this);"><span>신청 취소</span></button></div>
|
|
|
|
|
- <div th:if="${returnDtl.chgStat == 'G685_32' or returnDtl.chgStat == 'G685_21'}"><button type="button" class="btn btn_default" th:attr="ordNo=${returnDtl.ordNo}, ordChgSq=${returnDtl.ordChgSq}" onclick="fnCrePayAddCost(this);"><span>결재하기</span></button></div>
|
|
|
|
|
- <div><button type="button" class="btn btn_default" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA_REG);"><span>1:1 문의</span></button></div>
|
|
|
|
|
|
|
+ <div th:if="${exchangeDtl.chgStat == 'G685_32' or exchangeDtl.chgStat == 'G685_21'}">
|
|
|
|
|
+ <button type="button" class="btn btn_default" th:attr="ordNo=${exchangeDtl.ordNo}, ordChgSq=${exchangeDtl.ordChgSq}" onclick="fnCrePayAddCost(this);">
|
|
|
|
|
+ <span>결재하기</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <button type="button" class="btn btn_default" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA_REG);">
|
|
|
|
|
+ <span>1:1 문의</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="goods_txt">
|
|
<div class="goods_txt">
|
|
|
- <p class="cf_txt cf_desc" th:if="${returnDtl.chgStat == 'G685_21' or (returnDtl.chgGb == 'G680_40' and returnDtl.chgStat == 'G685_32')}" th:text="|${returnDtl.addPayCost}원 결제 후 교환 가능합니다.|"></p>
|
|
|
|
|
- <p class="cf_txt cf_desc" th:if="${returnDtl.chgStat == 'G685_20'}">교환 신청이 접수 되었습니다.<br> 신속하게 처리하여 드리겠습니다.</p>
|
|
|
|
|
- <p class="cf_txt cf_desc" th:if="${returnDtl.chgStat == 'G685_30'}">고객님이 요청하신 회수지로 상품을 회수 중에 있습니다.</p>
|
|
|
|
|
- <p class="cf_txt cf_desc" th:if="${returnDtl.chgStat == 'G685_31' and returnDtl.chgGb == 'G680_40'}">고객님이 교환하신 상품을 검수 중에 있습니다.</p>
|
|
|
|
|
- <p class="cf_txt cf_desc" th:if="${returnDtl.chgStat == 'G685_40' and (returnDtl.chgOrdDtlStat == 'G013_60' or returnDtl.chgOrdDtlStat == 'G013_70')}">교환이 완료되었습니다.</p>
|
|
|
|
|
- <p class="cf_txt cf_desc" th:if="${returnDtl.chgStat == 'G685_49'}">요청하신 교환을 취소하였습니다.</p>
|
|
|
|
|
|
|
+ <p class="cf_txt cf_desc" th:if="${exchangeDtl.chgStat == 'G685_21' or (exchangeDtl.chgGb == 'G680_40' and exchangeDtl.chgStat == 'G685_32')}" th:text="|${exchangeDtl.addPayCost}원 결제 후 교환 가능합니다.|"></p>
|
|
|
|
|
+ <p class="cf_txt cf_desc" th:if="${exchangeDtl.chgStat == 'G685_20'}">교환 신청이 접수 되었습니다.<br> 신속하게 처리하여 드리겠습니다.</p>
|
|
|
|
|
+ <p class="cf_txt cf_desc" th:if="${exchangeDtl.chgStat == 'G685_30'}">고객님이 요청하신 회수지로 상품을 회수 중에 있습니다.</p>
|
|
|
|
|
+ <p class="cf_txt cf_desc" th:if="${exchangeDtl.chgStat == 'G685_31' and exchangeDtl.chgGb == 'G680_40'}">고객님이 교환하신 상품을 검수 중에 있습니다.</p>
|
|
|
|
|
+ <p class="cf_txt cf_desc" th:if="${exchangeDtl.chgStat == 'G685_40' and (exchangeDtl.chgOrdDtlStat == 'G013_60' or exchangeDtl.chgOrdDtlStat == 'G013_70')}">교환이 완료되었습니다.</p>
|
|
|
|
|
+ <p class="cf_txt cf_desc" th:if="${exchangeDtl.chgStat == 'G685_49'}">요청하신 교환을 취소하였습니다.</p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</th:block>
|
|
</th:block>
|
|
@@ -142,9 +156,11 @@
|
|
|
<div class="tbl_wrap">
|
|
<div class="tbl_wrap">
|
|
|
<div class="tbl_tit">
|
|
<div class="tbl_tit">
|
|
|
<h3>교환 상품 배송지</h3>
|
|
<h3>교환 상품 배송지</h3>
|
|
|
- <button type="button" id="btn_adrsChange_pop" class="btn_popup" th:if="${oneData.chgOrdDtlStat == 'G013_20' or oneData.chgOrdDtlStat == 'G013_25' or oneData.chgOrdDtlStat == 'G013_30' or oneData.chgOrdDtlStat == 'G013_35' or oneData.chgOrdDtlStat == 'G013_40'}" onclick="fnChangeAddr('recip');">
|
|
|
|
|
- <span>배송지 변경</span>
|
|
|
|
|
- </button>
|
|
|
|
|
|
|
+ <th:block th:if="${oneData.chgOrdDtlStat == 'G013_20' or oneData.chgOrdDtlStat == 'G013_25' or oneData.chgOrdDtlStat == 'G013_30' or oneData.chgOrdDtlStat == 'G013_35' or oneData.chgOrdDtlStat == 'G013_40'}">
|
|
|
|
|
+ <button type="button" id="btn_adrsChange_pop" class="btn_popup" onclick="fnChangeAddr('recip');">
|
|
|
|
|
+ <span>배송지 변경</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </th:block>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="tbl">
|
|
<div class="tbl">
|
|
|
<div class="ship_info">
|
|
<div class="ship_info">
|
|
@@ -175,9 +191,11 @@
|
|
|
<div class="tbl_wrap">
|
|
<div class="tbl_wrap">
|
|
|
<div class="tbl_tit">
|
|
<div class="tbl_tit">
|
|
|
<h3>교환 회수지 주소</h3>
|
|
<h3>교환 회수지 주소</h3>
|
|
|
- <button type="button" id="btn_adrsChange_pop" class="btn_popup" th:if="${oneData.chgStat == 'G685_20' or oneData.chgStat == 'G685_21'}" onclick="fnChangeAddr('chger');">
|
|
|
|
|
- <span>회수지 변경</span>
|
|
|
|
|
- </button>
|
|
|
|
|
|
|
+ <th:block th:if="${oneData.chgStat == 'G685_20' or oneData.chgStat == 'G685_21'}">
|
|
|
|
|
+ <button type="button" id="btn_adrsChange_pop" class="btn_popup" onclick="fnChangeAddr('chger');">
|
|
|
|
|
+ <span>회수지 변경</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </th:block>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="tbl">
|
|
<div class="tbl">
|
|
|
<div class="ship_info">
|
|
<div class="ship_info">
|
|
@@ -246,36 +264,36 @@
|
|
|
// 배송지 및 회수지 정보 설정
|
|
// 배송지 및 회수지 정보 설정
|
|
|
var delvAddrSet = function(delvObj) {
|
|
var delvAddrSet = function(delvObj) {
|
|
|
let url = '';
|
|
let url = '';
|
|
|
- let ordChgSq = oneData.ordChgSq;
|
|
|
|
|
- let delvAddrSq = oneData.delvAddrSq;
|
|
|
|
|
- let recipNm = delvObj.recipNm;
|
|
|
|
|
- let recipPhnno = delvObj.recipPhnno;
|
|
|
|
|
- let recipZipcode = delvObj.recipZipcode;
|
|
|
|
|
- let recipBaseAddr = delvObj.recipBaseAddr;
|
|
|
|
|
- let recipDtlAddr = delvObj.recipDtlAddr;
|
|
|
|
|
- let delvMemo = delvObj.delvMemo;
|
|
|
|
|
- let recipAddr = recipBaseAddr + ' ' + recipDtlAddr;
|
|
|
|
|
|
|
+ let ordChgSq = oneData.ordChgSq;
|
|
|
|
|
+ let delvAddrSq = oneData.delvAddrSq;
|
|
|
|
|
+ let recipNm = delvObj.recipNm;
|
|
|
|
|
+ let recipPhnno = delvObj.recipPhnno;
|
|
|
|
|
+ let recipZipcode = delvObj.recipZipcode;
|
|
|
|
|
+ let recipBaseAddr = delvObj.recipBaseAddr;
|
|
|
|
|
+ let recipDtlAddr = delvObj.recipDtlAddr;
|
|
|
|
|
+ let delvMemo = delvObj.delvMemo;
|
|
|
|
|
+ let recipAddr = recipBaseAddr + ' ' + recipDtlAddr;
|
|
|
|
|
|
|
|
let data = {};
|
|
let data = {};
|
|
|
|
|
|
|
|
if (addrGb == 'chger') {
|
|
if (addrGb == 'chger') {
|
|
|
url = '/mypage/change/chger/addr';
|
|
url = '/mypage/change/chger/addr';
|
|
|
- data.ordChgSq = ordChgSq;
|
|
|
|
|
- data.chgerNm = recipNm;
|
|
|
|
|
- data.chgerPhnno = recipPhnno;
|
|
|
|
|
- data.chgerZipcode = recipZipcode;
|
|
|
|
|
- data.chgerBaseAddr = recipBaseAddr;
|
|
|
|
|
- data.chgerDtlAddr = recipDtlAddr;
|
|
|
|
|
- data.chgerRtnMemo = delvMemo;
|
|
|
|
|
|
|
+ data.ordChgSq = ordChgSq;
|
|
|
|
|
+ data.chgerNm = recipNm;
|
|
|
|
|
+ data.chgerPhnno = recipPhnno;
|
|
|
|
|
+ data.chgerZipcode = recipZipcode;
|
|
|
|
|
+ data.chgerBaseAddr = recipBaseAddr;
|
|
|
|
|
+ data.chgerDtlAddr = recipDtlAddr;
|
|
|
|
|
+ data.chgerRtnMemo = delvMemo;
|
|
|
} else {
|
|
} else {
|
|
|
url = '/mypage/change/delvery/addr';
|
|
url = '/mypage/change/delvery/addr';
|
|
|
- data.delvAddrSq = delvAddrSq;
|
|
|
|
|
- data.recipNm = recipNm;
|
|
|
|
|
- data.recipPhnno = recipPhnno;
|
|
|
|
|
- data.recipZipcode = recipZipcode;
|
|
|
|
|
- data.recipBaseAddr = recipBaseAddr;
|
|
|
|
|
- data.recipDtlAddr = recipDtlAddr;
|
|
|
|
|
- data.delvMemo = delvMemo;
|
|
|
|
|
|
|
+ data.delvAddrSq = delvAddrSq;
|
|
|
|
|
+ data.recipNm = recipNm;
|
|
|
|
|
+ data.recipPhnno = recipPhnno;
|
|
|
|
|
+ data.recipZipcode = recipZipcode;
|
|
|
|
|
+ data.recipBaseAddr = recipBaseAddr;
|
|
|
|
|
+ data.recipDtlAddr = recipDtlAddr;
|
|
|
|
|
+ data.delvMemo = delvMemo;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
let jsonData = JSON.stringify(data);
|
|
let jsonData = JSON.stringify(data);
|
|
@@ -296,38 +314,6 @@
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- // 배송메모 설정
|
|
|
|
|
- var delvMemoSet = function(delvMemoObj) {
|
|
|
|
|
- let url = '';
|
|
|
|
|
- let ordChgSq = oneData.ordChgSq;
|
|
|
|
|
- let delvAddrSq = oneData.delvAddrSq;
|
|
|
|
|
- let delvMemo = delvMemoObj.delvMemo;
|
|
|
|
|
-
|
|
|
|
|
- let data = {};
|
|
|
|
|
-
|
|
|
|
|
- if (memoGb == 'chger') {
|
|
|
|
|
- url = '/mypage/change/chger/rtn/memo';
|
|
|
|
|
- data.ordChgSq = ordChgSq;
|
|
|
|
|
- data.chgerRtnMemo = delvMemo;
|
|
|
|
|
- } else {
|
|
|
|
|
- url = '/mypage/change/delvery/memo';
|
|
|
|
|
- data.delvAddrSq = delvAddrSq;
|
|
|
|
|
- data.delvMemo = delvMemo;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- let jsonData = JSON.stringify(data);
|
|
|
|
|
-
|
|
|
|
|
- gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
|
|
|
|
|
- if (result.status == '200') {
|
|
|
|
|
- if (memoGb == 'chger') {
|
|
|
|
|
- $("#chgerRtnMemo").text(delvMemo);
|
|
|
|
|
- } else {
|
|
|
|
|
- $("#delvMemo").text(delvMemo);
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
var fnGoToWithdrawDelivery = function(param) {
|
|
var fnGoToWithdrawDelivery = function(param) {
|
|
|
// TODO
|
|
// TODO
|