| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864 |
- <!DOCTYPE html>
- <html lang="ko" xmlns:th="http://www.thymeleaf.org">
- <!--
- *******************************************************************************
- * @source : ExchangeRequestForm.html
- * @desc : 교환요청 화면
- *============================================================================
- * STYLE24
- * Copyright(C) 2021 TSIT, All rights reserved.
- *============================================================================
- * VER DATE AUTHOR DESCRIPTION
- * === =========== ========== =============================================
- * 1.0 2021.01.15 card007 최초 작성
- *******************************************************************************
- -->
- <div class="modalPopup" data-width="1400" data-height="600">
- <div class="panelStyle">
- <div class="panelTitle">
- <h2>교환요청</h2>
- <button type="button" class="close" onclick="uifnPopupClose('popupExchangeRequestForm');"><i class="fa fa-times"></i></button>
- </div>
-
- <div class="panelContent" style="height:90%; overflow-y:auto; padding:0px 20px !important; ">
- <form id="exchangeRequestFrm" name="exchangeRequestFrm" action="/orderChange/exchange" method="post" target="hdFrameForOrderExchange">
- <input type="hidden" name="ordNo" th:value="${ordNo}"/>
- <input type="hidden" name="chgReason" value=""/>
- <input type="hidden" name="chgReasonDesc" value=""/>
-
- <h4>주문정보</h4>
- <div id="gridOrderCancelRequestList" style="width:100%; height: 200px;" class="ag-theme-balham"></div>
- <h4>배송비정보</h4>
- <div id="gridDelvCdList" style="width:100%; height: 140px;" class="ag-theme-balham"></div>
-
- <div style="text-align:right; padding-bottom:5px; padding-top:5px;">
- <button type="button" class="btn btn-success" id="fnExchangeRequestSubmit" onclick="fnExchangeRequestSubmit();">요청</button>
- </div>
-
- <table class="frmStyle">
- <colgroup>
- <col style="width:160px;" />
- <col style="width:320px;" />
- <col style="width:160px;" />
- <col />
- </colgroup>
- <tbody>
- <tr>
- <th>교환사유 <i class="star"></i></th>
- <td>
- <select name="selectChgReason" onchange="fnChangeChgReason($(this).val());">
- <option value="">[선택하세요]</option>
- <option th:if="${chgReasonList}" th:each="oneData, status : ${chgReasonList}" th:value="|${oneData.cd}:${oneData.cdNm}|" th:text="|[${oneData.cd}] ${oneData.cdNm}|"></option>
- </select>
- </td>
- <th>귀책사유</th>
- <td><span id="imputeReason"></span></td>
- </tr>
- <tr>
- <th>회수방법</th>
- <td>
- <label class="rdoBtn"><input type="radio" name="wdGb" th:id="wdGb" value="W" onCLick="fnChangeQty()" checked="checked"/>회수요청<span></span></label>
- <label class="rdoBtn"><input type="radio" name="wdGb" th:id="wdGb" value="D" onCLick="fnChangeQty()"/>직접발송<span></span></label>
- </td>
- <th>추가배송비</th>
- <td id="addDelvFee"></td>
- </tr>
- <tr>
- <th>요청메모</th>
- <td colspan="3">
- <textarea id="chgMemo" name="chgMemo" style="height:80px;" placeholder="교환사유를 300자내외로 작성해 주세요"></textarea>
- </td>
- </tr>
- </tbody>
- </table>
-
- <h4>회수지 정보</h4>
- <table class="frmStyle">
- <colgroup>
- <col style="width:160px;" />
- <col style="width:320px;" />
- <col style="width:160px;" />
- <col />
- </colgroup>
- <tbody>
- <tr>
- <th>보내는사람 <i class="star"></i></th>
- <td colspan="3"><input type="text" name ="chgerNm" class=""/></td>
- </tr>
- <tr>
- <th>회수지주소 <i class="star"></i></th>
- <td colspan="3">
- <input type="text" name ="chgerZipNo" class="w100" readonly="readonly"/>
- <button type="button" class="btn btn-info" onclick="fnOpenDaumAddr('delvLoc');">우편번호찾기</button>
- <input type="text" name ="chgerBaseAddr" class="w300"/>
- <input type="text" name ="chgerDtlAddr" class="w300"/>
- </td>
- </tr>
- <tr>
- <th>일반전화</th>
- <td>
- <select name="chgerTelno1" class="w100">
- <option value="">[선택하세요]</option>
- <option th:if="${TelExcNoList}" th:each="oneData, status : ${TelExcNoList}" th:value="${oneData.cd}" th:text="${oneData.cd}"></option>
- </select>
- - <input type="text" name ="chgerTelno2" class="w60" value="0000" />
- - <input type="text" name ="chgerTelno3" class="w60" value="0000" />
- </td>
- <th>휴대전화 <i class="star"></i></th>
- <td>
- <select name="chgerPhnno1" class="w100">
- <option value="">[선택하세요]</option>
- <option th:if="${PhnExcNoList}" th:each="oneData, status : ${PhnExcNoList}" th:value="${oneData.cd}" th:text="${oneData.cd}"></option>
- </select>
- - <input type="text" name ="chgerPhnno2" class="w60" value="0000" />
- - <input type="text" name ="chgerPhnno3" class="w60" value="0000" />
- </td>
- </tr>
- </tbody>
- </table>
- <h4>교환지 정보</h4>
- <table class="frmStyle">
- <colgroup>
- <col style="width:160px;" />
- <col style="width:320px;" />
- <col style="width:160px;" />
- <col />
- </colgroup>
- <tbody>
- <tr>
- <th>받는사람 <i class="star"></i></th>
- <td colspan="3"><input type="text" name ="recipNm" class=""/></td>
- </tr>
- <tr>
- <th>교환지주소 <i class="star"></i></th>
- <td colspan="3">
- <input type="text" name ="recipZipNo" class="w100" readonly="readonly"/>
- <button type="button" class="btn btn-info" onclick="fnOpenDaumAddr('delvLoc');">우편번호찾기</button>
- <input type="text" name ="recipBaseAddr" class="w300"/>
- <input type="text" name ="recipDtlAddr" class="w300"/>
- </td>
- </tr>
- <tr>
- <th>일반전화</th>
- <td>
- <select name="recipTelno1" class="w100">
- <option value="">[선택하세요]</option>
- <option th:if="${TelExcNoList}" th:each="oneData, status : ${TelExcNoList}" th:value="${oneData.cd}" th:text="${oneData.cd}"></option>
- </select>
- - <input type="text" name ="recipTelno2" class="w60" value="0000" />
- - <input type="text" name ="recipTelno3" class="w60" value="0000" />
- </td>
- <th>휴대전화 <i class="star"></i></th>
- <td>
- <select name="recipPhnno1" class="w100">
- <option value="">[선택하세요]</option>
- <option th:if="${PhnExcNoList}" th:each="oneData, status : ${PhnExcNoList}" th:value="${oneData.cd}" th:text="${oneData.cd}"></option>
- </select>
- - <input type="text" name ="recipPhnno2" class="w60" value="0000" />
- - <input type="text" name ="recipPhnno3" class="w60" value="0000" />
- </td>
- </tr>
- </tbody>
- </table>
- </form>
- </div>
- </div>
- </div>
- <!-- data -->
- <script th:inline="javascript">
- /*<![CDATA[*/
- var cancelRequestTargetList = [[${cancelRequestTargetList}]]; // 교환대상목록
- var ordNo = [[${ordNo}]]; // 주문번호
- var orderInfoList = [[${orderInfoList}]]; // 주문기본정보
- var payMeans = orderInfoList[0].payMeans; // 결제수단
- var orderDelvAddrInfo = [[${orderDelvAddrInfo}]]; // 회수지정보
- var addDelvFee = 0; // 추가배송비
- var addDelvFeeList = []; // 추가배송비정보
- var temp1 = true;
- var temp2 = false;
- // 1. 주문정보(교환대상)
- var columnExchangeReqList = [
- {
- headerName : "주문상세정보",
- children : [
- {headerName: "주문번호" , field: "ordNo" , width: 80 , cellClass: 'text-center', hide: temp1},
- {headerName: "주문상세" , field: "ordDtlNo" , width: 80 , cellClass: 'text-center'},
- {headerName: "주문상세" , field: "ordDtlStat" , width: 80 , cellClass: 'text-center', hide: temp1},
- {headerName: "주문상세상태" , field: "ordDtlStatNm" , width: 100 , cellClass: 'text-center', hide: temp1},
- {headerName: "상품코드" , field: "goodsCd" , width: 100 , cellClass: 'text-center', hide: temp1},
- {headerName: "상품명" , field: "goodsNm" , width: 200 , cellClass: 'text-center', hide: temp1},
- {headerName: "상품타입" , field: "goodsTypeNm" , width: 100 , cellClass: 'text-center', hide: temp2}
- ]
- },
- {
- headerName : "주문상세단품정보",
- children : [
- {headerName: "단품번호" , field: "ordDtlItemSq" , width: 100 , cellClass: 'text-center', hide: temp2},
- {headerName: "단품코드" , field: "itemCd" , width: 100 , cellClass: 'text-center', hide: temp2},
- {headerName: "단품명" , field: "itemNm" , width: 200 , cellClass: 'text-center', hide: temp2},
- {headerName: "옵션1" , field: "optCd1" , width: 80 , cellClass: 'text-center', hide: temp1},
- {headerName: "옵션2" , field: "optCd2" , width: 80 , cellClass: 'text-center', hide: temp2},
- {
- headerName : "단품수량"
- , field : "itemQty"
- , width : 80
- , cellClass : 'text-center'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "단품금액"
- , field : "itemPrice"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "단품옵션금액"
- , field : "optAddPrice"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- }
- ]
- },
- {
- headerName : "주문상세수량",
- children : [
- {
- headerName : "주문"
- , field : "ordQty"
- , width : 80
- , cellClass : 'text-center'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "취소/요청"
- , field : "cnclRtnQty"
- , width : 80
- , cellClass : 'text-center'
- , cellRenderer : function (params) {
- var cnclRtnReqQty = parseInt(params.data.cnclRtnQty) + parseInt(params.data.ordReqChgQty);
- return cnclRtnReqQty;
- }
- },
- {headerName: "교환가능옵션" , field: "optCd2s" , width: 200 , cellClass: 'text-center', hide: temp2},
- {
- headerName : "교환옵션"
- , field : "ordChgOpt"
- , width : 100
- , cellClass : "text-center"
- , cellRenderer : function (params) {
- var optArr = params.data.optCd2s.split(',');
- var ordChgOpt = params.data.ordChgOpt;
- var strVal = '';
- strVal += '<select class="ordChgOpt" name="ordChgOpt" ordDtlNo="' + params.data.ordDtlNo + '" ordDtlItemSq="' + params.data.ordDtlItemSq + '" onchange="fnChangeOption(this)">';
-
- if (gagajf.isNull(ordChgOpt)) {
- strVal += '<option value="">선택</option>'
- } else {
- strVal += '<option value="" selected>선택</option>'
- }
- $.each(optArr, function(idx,item){
- if (ordChgOpt == item) {
- strVal += '<option value="' + item + '" selected>' + item + '</option>';
- } else {
- strVal += '<option value="' + item + '">' + item + '</option>';
- }
- });
- return strVal;
- }
- },
- {headerName: "재고수량" , field: "currStockQty" , width: 100 , cellClass: 'text-center', hide: temp2},
- {
- headerName : "교환신청수량"
- , field : "ordCanChgQty"
- , width : 100
- , cellClass : 'text-center'
- , cellRenderer : function (params) {
- var ordQty = parseInt(params.data.ordQty);
- var cnclRtnQty = parseInt(params.data.cnclRtnQty);
- var ordReqChgQty = parseInt(params.data.ordReqChgQty);
- var ordCanChgQty = ordQty - (cnclRtnQty + ordReqChgQty);
-
- var strVal = "";
- strVal += '<select class="ordCanChgQty ' + params.data.ordDtlNo + '" name="ordCanChgQty" ordDtlNo="'+params.data.ordDtlNo+'" onchange="fnChangeQty(this)">';
-
- for (i=0 ; i<=ordCanChgQty ; i++) {
- if (i == params.data.ordCanChgQty) {
- strVal += " <option value='"+i+"' selected>"+i+"</option>";
- } else {
- strVal += " <option value='"+i+"'>"+i+"</option>";
- }
- }
-
- strVal += "</select>";
- return strVal;
- }
- }
- ]
- },
- {
- headerName : "주문단품금액",
- children : [
- {
- headerName : "주문"
- , field : "ordAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "취소"
- , field : "cnclRtnAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "즉시할인"
- , field : "cpn1DcAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "다다익선1"
- , field : "tmtb1DcAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "다다익선2"
- , field : "tmtb2DcAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "상품쿠폰"
- , field : "goodsCpnDcAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "장바구니쿠폰"
- , field : "cartCpnDcAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "포인트"
- , field : "pntDcAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "선포인트"
- , field : "prePntDcAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "상품권"
- , field : "gfcdUseAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- },
- {
- headerName : "실결제금액"
- , field : "realOrdAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- }
- ]
- },
- {
- headerName : "주문배송비정보",
- children : [
- {
- headerName : "배송비"
- , field : "delvFee"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- , hide : temp2
- },
- {headerName: "업체" , field: "supplyCompCd" , width: 100 , cellClass: 'text-center', hide: temp2},
- {headerName: "배송비코드" , field: "delvFeeCd" , width: 100 , cellClass: 'text-center', hide: temp2},
- {
- headerName : "무료배송비"
- , field : "minOrdAmt"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- , hide : temp2
- },
- {
- headerName : "기본배송비"
- , field : "orgDelvFee"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- , hide : temp2
- },
- {
- headerName : "반품배송비"
- , field : "rtnDelvFee"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- , hide : temp2
- },
- {
- headerName : "교환배송비"
- , field : "excDelvFee"
- , width : 80
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- , hide : temp2
- },
- {headerName: "전체취소가능" , field: "allCanYn" , width: 100 , cellClass: 'text-center', hide: temp2},
- ]
- }
- ];
- var gridOptionsExchangeReqList = gagaAgGrid.getGridOptions(columnExchangeReqList);
- // Add on options
- gridOptionsExchangeReqList.suppressRowClickSelection = true;
- gridOptionsExchangeReqList.rowSelection = 'multiple';
- // 3. 배송비정보(환불정보)
- var columnDelvCdList = [
- {headerName: "업체" , field: "supplyCompCd" , width: 100 , cellClass: 'text-center', hide: temp2},
- {headerName: "배송비코드" , field: "delvFeeCd" , width: 100 , cellClass: 'text-center', hide: temp2},
- {
- headerName : "추가배송비"
- , field : "addDelvFee"
- , width : 100
- , cellClass : 'text-right'
- , cellRenderer : function (params) {
- return params.value.addComma();
- }
- , hide : temp2
- },
- {headerName: "반품지명" , field: "rtnLocNm" , width: 100 , cellClass: 'text-center', hide: temp2},
- {headerName: "반품지명" , field: "rtnLocNm" , width: 100 , cellClass: 'text-center', hide: temp2},
- ];
- var gridOptionsDelvCdList = gagaAgGrid.getGridOptions(columnDelvCdList);
- </script>
- <script>
- //현재 사유는 고객 입니다.
- var isCustomer = false;
- // 사유
- var fnChangeChgReason = function(reasonCd){
- var arrReasonCd = reasonCd.split(":");
- var customerReasonArr = ['G689_10', 'G689_30'];
-
- isCustomer = false;
- // 취소, 반품, 교환 사유 판단
- for (i=0 ; i<customerReasonArr.length ; i++) {
- if (customerReasonArr[i] == arrReasonCd[0]) {
- isCustomer = true;
- }
- }
-
- // 귀책사유설정 회사, 고객
- if (isCustomer) {
- $("#imputeReason").text("고객");
- } else {
- $("#imputeReason").text("회사");
- }
- $('#cancelRequestFrm input[name=chgReason]').val(arrReasonCd[0]);
- $('#cancelRequestFrm input[name=chgReasonDesc]').val(arrReasonCd[1]);
-
- // 추가배송비 설정
- fnChangeQty();
- }
- // 교환요청
- var fnExchangeRequestSubmit = function () {
- var temp = false;
- var ordDtlStat = cancelRequestTargetList[0].ordDtlStat;
- var allCanYn = "N";
- // 1. 교환수량 체크
- for (i=0 ; i<cancelRequestTargetList.length ; i++) {
- if (cancelRequestTargetList[i].ordCanChgQty > 0) {
- temp = true;
- }
- }
- if (temp == false) {
- mcxDialog.alert('취소 할 수량을 입력하세요.');
- return;
- }
- // 3. 교환사유 체크
- var chgReason = $("#exchangeRequestFrm select[name=selectChgReason]").val();
- if (gagajf.isNull(chgReason)) {
- mcxDialog.alert("취소사유를 입력하세요.");
- return ;
- }
- // 5. 회수지정보설정
- var chgerNm = $("#exchangeRequestFrm input[name=chgerNm]").val();
- var chgerZipNo = $("#exchangeRequestFrm input[name=chgerZipNo]").val();
- var chgerBaseAddr = $("#exchangeRequestFrm input[name=chgerBaseAddr]").val();
- var chgerDtlAddr = $("#exchangeRequestFrm input[name=chgerDtlAddr]").val();
-
- var chgerPhnno1 = $("#exchangeRequestFrm select[name=chgerPhnno1]").val();
- var chgerPhnno2 = $("#exchangeRequestFrm input[name=chgerPhnno2]").val();
- var chgerPhnno3 = $("#exchangeRequestFrm input[name=chgerPhnno3]").val();
-
- var chgerTelno1 = $("#exchangeRequestFrm select[name=chgerTelno1]").val();
- var chgerTelno2 = $("#exchangeRequestFrm input[name=chgerTelno2]").val();
- var chgerTelno3 = $("#exchangeRequestFrm input[name=chgerTelno3]").val();
- if (gagajf.isNull(chgerZipNo)) {
- mcxDialog.alert("회수지주소를 입력하세요."); return;
- }
- if (gagajf.isNull(chgerBaseAddr)) {
- mcxDialog.alert("회수지주소를 입력하세요."); return;
- }
- if (gagajf.isNull(chgerDtlAddr)) {
- mcxDialog.alert("회수지주소를 입력하세요."); return;
- }
-
- if (gagajf.isNull(chgerPhnno1)) {
- mcxDialog.alert("휴대전화를 입력하세요."); return;
- }
- if (gagajf.isNull(chgerPhnno2)) {
- mcxDialog.alert("휴대전화를 입력하세요."); return;
- }
- if (gagajf.isNull(chgerPhnno3)) {
- mcxDialog.alert("휴대전화를 입력하세요."); return;
- }
- var chgerPhnno = chgerPhnno1 + chgerPhnno2 + chgerPhnno3;
- var chgerTelno = chgerTelno1 + chgerTelno2 + chgerTelno3;
- var chgerEmail = orderInfoList[0].ordEmail;
- // 교환지정보 설정
- var recipNm = $("#exchangeRequestFrm input[name=chgerNm]").val();
- var recipZipNo = $("#exchangeRequestFrm input[name=chgerZipNo]").val();
- var recipBaseAddr = $("#exchangeRequestFrm input[name=chgerBaseAddr]").val();
- var recipDtlAddr = $("#exchangeRequestFrm input[name=chgerDtlAddr]").val();
- var recipPhnno1 = $("#exchangeRequestFrm select[name=chgerPhnno1]").val();
- var recipPhnno2 = $("#exchangeRequestFrm input[name=chgerPhnno2]").val();
- var recipPhnno3 = $("#exchangeRequestFrm input[name=chgerPhnno3]").val();
- var recipTelno1 = $("#exchangeRequestFrm select[name=chgerTelno1]").val();
- var recipTelno2 = $("#exchangeRequestFrm input[name=chgerTelno2]").val();
- var recipTelno3 = $("#exchangeRequestFrm input[name=chgerTelno3]").val();
-
- if (gagajf.isNull(recipZipNo)) {
- mcxDialog.alert("교환지주소를 입력하세요."); return;
- }
- if (gagajf.isNull(recipBaseAddr)) {
- mcxDialog.alert("교환지주소를 입력하세요."); return;
- }
- if (gagajf.isNull(recipDtlAddr)) {
- mcxDialog.alert("교환지주소를 입력하세요."); return;
- }
-
- if (gagajf.isNull(recipPhnno1)) {
- mcxDialog.alert("휴대전화를 입력하세요."); return;
- }
- if (gagajf.isNull(recipPhnno2)) {
- mcxDialog.alert("휴대전화를 입력하세요."); return;
- }
- if (gagajf.isNull(recipPhnno3)) {
- mcxDialog.alert("휴대전화를 입력하세요."); return;
- }
-
- var recipPhnno = recipPhnno1 + recipPhnno2 + recipPhnno3;
- var recipTelno = recipTelno1 + recipTelno2 + recipTelno3;
- var recipEmail = orderInfoList[0].ordEmail;
-
- var jsonObj = {
- "ordNo" : $('#exchangeRequestFrm input[name=ordNo]').val()
- ,"chgReason" : $('#exchangeRequestFrm input[name=chgReason]').val()
- ,"chgMemo" : $('#chgMemo').val()
- ,"exchangeReqList" : cancelRequestTargetList
- ,"isCustomer" : isCustomer
- ,"chgerNm" : chgerNm
- ,"chgerEmail" : chgerEmail
- ,"chgerZipNo" : chgerZipNo
- ,"chgerBaseAddr" : chgerBaseAddr
- ,"chgerDtlAddr" : chgerDtlAddr
- ,"chgerPhnno" : chgerPhnno
- ,"chgerTelno" : chgerTelno
- ,"recipNm" : recipNm
- ,"recipEmail" : recipEmail
- ,"recipZipNo" : recipZipNo
- ,"recipBaseAddr" : recipBaseAddr
- ,"recipDtlAddr" : recipDtlAddr
- ,"recipPhnno" : recipPhnno
- ,"recipTelno" : recipTelno
- }
- // 주문번호, 교환사유, 교환메모, (취소, 반품, 교환 신청 정보 목록)
- var jsonData = JSON.stringify(jsonObj);
-
- mcxDialog.confirm('교환요청하시겠습니까?', {
- cancelBtnText : "반품",
- sureBtnClick : function(){
- // 교환 실행
- gagajf.ajaxJsonSubmit(
- '/orderChange/exchangeRequest/'
- , jsonData
- , function() {
- uifnPopupClose('popupOrderDetail');
- fnReOpenOrderDetailPopup();
- uifnPopupClose('popupReturnRequestForm');
- }
- );
- }
- });
- }
- // 우편번호 DAUM을 이용한 우편번호 팝업 레이어
- var fnOpenDaumAddr = function(loc) {
- let daumZip = new daum.Postcode({
- oncomplete: function(data) {
- // 우편번호와 주소 정보를 해당 필드에 넣는다.
- if (loc == 'withdraw') {
- $('#exchangeRequestFrm input[name=chgerZipNo]').val(data.zonecode);
- $('#exchangeRequestFrm input[name=chgerBaseAddr]').val(cfnGetDaumRoadAddr(data));
- $('#exchangeRequestFrm input[name=chgerDtlAddr]').focus();
- } else if (loc == 'exchange') {
- $('#exchangeRequestFrm input[name=recipZipNo]').val(data.zonecode);
- $('#exchangeRequestFrm input[name=recipBaseAddr]').val(cfnGetDaumRoadAddr(data));
- $('#exchangeRequestFrm input[name=recipDtlAddr]').focus();
- }
-
- cfnCloseDaumAddr();
- },
- width: '100%'
- });
-
- cfnOpenDaumAddr(daumZip);
- }
- // 회수지정보 설정
- var fnSetChger = function(){
- var data = orderDelvAddrInfo[0];
- var spRecipPhnno = (data.recipPhnno != null) ? data.recipPhnno.split('-') : null;
- var spRecipTelno = (data.recipTelno != null) ? data.recipTelno.split('-') : null;
-
- $("#exchangeRequestFrm input[name=chgerNm]").val(data.recipNm);
- $("#exchangeRequestFrm input[name=chgerZipNo]").val(data.recipZipNo);
- $("#exchangeRequestFrm input[name=chgerBaseAddr]").val(data.recipBaseAddr);
- $("#exchangeRequestFrm input[name=chgerDtlAddr]").val(data.recipDtlAddr);
-
- if (spRecipPhnno) {
- $("#exchangeRequestFrm select[name=chgerPhnno1]").val(spRecipPhnno[0]);
- $("#exchangeRequestFrm input[name=chgerPhnno2]").val(spRecipPhnno[1]);
- $("#exchangeRequestFrm input[name=chgerPhnno3]").val(spRecipPhnno[2]);
- }
-
- if (spRecipTelno) {
- $("#exchangeRequestFrm select[name=chgerTelno1]").val(spRecipTelno[0]);
- $("#exchangeRequestFrm input[name=chgerTelno2]").val(spRecipTelno[1]);
- $("#exchangeRequestFrm input[name=chgerTelno3]").val(spRecipTelno[2]);
- }
- }
- // 교환지정보 설정
- var fnSetExchangeAddr = function(){
- var data = orderDelvAddrInfo[0];
- var spRecipPhnno = (data.recipPhnno != null) ? data.recipPhnno.split('-') : null;
- var spRecipTelno = (data.recipTelno != null) ? data.recipTelno.split('-') : null;
-
- $("#exchangeRequestFrm input[name=recipNm]").val(data.recipNm);
- $("#exchangeRequestFrm input[name=recipZipNo]").val(data.recipZipNo);
- $("#exchangeRequestFrm input[name=recipBaseAddr]").val(data.recipBaseAddr);
- $("#exchangeRequestFrm input[name=recipDtlAddr]").val(data.recipDtlAddr);
-
- if (spRecipPhnno) {
- $("#exchangeRequestFrm select[name=recipPhnno1]").val(spRecipPhnno[0]);
- $("#exchangeRequestFrm input[name=recipPhnno2]").val(spRecipPhnno[1]);
- $("#exchangeRequestFrm input[name=recipPhnno3]").val(spRecipPhnno[2]);
- }
-
- if (spRecipTelno) {
- $("#exchangeRequestFrm select[name=recipTelno1]").val(spRecipTelno[0]);
- $("#exchangeRequestFrm input[name=recipTelno2]").val(spRecipTelno[1]);
- $("#exchangeRequestFrm input[name=recipTelno3]").val(spRecipTelno[2]);
- }
- }
- // 교환옵션 변경 이벤트
- var fnChangeOption = function(param) {
- var optCd2 = $(param).val();
- var ordDtlNo = $(param).attr('ordDtlNo');
- var ordDtlItemSq = $(param).attr('ordDtlItemSq');
- $.each(cancelRequestTargetList, function(idx, item){
- if (item.ordDtlNo == ordDtlNo && item.ordDtlItemSq == ordDtlItemSq) {
- var stockQtyArr = item.currStockQtys.split(',');
- var sizeCdArr = item.optCd2s.split(',');
- var stockIdx = sizeCdArr.indexOf(optCd2);
- var stockQty = stockQtyArr[stockIdx];
- item.currStockQty = stockQty;
- item.ordChgOpt = optCd2;
- }
- });
-
- gridOptionsExchangeReqList.api.setRowData(cancelRequestTargetList);
- }
- // 교환수량 변경 이벤트
- var fnChangeQty = function(param) {
- var ordCanChgQty = $(param).val();
- var ordDtlNo = $(param).attr('ordDtlNo');
- var exchangeRequestTargetList = [];
- $.each(cancelRequestTargetList, function(idx, item){
- if (item.ordDtlNo == ordDtlNo) {
- if (gagajf.isNull(item.ordChgOpt)) {
- mcxDialog.alert('교환옵션을 선택해주세요.');
- return false;
- }
-
- //var optCd2 = item.ordChgOpt;
- //var stockQtyArr = item.currStockQtys.split(',');
- //var sizeCdArr = item.optCd2s.split(',');
- //var stockIdx = sizeCdArr.indexOf(optCd2);
- //var stockQty = stockQtyArr[stockIdx];
- //if (stockQty < ordCanChgQty) {
- // mcxDialog.alert(item.itemNm + ' ' + optCd2 + '의 재고수량이 부족합니다.');
- //} else {
- // item.ordCanChgQty = ordCanChgQty;
- //}
-
- item.ordCanChgQty = ordCanChgQty;
-
- if (ordCanChgQty > 0) {
- exchangeRequestTargetList.push(item);
- }
- } else if (item.ordCanChgQty > 0) {
- exchangeRequestTargetList.push(item);
- }
- });
- // 추가배송비 설정
- fnAddDelvFee(exchangeRequestTargetList);
- gridOptionsExchangeReqList.api.setRowData(cancelRequestTargetList);
- }
- // 추가배송비 설정
- var fnAddDelvFee = function (exchangeRequestTargetList) {
- var delvCdList = [];
- var delvFeeList = [];
- var delvFee = 0;
- // 고객 귀책사유에 한하여 추가배송비 설정
- if (isCustomer) {
- $.each(exchangeRequestTargetList, function (idx, item) {
- if (!delvCdList.includes(item.delvFeeCd)) {
- var delvFeeTmp = $('#wdGb').val() == 'W' ? item.excDelvFee : item.rtnDelvFee;
- delvFee += delvFeeTmp;
- item.addDelvFeeYn = 'Y';
- item.addDelvFee = delvFeeTmp;
- delvCdList.push(item.delvFeeCd);
- delvFeeList.push(item);
- }
- });
- }
-
- addDelvFee = delvFee;
- addDelvFeeList = delvFeeList;
-
- gridOptionsDelvCdList.api.setRowData(addDelvFeeList);
- $('#addDelvFee').text(addDelvFee);
- }
- $(document).ready(function() {
- // 1. 그리드생성
- gagaAgGrid.createGrid('gridOrderCancelRequestList' , gridOptionsExchangeReqList); // 주문정보
- //gagaAgGrid.createGrid('gridOrderCancelRequestToBeList' , gridOptionsExchangeReqToBeList); // 취소정보
- gagaAgGrid.createGrid('gridDelvCdList' , gridOptionsDelvCdList); // 배송비정보
- gridOptionsExchangeReqList.api.setRowData(cancelRequestTargetList);
-
- // 2.1 TOTAL ROWS 없애기
- gagaAgGrid.hideStatusBar('gridOrderCancelRequestList');
- gagaAgGrid.hideStatusBar('gridOrderCancelRequestToBeList');
- gagaAgGrid.hideStatusBar('gridDelvCdList');
-
- // 3. 회수지정보설정
- fnSetChger();
-
- // 4. 교환지정보설정
- fnSetExchangeAddr();
- });
- </script>
- </html>
|