style24
/
style24.admin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : WithdrawDirectiveListForm.html
 * @desc    : 회수지시 목록 Page
 *=============================================================
 * ISTYLE24
 * Copyright(C) 2021 TSIT, All rights reserved.
 *=============================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  ==================================
 * 1.0  2021.05.10   moon        최초 작성
 *******************************************************************************
 -->
 	<div id="main">
		<!-- 메인타이틀 영역 -->
		<div class="main-title">
		</div>
		<!-- //메인타이틀 영역 -->
		<!-- 메뉴 설명 -->
		<div class="infoBox menu-desc">
		</div>
		<!-- //메뉴 설명 -->
		
		<!-- 검색조건 영역 -->
		<form id="searchForm" name="searchForm" action="#" th:action="@{'/withdraw/direct/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;">
		<div class="panelStyle">
			<!-- TITLE -->
			<div class="panelTitle">
				<h3><i class="fa fa-info-circle"></i>아래 검색조건  <font color="red">주문번호,주문변경번호,회수요청일</font>중 하나를 꼭 입력해 주세요.</h3>
				<span class="panelControl">
					<i class="fa fa-chevron-up"></i>
				</span>
			</div>
			<!-- //TITLE -->
			<div class="panelContent">	
				
					<table class="frmStyle">
						<colgroup>
							<col style="width:8%;"/>
							<col style="width:12%;"/>
							<col style="width:8%;"/>
							<col style="width:12%;"/>
							<col style="width:8%;"/>
							<col style="width:12%;"/>
						</colgroup>
						<tr>
							<th>주문자명</th>
							<td>
								<input type="text" class="w40p" name="ordNm" placeholder="" maxlength="20"/>
							</td>
							<th>주문번호</th>
							<td>
								<input type="text" class="w40p" name="ordNo" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="" maxlength="20"/>
							</td>
							<th>주문변경번호</th>
							<td>
								<input type="text" class="w40p" name="ordChgSq" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="" maxlength="20"/>
							</td>
						</tr>
						<tr>	
							<th>회수구분</th>
							<td>
								<select name="chgGb"class="w100">
									<option value="">&nbsp;전체&nbsp;</option>
									<option value="G680_30"> 반품요청 </option>
									<option value="G680_40"> 교환요청 </option>
								</select>
							</td>
							<th>진행상태</th>
							<td>
								<select name="chgStat" class="w100">
									<option value="">전체</option>
									<option th:if="${chgStatList}" th:each="oneData, status : ${chgStatList}" th:value="${oneData.cd}" th:text="${oneData.cdNm}"></option>	
								</select>
							</td>
							<th>반품방식</th>
							<td>
								<select name="wdGb" class="w100">
									<option value="">&nbsp;전체&nbsp;</option>
									<option value="W">방문회수</option>
									<option value="D">직접배송</option>
									
								</select>
							</td>
						</tr>
						<tr>
							<th>택배사전송여부</th>
							<td>
								<select name="sendYn" class="w100">
									<option value="">전체</option>
									<option value="Y">전송</option>
									<option value="N">미전송</option>
									
								</select>
							</td>
							<th>CJ회수상태</th>
							<td colspan="3">
								<select name="wdShipState" class="w100">
									<option value="">전체</option>
									<option th:if="${wdShipStateList}" th:each="oneData, status : ${wdShipStateList}" th:value="${oneData.cd}" th:text="${oneData.cdNm}"></option>
								</select>
							</td>
						</tr>
						<tr>
							<th>회수요청일</th>
							<td colspan="5" id="terms">
							</td>
						</tr>
					</table>
	
					<ul class="panelBar">
						<li class="center">
						<button type="button" class="btn btn-base btn-lg" id="btnSearch">조회</button>
						<button type="button" class="btn btn-gray btn-lg" onclick="$('#searchForm')[0].reset(); fnInitCalendar();">초기화</button>
						<button type="button" id="btnExcel" class="btn btn-info btn-lg" >엑셀다운로드</button>
						</li>
					</ul>

				</div>
		</div>
		<!-- //검색조건 영역 -->

		<!-- 리스트 영역 -->
		<div class="panelStyle">
			<ul class="panelBar">
				<li class="right">
					검색결과 : <strong><span id="gridRowTotalCount">0</span> 건</strong>&nbsp;
					쪽번호 <span id="pgNo">0</span>/ <strong id="endPgNo">0</strong>&nbsp;&nbsp;
					<select id="pageSize" name="pageSize">
						<option value="10" >10개씩 보기</option>
						<option value="20" selected="selected">20개씩 보기</option>
						<option value="50">50개씩 보기</option>
						<option value="100">100개씩 보기</option>
						<option value="500">500개씩 보기</option>
						<option value="1000">1000개씩 보기</option>
					</select>
					<input type="hidden" name="pageNo" id="pageNo" value ="1"/>
				</li>
			</ul>
			<div id="gridList" style="width:100%; height: 500px;" class="ag-theme-balham"></div>
			<ul class="panelBar">
				<li class="center">
					<div class="tablePaging" id="delvWithdrawListPagination"></div>
				</li>
			</ul>
					 
		</div>
		</form>
		<!-- //리스트 영역 -->
	</div>
