style24
/
style24.admin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : RefundRegisterListForm.html
 * @desc    : 환불관리 화면 Page
 *=============================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *=============================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  ==================================
 * 1.0  2020.11.16   moon        최초 작성
 *******************************************************************************
 -->
	<div id="main">
		<!-- 메인타이틀 영역 -->
		<div class="main-title">
		</div>
		<!-- //메인타이틀 영역 -->
		
		<!-- 메뉴 설명 -->
		<div class="infoBox menu-desc">
		</div>
		<!-- //메뉴 설명 -->
		
		<form id="searchForm" name="searchForm" action="#" th:action="@{'/withdraw/refund/list'}" onsubmit="fnSearch(); 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:25%" />
							<col style="width:8%" />
							<col style="width:25%" />
							<col style="width:8%" />
							<col style="width:26%" />
						</colgroup>
						<tbody>
							<tr>
								<th>구분<em class="required" title="필수"></em></th>
								<td colspan="5">
									<select id="searchType" name="searchType">
										<option value="withdrawDt">회수등록일자</option>
										<option value="returnDt">반품신청일자</option>
										<option value="confirmDt">반품완료일자</option>
									</select>
									<span id="terms">
										<input type="text" class="schDate w100" id="stDate" name="stDate" maxlength="10"/>
										~
										<input type="text" class="schDate w100" id="edDate" name="edDate" maxlength="10"/>
									</span>
								</td>
							</tr>
							<tr>
								<th>주문번호</th>
								<td >
									<input type="text" id="ordNo" name="ordNo" class="w200" />
								</td>
								<th>회수송장번호</th>
								<td>
									<input type="text" name="wdInvoiceNo" class="w200" />
								</td>
								<th>제휴몰 주문번호</th>
								<td>
									<input type="text" name="extmallOrderId" class="w200" />
								</td>	
							</tr>
							<tr>
								<th>환불상태</th>
								<td >
									<select id="withdrawType" name="withdrawType">
										<option value="">전체</option>
										<option value="N" selected>환불대기</option>
										<option value="Y">환불완료</option>
									</select>
								</td>
								<th>상품코드</th>
								<td>
									<input type="text" class="w200" name="goodsCd"/>
								</td>
								<th>제휴몰명</th>
								<td>
									<select name="extmallId" id="extmallId" class="w200">
										<option value="">[전체]</option>
										<option value="N">제휴사 제외</option>
										<option th:if="${extmallList}" th:each="oneData, status : ${extmallList}" th:value="${oneData.cd}" th:text=" ${oneData.cdNm}"></option>
									</select>
								</td>								
							</tr>
							<tr>
								<th>주문자명</th>
								<td>
									<input type="text" id="ordNm" name="ordNm" class="w200" />
								</td>
								<th>주문자연락처</th>
								<td>
									<input type="text" id="ordPhnno" name="ordPhnno" class="w200" maxlength="20"/>
								</td>
								<th>SKU-CODE</th>
								<td>
									<input type="text" id="optCd" name="optCd" class="w200" maxlength="40"/>
								</td>
							</tr>
						</tbody>
					</table>
	
					<ul class="panelBar">
						<li class="center">
						<button type="button" class="btn btn-base btn-lg 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="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>
						<option value="3000">3000개씩 보기</option>
						<option value="5000">5000개씩 보기</option>
					</select>
					<input type="hidden" name="pageNo" id="pageNo" value ="1"/>
				</li>
			</ul>		
			
			<div id="gridList" style="width:100%; height: 570px;" class="ag-theme-balham"></div>
			<ul class="panelBar">
				<li class="center">
					<div class="tablePaging" id="withdrawExceptionListPagination"></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[*/
	// specify the columns
	// var extmallList =  gagajf.convertToArray([[${extmallList}]]);
	
	var columnDefs = [
		{headerName: "클레임접수일 ",		field: "chgRegDt",			width: 120,  cellClass: 'text-center'},
		{headerName: "환불컨펌", 			field: "refundConfirm",		width: 120,  cellClass: 'text-center',
			cellRenderer: function(params) {
				if (params.data.rfndStat == '환불완료') {
					return "<a href=\"javascript:void(0);\" class=\"btn btn-dark btn-sm\">환불완료</a>";
				}else{
					return "<a href=\"javascript:void(0);\" class=\"btn btn-base btn-sm\">환불컨펌</a>";
				}
			}
		},
		{headerName: "환불상태 ",			field: "rfndStat",			width: 80,  cellClass: 'text-center'},
		{headerName: "회수구분", 			field: "wdGb",				width: 80,  cellClass: 'text-center'},
		{headerName: "몰구분", 			field: "mallGbNm",			width: 80,  cellClass: 'text-center'},
		{headerName: "제휴몰명", 			field: "extmallNm",			width: 120, cellClass: 'text-left'},
		{headerName: "제휴몰 주문번호", 	field: "extmallOrderId",	width: 120, cellClass: 'text-center'},
		{
			headerName		: "주문번호"
			, field			: 'ordNo'
			, width			: 80
			, cellClass		: 'text-center'
			, sortable		: true
			, cellRenderer	: function (params) {
				var roleCd = [[${sessionInfo.roleCd}]];
				if (!roleCd.startsWith("C")) {
					return "<a href=\"javascript:void(0);\" onclick=\"fnOpenOrderDetailPopup('" + params.value + "');\">" + params.value + "</a>";
				} else {
					return params.value;
				}
			}
		},
		{headerName: "주문상세번호", 		field: "ordDtlNo",			width: 100,  cellClass: 'text-center'},
		{
			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;
				paramData 		+= '@' + params.data.chgStat;
					
				// 취소요청
				if (params.data.chgGb == "G680_20") {
					rtnStr = '<a href="javascript:void(0);" onclick="fnCancelRequest(\'' + paramData + '\',\'' + params.value + '\');">' + params.value + '</a>';
				}
				// 반품요청
				else if (params.data.chgGb == "G680_30") {
					rtnStr = '<a href="javascript:void(0);" onclick="fnReturnRequest(\'' + paramData + '\',\'' + params.value + '\');">' + params.value + '</a>';
				}
				// 교환요청
				else if (params.data.chgGb == "G680_40") {
					rtnStr = '<a href="javascript:void(0);" onclick="fnExchangeRequest(\'' + paramData + '\',\'' + params.value + '\');">' + params.value + '</a>';
				}
				else {
					rtnStr = params.value;
				}				
				return  rtnStr;
			}
		},
		{headerName: "주문변경번호", 		field: "ordChgSq",			width: 100,  cellClass: 'text-center', hide: true},
		{headerName: "배송정책그룹", 		field: "delvFeeCdGrp",		width: 100,  cellClass: 'text-center', hide: true},
		{headerName: "배송정책", 			field: "delvFeeCd",			width: 100,  cellClass: 'text-center', hide: true},
		{headerName: "변경구분", 			field: "chgGb",				width: 100,  cellClass: 'text-center', hide: true},
		{headerName: "변경상태", 			field: "chgStat",			width: 100,  cellClass: 'text-center', hide: true},
		{
			headerName		: "주문자명"
			, field			: "maskingOrdNm"
			, width			: 140
			, cellClass		: 'text-left'
			, sortable		: true
			, cellRenderer	: function (params) {
				if (params.data.custNo > 0) {
					return '<a href="javascript:void(0);" onclick=\"cfnOpenCustDetailPopup(' + params.data.custNo + ');\">' + params.value + '</a>';
				} else {
					return params.value;
				}
			}
		},
		{headerName: "고객고유번호", 		field: "custNo", 			width: 120, cellClass: 'text-center', hide: true},
		{headerName: "주문자연락처", 		field: "maskingOrdPhnno",	width: 120, cellClass: 'text-center'},
		{headerName: "회수송장번호", 		field: "wdInvoiceNo", 		width: 100, cellClass: 'text-center'},
		{headerName: "도착일", 			field: "arrivalDt", 		width: 100,  cellClass: 'text-center'},
		{headerName: "반품완료일", 		field: "wdEddt", 			width: 80,  cellClass: 'text-center'},
		{headerName: "회수등록일", 		field: "wdRegDt", 			width: 80,  cellClass: 'text-center'},
		{headerName: "요청사유",			field: "chgReasonNm", 		width: 150,  cellClass: 'text-center'},
		{headerName: "WMS회수메모", 		field: "wdMemo", 			width: 200,  cellClass: 'text-left'},
		{headerName: "상품코드", 			field: "goodsCd", 			width: 150,  cellClass: 'text-center'},
		{headerName: "상품타입", 			field: "goodsTypeNm", 		width: 100,  cellClass: 'text-center'},
		{headerName: "SKU-CODE", 		field: "optCd", 			width: 120,  cellClass: 'text-center'},
		{headerName: "옵션1", 			field: "optCd1", 			width: 80,  cellClass: 'text-center'},
		{headerName: "옵션2", 			field: "optCd2", 			width: 80,  cellClass: 'text-center'},
		{headerName: "반품수량", 			field: "chgQty", 			width: 80,  cellClass: 'text-center'},
		{headerName: "회수수량", 			field: "wdQty", 			width: 80,  cellClass: 'text-center'},
		{headerName: "보내는사람", 		field: "maskingSenderNm", 	width: 100, cellClass: 'text-center'},
		{headerName: "보낸연락처", 		field: "maskingSenderPhnno",width: 120, cellClass: 'text-center'}
	];

	// Get GridOptions
	var withDrawGridOptions = gagaAgGrid.getGridOptions(columnDefs);
	/*************************************************************************
	*  init
	**************************************************************************/	
	$(document).ready(function() {
		// Create a agGrid
		gagaAgGrid.createGrid('gridList', withDrawGridOptions);
		cfnCreateCalendar('#terms', 'stDate', 'edDate', true, '조회');

		gagajf.setDate('#terms', 'stDate', 'edDate', '7d');
	});

	/*************************************************************************
	*  조회 버튼 클릭 시
	**************************************************************************/
	$('#btnSearch').on('click', function() {
		$("#searchForm input[name=pageNo]").val('1');
		fnSearch();
	});

	/*************************************************************************
	*  조회 
	**************************************************************************/	
	var fnSearch = function() {
		var searchNm = $('#searchType option:selected').text();
		
		if($('#stDate').val() == ''){
			mcxDialog.alert(searchNm+' 시작 기간을 입력하세요.');
			return;
		}

		if($('#edDate').val() == ''){
			mcxDialog.alert(searchNm+' 종료 기간을 입력하세요.');
			return;
		}
		
		gagaPaging.init('searchForm', fnSearchCallBack, 'withdrawExceptionListPagination', $('#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());
		withDrawGridOptions.api.setRowData(result.refundList);
		gagaPaging.createPagination(result.pageing.pageable);
		
	}
	
	// 페이징
	$('#searchForm select[name=pageSize]').on('change', function() {
		$("#searchForm input[name=pageNo]").val('1');
		fnSearch();
	});
	
	/*************************************************************************
	*  cell Click
	**************************************************************************/	
	withDrawGridOptions.onCellClicked = function(event) {
		if (event.colDef.field != 'refundConfirm') return;
		// 회수등록 팝업
		if (event.data.ordChgSq > 0 && !gagajf.isNull(event.data.ordChgSq) && event.data.wdQty > 0) {
			// 회수 상세 화면
			detailPopup(event.data.ordChgSq, event.data.ordNo, event.data.userNo);
		} 
	}

	/*************************************************************************
	*  달력 초기화 
	**************************************************************************/		
	var fnInitCalendar = function() {
		gagajf.setDate('#terms', 'stDate', 'edDate', '7d');
	}
	
	/*************************************************************************
	*  회수 상세 화면
	**************************************************************************/		
	var detailPopup = function(ordChgSq, ordNo, userNo) {
		if (ordChgSq == 0) return;
		var actionUrl = "/withdraw/refund/detail/form?ordChgSq=" + ordChgSq + '&ordNo=' + ordNo + '&userNo=' + userNo;
		cfnOpenModalPopup(actionUrl, "popupWithdrawDetail");
	}

	/*************************************************************************
	* 엑셀다운로드 
	**************************************************************************/		
	$('#btnExcel').on('click', function () {
		var totalRows = withDrawGridOptions.api.getDisplayedRowCount();
		if (totalRows == 0) {
			mcxDialog.alert('조회된 내역이 없습니다.');
			return;
		}
		var date = new Date().format("YYYYMMDDHHmmss");
		var params = {

			fileName: "환불관리목록_" + date,
			sheetName: "DATA"
		}
		withDrawGridOptions.excelStyles = [
			{
				id: 'dateFormat',
				dataType: 'dateTime',
				numberFormat: {
					format: 'YYYY-MM-DD;@'
				}
			},
			{
				id: 'textFormat',
				dataType: 'string'
			}
		]
		withDrawGridOptions.api.exportDataAsExcel(params);
	});	
	
	var fnOpenOrderDetailPopup = function (ordNo) {
		currOrdNo = ordNo;
		cfnOpenOrderDetailPopup(ordNo);
	};
	
	// 2021.01.25 추가
	// 취소요청, 교환요청, 반품요청 일때는 요청 정보 확인 팝업 정보
	var fnCancelRequest = function (paramData, ordChgSq) {
		// 취소요청 구분 (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 += "&chgStat="		+ paramArr[4];
		param += "&ordChgSq=" 		+ ordChgSq;
		
		var actionUrl = "/orderChange/cncl/req/form?" + param;
		
		// 2021.06.30 취소완료일때 취소완료정보 조회
		if (paramArr[4] == "G685_17" || paramArr[4] == "G685_18") {
			actionUrl = "/orderChange/cnclRtn/complete/view?" + param;	
		}

		cfnOpenModalPopup(actionUrl, 'popupCancelRequestForm');
		
		return false;
	};

	//2021.01.25 추가
	// 반품요청
	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 += "&chgStat="		+ paramArr[4];
		param += "&ordChgSq=" 		+ ordChgSq;

		var actionUrl = "/orderChange/rtn/req/form?" + param;
		
		// 2021.06.30 취소완료일때 취소완료정보 조회
		if (paramArr[4] == "G685_60") {
			actionUrl = "/orderChange/cnclRtn/complete/view?" + param;
		}
		
		cfnOpenModalPopup(actionUrl, 'popupReturnRequestForm');
	};

	// 교환요청
	var fnExchangeRequest = function (paramData, ordChgSq) {
		// 취소요청 구분 (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 += "&chgStat="		+ paramArr[4];
		param += "&ordChgSq=" 		+ ordChgSq;
		//param += "&ordChgGb=G681_20";
		var actionUrl = "/orderChange/exchange/request/form?" + param;
		cfnOpenModalPopup(actionUrl, 'popupExchangeRequestForm');
	};

	// 반품요청 철회
	var fnReturnReqeustCancel = function (ordChgSq, ordDtlNo, rowIdx) {
		mcxDialog.confirm('반품요청을 철회하시겠습니까?', {
			cancelBtnText	: "취소",
			sureBtnText		: "확인",
			sureBtnClick	: function () {
				var data = new Object();
				data.ordChgSq = ordChgSq;
				data.ordDtlNo = ordDtlNo;
				
				var jsonData = JSON.stringify(data);
				gagajf.ajaxJsonSubmit(
					'/order/return/request/cancel'
					, jsonData
					, function (result) {
						if (result.message != '회수컨펌 된 내역이 있습니다.') {
							var selectedRow = gridOptionsOrderChangeInfo.api.getRowNode(rowIdx).data;
							gridOptionsOrderChangeInfo.api.updateRowData({remove: [selectedRow]});
						}
					}
				);
			}
		});
	};
/*]]>*/
</script>
</html>