<script type="text/javascript" src="/ux/plugins/gaga/gaga.paging.js?v=20210114"></script>
<script th:inline="javascript">
/*<![CDATA[*/
	// 사이트목록
	var currOrdNo =0;
	var columnDefs = [
		{headerName: "주문변경번호", 	field: "ordChgSq", 		width: 100, cellClass: "text-center",
			cellRenderer	: function(params) {
				var rtnStr = "";
				
				var paramData 	= params.data.ordNo;
				paramData 		+= '@' + params.data.ordDtlNo;
				paramData 		+= '@' + params.data.delvFeeCd;
				paramData 		+= '@' + params.data.delvFeeCdGrp;
				 
				// 반품접수, 반품대기, 회수요청, 상품검수중, 결제대기, 반품진행중
				if (params.data.chgStat == 'G685_50' || params.data.chgStat == 'G685_51' 
						|| params.data.chgStat == 'G685_30' || params.data.chgStat == 'G685_31' || params.data.chgStat == 'G685_32' || params.data.chgStat == 'G685_33') {
					rtnStr = '<a href="javascript:void(0);" onclick="fnReturnRequest(\'' + paramData + '\',\'' + params.value + '\');">' + params.value + '</a>';
				}
				// 교환접수, 교환대기, 회수요청, 상품검수중, 결제대기, 교환진행중
				else if (params.data.chgStat == 'G685_20' || params.data.chgStat == 'G685_21' 
						|| params.data.chgStat == 'G685_30' || params.data.chgStat == 'G685_31' || params.data.chgStat == 'G685_32' || params.data.chgStat == 'G685_34') {
					rtnStr = '<a href="javascript:void(0);" onclick="fnExchangeRequest(\'' + paramData + '\',\'' + params.value + '\');">' + params.value + '</a>';
				} 
				else {
					rtnStr = params.value;
				}
				return  rtnStr;
			}			
		
		},
		{headerName: "주문번호", 		field: "ordNo", 		width: 100, cellClass: "text-center",
			cellRenderer: function(params) { 
				return gagajf.isNull(params.value) ? '' : "<a href=\"javascript:void(0);\" onclick=\"fnOrderDetailPopup('" + params.data.ordNo + "');\">" + params.data.ordNo + "</a>";
			}
		},
		{headerName: "주문상세번호", 	field: "ordDtlNo", 		width: 100, cellClass: "text-center"},		
		{headerName: "회수구분", 		field: "chgGbNm", 		width: 80, cellClass: "text-center"},
		
		{headerName: "사유", 			field: "chgReasonNm", 	width: 150, cellClass: "text-left"},
		{headerName: "회수요청일", 		field: "regDt", 	width: 100, cellClass: "text-center"},
		{headerName: "진행상태", 		field: "chgStatNm", 	width: 100, cellClass: "text-center"},
		{headerName: "상품코드", 		field: "goodsCd", 		width: 120, cellClass: "text-center",
			cellRenderer: function(params) { return gagajf.isNull(params.value) ? '' : '<a href="javascript:void(0);">' + params.value + '</a>'; }
		},
		{headerName: "상품명", 			field: "goodsNm", 		width: 200, cellClass: "text-left"},
		{headerName: "수량", 			field: "chgQty", 		width: 80, cellClass: "text-center"},
		{headerName: "반품방식", 		field: "wdGbNm", 			width: 80, cellClass: "text-center"},
		{headerName: "택배사전송", 		field: "sendYn", 		width: 80, cellClass: "text-center"},
		{headerName: "회수송장번호", 	field: "wdInvoiceNo", 	width: 100, cellClass: "text-center"
			, cellRenderer	: function (params) {
				var retStr = '';
				if (!gagajf.isNull(params.value) && !gagajf.isNull(params.data.shipCompCd)) {
					retStr = '<a href="javascript:void(0);" onclick="fnSweetTracker(\'' + params.data.shipCompCd + '\',\'' + params.data.wdInvoiceNo + '\');">' + params.value + '</a>';
				}
				return retStr;
			}			
		},
		{headerName: "CJ회수상태", 		field: "wdShipStateNm", width: 120, cellClass: "text-center"},
		{headerName: "회수상태수신일시", field: "wdStateDt", 		width: 120, cellClass: "text-center"},
		{headerName: "미회수사유", 		field: "wdReasonCdNm", 	width: 100, cellClass: "text-center"},
		{headerName: "재회수지시", 		field: "wdShipState", 	width: 100,	cellClass: 'text-center',
			cellRenderer: function(params) {
				return params.value == '12' && params.data.chgStat == 'G685_30' ? '<button type="button" class="btn btn-base btn-sm" onclick="fnReRecallOrder(\'' + params.data.chgGb + '\',\'' + params.data.ordDtlNo + '\',\''+params.data.ordChgSq+'\',\''+params.data.ordNo+'\');">&nbsp;재회수지시&nbsp;</button>' : "";
			}
		},	
		{headerName: "교환선발송여부 ", 	field: "wdBfSendYn", 	width: 110, cellClass: "text-center"},
		{headerName: "배송시작일시", 	field: "wdStdt", 		width: 120, cellClass: "text-center"},
		{headerName: "배송종료일시", 	field: "wdEddt", 		width: 120, cellClass: "text-center"},
		{headerName: "수취인명", 		field: "recipNm", 		width: 120, cellClass: "text-center"},
		{headerName: "알림톡", 			field: "", 				width: 140, cellClass: "text-center",
			cellRenderer: function(params) {
				if (params.data.wdShipState == '12' && params.data.chgStat == 'G685_30') {
					
					var paramData 	= params.data.ordChgSq;
					paramData 		+= '@' + params.data.wdReasonCd;
					paramData 		+= '@' + params.data.chgGb;
					
					if(params.data.chgGb == 'G680_30'){ // 반품요청 
						return '<button type="button" class="btn btn-base btn-sm" onclick="fnKaKao(\'' + paramData + '\');">&nbsp;반품철회알림톡&nbsp;</button>';
					} else if(params.data.chgGb == 'G680_40'){ // 교환요청 
						return '<button type="button" class="btn btn-base btn-sm" onclick="fnKaKao(\'' + paramData + '\');">&nbsp;교환철회알림톡&nbsp;</button>';
					}
				}
			}
		},
		{headerName: "LMS", 			field: "maskingChgerPhnno", 	width: 80, cellClass: "text-center",
			cellRenderer: function(params) {
				return '<button type="button" class="btn btn-base btn-sm" onclick="fnLms(\'' + params.data.chgerPhnno + '\',\'' + params.data.custNo + '\');">&nbsp;LMS&nbsp;</button>';
			}			
		},
		{headerName: "보내시는분", 			field: "maskingChgerNm", 		width: 100, cellClass: "text-center"},
		{headerName: "반품회수지휴대전화", 	field: "maskingChgerPhnno", 	width: 120, cellClass: "text-center"},
		{headerName: "반품회수지우편번호", 	field: "chgerZipcode", 			width: 120, cellClass: "text-center"},
		{headerName: "반품회수지기본주소", 	field: "chgerBaseAddr", 		width: 300, cellClass: "text-left"},
		{headerName: "변경자상세주소", 		field: "maskingChgerDtlAddr", 	width: 200, cellClass: "text-left"},
		{headerName: "주문자명", 			field: "maskingOrdNm", 			width: 100, cellClass: "text-center"},
		{headerName: "주문자휴대전화", 		field: "maskingOrdPhnno", 		width: 120, cellClass: "text-center"},
		{headerName: "주문자전화번호", 		field: "ordTelno", 				width: 120, cellClass: "text-center"},
		{headerName: "주문자이메일", 		field: "maskingOrdEmail", 		width: 120, cellClass: "text-left"}
	];

	var gridOptions = gagaAgGrid.getGridOptions(columnDefs);

	// 셀 클릭 이벤트
	gridOptions.onCellClicked = function(event) {
		if (event.colDef.field == 'ordNo') {
			// 주문 상세
			cfnOpenOrderDetailPopup(event.data.ordNo);
		} else if (event.colDef.field == 'goodsCd') {
			// 상품 상세
			cfnOpenGoodsDetailPopup('U', event.data.goodsCd);
		}
	};

	/*************************************************************************
	*  주문상세 팝업  
	**************************************************************************/		
	var fnOrderDetailPopup = function(ordNo){
		currOrdNo = ordNo;
		cfnOpenOrderDetailPopup(currOrdNo);
	}
	
	/*************************************************************************
	*  팝업 콜백 
	**************************************************************************/		
	var fnReOpenOrderDetailPopup = function () {
		cfnOpenOrderDetailPopup(currOrdNo);
		fnSearchList();
	};
	
	// 조회
	$('#btnSearch').on('click', function() {
		$("#searchForm input[name=pageNo]").val('1');
		fnSearchList();
	});

	/*************************************************************************
	*  조회 
	**************************************************************************/
	var fnSearchList = function() {
		
		var searchChk = "N";
		

		if ($('#searchForm input[name=ordNo]').val() != '') {
			searchChk = "Y";
		}		
		
		if ($('#searchForm input[name=ordChgSq]').val() != '') {
			searchChk = "Y";
		}
		
		
		if(searchChk == "N"){
			if($('#stDate').val() == ''){
				mcxDialog.alert('시작 기간을 입력하세요.');
				return;
			}
	
			if($('#edDate').val() == ''){
				mcxDialog.alert('종료 기간을 입력하세요.');
				return;
			}
			// 날짜 유효성 체크
			if (Number($('#stDate').val().replaceAll("-", "")) > Number($('#edDate').val().replaceAll("-", ""))) {
				mcxDialog.alert("시작일은 종료일보다 클 수 없습니다.");
				return;
			}			
		}

		gagaPaging.init('searchForm', fnSearchCallBack, 'delvWithdrawListPagination', $('#searchForm').find('#pageSize').val());
	    gagaPaging.load($("#searchForm input[name=pageNo]").val());
	}
	
	/*************************************************************************
	*  조회 콜백
	**************************************************************************/
	var fnSearchCallBack = function(result){

		$('#searchForm').find('#gridRowTotalCount').html(result.pageing.pageable.totalCount.addComma());
		$('#searchForm').find('#pageNo').val(result.pageing.pageable.pageNo.addComma());
		$('#searchForm').find('#pgNo').html(result.pageing.pageable.pageNo.addComma());
		$('#searchForm').find('#endPgNo').html(result.pageing.pageable.totalPage.addComma());
		gridOptions.api.setRowData(result.directList);
		gagaPaging.createPagination(result.pageing.pageable);
		
	}
	
	// 페이징
	$('#searchForm select[name=pageSize]').on('change', function() {
		$("#searchForm input[name=pageNo]").val('1');
		fnSearchList();
	});
	
	
	/*************************************************************************
	*  재회수지시
	**************************************************************************/	
	var fnReRecallOrder = function(chgGb, ordDtlNo, ordChgSq, ordNo ){
		mcxDialog.confirm("재회수지시 하시겠습니까?", {
		    cancelBtnText: "취소",
		    sureBtnText: "확인",
		    sureBtnClick: function() {
	            var param = new Object;
	            param.chgGb    = chgGb;
	            param.ordDtlNo = ordDtlNo;
	            param.ordNo    = ordNo;
	            param.ordChgSq = ordChgSq;
	            var jsonData = JSON.stringify(param);
	            gagajf.ajaxJsonSubmit('/withdraw/direct/recallorder', jsonData, fnSearchList);
	        }
		});
	}

	
	
	/*************************************************************************
	*  KAKAO(알림톡)
	**************************************************************************/	
	var fnKaKao = function(paramData){

		var param  = "";
		var msg    = "";
		var gubun  = "";
		var paramArr = paramData.split("@");

		var ordChgSq	= paramArr[0];
		var wdReasonCd  = paramArr[1];
		var chgGb       = paramArr[2];

		if(chgGb == "G680_30"){ // 반품 
			if(wdReasonCd == "18" || wdReasonCd == "14" || wdReasonCd == "16" || wdReasonCd == "25"){ // 고객부재 
				gubun = "RETURN_CANCEL_CUSTOMER";
			} else if(wdReasonCd == "21" ){ // 고객정보(주소) 오류 
				gubun = "RETURN_CANCEL_ADDR";
			}
			msg = "반품 철회 알림톡 발송 하시겠습니까?";
			
		} else if(chgGb == "G680_40"){ // 교환 
			if(wdReasonCd == "18" || wdReasonCd == "14" || wdReasonCd == "16" || wdReasonCd == "25"){ // 고객부재 
				gubun = "EXCHANGE_CANCEL_CUSTOMER";
			} else if(wdReasonCd == "21" ){ // 고객정보(주소) 오류 
				gubun = "EXCHANGE_CANCEL_ADDR";
			}
			msg = "교환 철회 알림톡 발송 하시겠습니까?";
		}

		if(gubun == ""){
			mcxDialog.alert('알림톡 대상이 아닙니다.');
			return false;
		}

		mcxDialog.confirm(msg, {
		    cancelBtnText: "취소",
		    sureBtnText: "확인",
		    sureBtnClick: function() {
	            var param = new Object;
	            param.ordChgSq   = ordChgSq;
	            param.gubun      = gubun;
	            
	            var jsonData = JSON.stringify(param);
	            gagajf.ajaxJsonSubmit('/withdraw/direct/recallCancel', jsonData, "");
	        }
		});
	}
	
	
	/*************************************************************************
	*  LMS
	**************************************************************************/	
	var fnLms = function(chgerPhnno, custNo){
		let param = {};
		param.elementCellPhnno = chgerPhnno; 
		param.elementCustNo =    custNo; 
		param.pageGb = 'delv';
		cfnOpenLmsPopup2(param);
	}

	/*************************************************************************
	*  반품요청
	**************************************************************************/		
	var fnReturnRequest = function (paramData, ordChgSq) {
		
		// 취소요청 구분 (orChgSq null 이면 취소요청화면 있으면 취소요청정보화면)
		if (ordChgSq == null) {
			ordChgSq = 0;
		}
		
		var param 		= "";
		var paramArr 	= paramData.split("@");
		param += "&ordNo=" 			+ paramArr[0];
		param += "&ordDtlNo=" 		+ paramArr[1];
		param += "&delvFeeCd="		+ paramArr[2];
		param += "&delvFeeCdGrp="	+ paramArr[3];
		
		param += "&ordChgSq=" 		+ ordChgSq;
		var actionUrl = "/orderChange/rtn/req/form?" + param;
		cfnOpenModalPopup(actionUrl, 'popupReturnRequestForm');
	};

	/*************************************************************************
	*  교환요청
	**************************************************************************/			
	var fnExchangeRequest = function (paramData, ordChgSq) {
		console.log(paramData);
		// 취소요청 구분 (orChgSq null 이면 취소요청화면 있으면 취소요청정보화면)
		if (ordChgSq == null) {
			ordChgSq = 0;
		}
		
		var paramArr 	= paramData.split("@");
		var param 		= "";
		param += "&ordNo=" 			+ paramArr[0];
		param += "&ordDtlNo=" 		+ paramArr[1];
		param += "&delvFeeCd="		+ paramArr[2];
		param += "&delvFeeCdGrp="	+ paramArr[3];
		param += "&ordChgSq=" 		+ ordChgSq;
		
		var actionUrl = "/orderChange/exchange/request/form?" + param;
		cfnOpenModalPopup(actionUrl, 'popupExchangeRequestForm');
	};
	
	//엑셀다운로드
	$('#btnExcel').on('click', function() {

		
		var totalRows = gridOptions.api.getDisplayedRowCount();
		if(totalRows==0){
			mcxDialog.alert('조회된 내역이 없습니다.');
			return;
		}

		var date = new Date().format("YYYYMMDDHHmmss");
		var params = {
			fileName : "회수지시목록_"+ date,
			sheetName: "DATA"
		}
		gridOptions.excelStyles = [
			{
				id: 'dateFormat',
				dataType: 'dateTime',
				numberFormat: {
					format: 'YYYY-MM-DD;@'
				}
			},
			{
				id: 'textFormat',
				dataType: 'string'
			}
		]
		gridOptions.api.exportDataAsExcel(params);
		
	});
	
	// 2021.06.17스윗트래커 송장조회
	var fnSweetTracker = function (shipCompCd, invoiceNo) {
		var actionUrl = "/order/delivery/sweetTrackerDeliveryInfo?shipCompCd=" + shipCompCd + "&invoiceNo=" + invoiceNo;
		cfnOpenModalPopup(actionUrl, 'popupSweetTrackerDeliveryInfo');
		
	};
	
	$(document).ready(function() {
		// Create a agGrid
		gagaAgGrid.createGrid('gridList', gridOptions);
		var hideList = ["btnThisWeek", "btnYesterWeek", "btnThisMonth", "btnYesterMonth", "btnRecent3Month"];
		cfnCreateCalendar('#terms', 'stDate', 'edDate', true, '','',  hideList);
		// grid 높이 조절
		//uifnFitGrid('auto');
		gagajf.setDate('#terms', 'stDate', 'edDate', '7d');

		//fnDatepickerDisabled();
	});

/*]]>*/
</script>

</html>