style24
/
STYLE24


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046
							<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : CancelRequestForm.html
 * @desc    : 취소요청 화면
 *============================================================================
 * STYLE24
 * Copyright(C) 2019 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2020.12.12   jsh77b       최초 작성
 *******************************************************************************
 -->
<div class="modalPopup" data-width="1400" data-height="600">
	<div class="panelStyle">
		<div class="panelTitle">
			<h2>취소요청</h2>
			<button type="button" class="close" onclick="uifnPopupClose('popupCancelRequestForm');"><i class="fa fa-times"></i></button>
		</div>
			
		<div class="panelContent" style="height:90%; overflow-y:auto; padding:0px 20px !important; ">
			<form id="cancelRequestFrm" name="cancelRequestFrm" action="/orderChange/cancel" method="post" target="hdFrameForOrderCancel">
				<input type="hidden" name="ordNo" th:value="${ordNo}"/>
				<input type="hidden" name="chgReason" value=""/>
				<input type="hidden" name="chgReasonDesc" value=""/>
				
				<h3>주문정보</h3>
				<div id="gridOrderCancelRequestList" style="width:100%; height: 200px;" class="ag-theme-balham"></div>

				<h3>취소정보</h3>
				<div id="gridOrderCancelRequestToBeList" style="width:100%; height: 200px;" class="ag-theme-balham"></div>
				
				<h3>배송비정보</h3>
				<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="btnCancelRequestPartOk" onclick="fnCancelRequestPartOk();">요청</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 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:20%;"/>
						<col style="width:30%;"/>
						<col style="width:20%;"/>
						<col style="width:30%;"/>
					</colgroup>
					<tbody>
						<tr>
							<th>총 결제 금액</th>
							<td colspan="3"><span id="spanPayAmt"></span>원 (상품 실결제 금액 : <span id="spanSumRealOrdAmt"></span>원, 배송금액 : <span id="spanSumDeliveryFee"></span>원) </td>
						</tr>
						<tr>
							<th>주문 상품 금액</th>
							<td><span id="spanOrdAmt"></span>원</td>
							<th>취소 상품 금액</th>
							<td><span id="spanCnclRtnAmt"></span>원</td>
						</tr>
						<tr>
							<th>취소 사용 포인트</th>
							<td colspan="3"><span id="spanTotPntDcAmt"></span>원 (고객 포인트 : <span id="spanPntDcAmt"></span>원 + 상품 선포인트 : <span id="spanPrePntDcAmt"></span>원) </td>
						</tr>
						<tr>
							<th>취소 사용 쿠폰금액</th>
							<td colspan="3"><span id="spanCpnDcAmt"></span>원 (즉시할인쿠폰 : <span id="spanCpn1DcAmt"></span>원 + 상품쿠폰 : <span id="spanGoodsCpnDcAmt"></span>원 + 장바구니쿠폰 : <span id="spanCartCpnDcAmt"></span>원)</td>
						</tr>
						<tr>
							<th>취소 다다익선 금액</th>
							<td colspan="3"><span id="spanTmtbDcAmt"></span>원 (수량할인 : <span id="spanTmtb1DcAmt"></span>원 + 금액할인 : <span id="spanTmtb2DcAmt"></span>원)</td>
						</tr>
						
						<tr>
							<th>취소 고객 상품권 금액</th>
							<td colspan="3"><span id="spanGfcdUseAmt"></span>원</td>
						</tr>
						
						<tr>
							<th>취소 상품 실결제 금액</th>
							<td><span id="spanRealCnclRtnAmt"></span>원</td>
							<th>추가 배송 금액</th>
							<td><span id="spanTotDeliveryFee"></span>원 </td>
						</tr>
						
						<tr>
							<th>환불 금액 합계</th>
							<td colspan="3"><span id="spanRefundAmt"></span>원</td>
						</tr>
					</tbody>
				</table>
				
				<div id="wrapRefundAccount" style="width:50%;">
					<h4>환불계좌정보</h4>
					<button type="button" id="btnSaveAccount" class="btn btnRight btn-base btn-sm" style="margin-left:10px;" onclick="fnCreateOrderRfAccount();">등록</button>
					<div id="gridRefundAccountInfo" style="height: 150px;" class="ag-theme-balham"></div>
				</div>
				
			</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 temp1 = true;
var temp2 = false;

// 1. 주문정보(반품대상)
var columnCancelReqList = [
	{
		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			: "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' name='ordCanChgQty' ordDtlNo='"+params.data.ordDtlNo+"' onChange='fnCalculateRefundAmt(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 gridOptionsCancelReqList = orderAgGrid.getGridOptions(columnCancelReqList);

// Add on options
gridOptionsCancelReqList.suppressRowClickSelection = true;
gridOptionsCancelReqList.rowSelection = 'multiple';

// 2. 취소정보(환불정보)
var columnCancelReqToBeList = [
	{
		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: "칼라코드"		, field: "optCd1"			, width: 80		, cellClass: 'text-center', hide: temp1},
			{headerName: "사이즈코드"		, 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			: "ordCanChgQty"			
				, width			: 100		
				, cellClass		: 'text-center'
				, cellRenderer	: function (params) {
					return params.value.addComma();
				}
			}
		]
	},
	{
		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 gridOptionsCancelReqToBeList = orderAgGrid.getGridOptions(columnCancelReqToBeList);

// 3. 배송비정보(환불정보)
var columnDelvCdList = [
	{
		headerName	: "배송코드기준금액",
		children	: [
			{headerName: "업체"			, field: "supplyCompCd"		, width: 100	, cellClass: 'text-center', hide: temp2},
			{headerName: "배송비코드"		, field: "delvFeeCd"		, width: 100	, cellClass: 'text-center', hide: temp2},
			{
				headerName		: "주문"
				, field			: "ordAmt"			
				, width			: 100		
				, cellClass		: 'text-right'
				, cellRenderer	: function (params) {
					return params.value.addComma();
				}
			},
			{
				headerName		: "취소"		
				, field			: "cnclRtnAmt"			
				, width			: 100		
				, cellClass		: 'text-right'
				, cellRenderer	: function (params) {
					return params.value.addComma();
				}
			},
			{
				headerName		: "환불"		
				, field			: "realOrdAmt"			
				, width			: 100		
				, cellClass		: 'text-right'
				, cellRenderer	: function (params) {
					return params.value.addComma();
				}
			}
		]
	},
	{
		headerName	: "배송비정보",
		children	: [
			{
				headerName		: "배송비"		
				, field			: "delvFee"			
				, width			: 100		
				, cellClass		: 'text-right'
				, cellRenderer	: function (params) {
					return params.value.addComma();
				}
				, hide			: temp2
			},
			{
				headerName		: "무료배송비"		
				, field			: "minOrdAmt"			
				, width			: 100		
				, cellClass		: 'text-right'
				, cellRenderer	: function (params) {
					return params.value.addComma();
				}
				, hide			: temp2
			},
			{
				headerName		: "기본배송비"		
				, field			: "orgDelvFee"			
				, width			: 100		
				, 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: "addDelvFeeYn"		, width: 140	, cellClass: 'text-center', hide: temp2},
			{
				headerName		: "추가배송비"		
				, field			: "addDelvFee"			
				, width			: 100		
				, cellClass		: 'text-right'
				, cellRenderer	: function (params) {
					return params.value.addComma();
				}
				, hide			: temp2
			},
			{headerName: "전체취소가능"		, field: "allCanYn"			, width: 100	, cellClass: 'text-center', hide: temp2},
		]
	}
];
var gridOptionsDelvCdList = orderAgGrid.getGridOptions(columnDelvCdList);

// 4. 무통장 계좌정보
var columnDefsRefundAccountInfo = [
	{width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: false, checkboxSelection: true, filter: false},
	{headerName: "은행명"		, field: "bankNm"		, width: 140	, cellClass: 'text-center'},
	{headerName: "은행코드"	, field: "bankCd"		, width: 120	, cellClass: 'text-center', hidden:true},
	{headerName: "계좌번호"	, field: "accountNo"	, width: 150	, cellClass: 'text-center'},
	{headerName: "예금주"		, field: "accountNm"	, width: 120	, cellClass: 'text-center'},
	{headerName: "기본"		, field: "defaultYn"	, width: 100	, cellClass: 'text-center'}
];

var gridOptionsRefundAccountInfo = orderAgGrid.getGridOptions(columnDefsRefundAccountInfo);
</script>

<!-- AgGrid 컬럼 세팅 -->
<script>
// 공통1. 주문상세 그리드 옵션 정보 적용
var orderAgGrid = {
	getGridOptions : function(colDefs) {
		return {
			columnDefs					: colDefs
			, detailCellRendererParams	: {
				detailGridOptions	: {
					columnDefs				: []
					, defaultColDef			: {
						resizable: true
					}
					, suppressLoadingOverlay: false
					, onGridReady			: function (params) {
						params.api.setDomLayout('autoHeight');
					}
					, onFirstDataRendered	: function (params) {
						params.api.sizeColumnsToFit();
					}
				}
				, getDetailRowData: function (params) {
					params.successCallback(params.data.orderDetailList);
				}
			}
			, defaultColDef: {
				resizable: true
			}
			, isRowMaster: function (dataItem) {
				return dataItem ? dataItem.orderDetailList.length > 1 : false;
			}
			, suppressRowTransform: true
			, enableRangeSelection: true
		};
	}
}
</script>

<script>
// 취소정보계산
var fnCalculateRefundAmt = function (obj) {
	// 취소정보담은목록
	var cancelRequestTargetToBeList = [];

	if (obj != null) {
		for (i=0 ; i<cancelRequestTargetList.length ; i++) {
			var orDtlNo 		= $(obj).attr("ordDtlNo");
			var ordCanChgQty 	= $(obj).val();
			
			if (cancelRequestTargetList[i].ordDtlNo == orDtlNo) {
				cancelRequestTargetList[i].ordCanChgQty = ordCanChgQty;
			}
		}
		// 주문정보 다시 셋팅 (체크해봐야할문제)
		gridOptionsCancelReqList.api.setRowData(cancelRequestTargetList);
	}
	
	if (cancelRequestTargetList.length == 0) {
		alert("요청 대상정보가 존재 하지 않습니다.");
		uifnPopupClose('popupCancelRequestForm');
		return false;
	}
	
	// 환불금액계산호출
	var jsonData = JSON.stringify(cancelRequestTargetList);
	gagajf.ajaxJsonSubmit(
		'/orderChange/cancel/refundAmt'
		, jsonData
		, function(result) {
			gridOptionsCancelReqToBeList.api.setRowData(result.cancelOrderRefundList);
			gridOptionsDelvCdList.api.setRowData(result.cancelDelvRefundList);
			
			$("#spanPayAmt").text(result.spanPayAmt.addComma());					//총 결제 금액
			$("#spanSumRealOrdAmt").text(result.spanSumRealOrdAmt.addComma());		//상품 실결제 금액
			$("#spanSumDeliveryFee").text(result.spanSumDeliveryFee.addComma());	//배송금액
			
			$("#spanOrdAmt").text(result.spanOrdAmt.addComma());					//주문 상품 금액
			$("#spanCnclRtnAmt").text(result.spanCnclRtnAmt.addComma());			//취소 상품 금액
			
			$("#spanTotPntDcAmt").text(result.spanTotPntDcAmt.addComma());			//취소 사용 포인트
			$("#spanPntDcAmt").text(result.spanPntDcAmt.addComma());				//고객 포인트
			$("#spanPrePntDcAmt").text(result.spanPrePntDcAmt.addComma());			//상품 선포인트
			
			$("#spanCpnDcAmt").text(result.spanCpnDcAmt.addComma());				//취소 사용 쿠폰금액
			$("#spanCpn1DcAmt").text(result.spanCpn1DcAmt.addComma());				//즉시할인쿠폰
			$("#spanGoodsCpnDcAmt").text(result.spanGoodsCpnDcAmt.addComma());		//상품쿠폰
			$("#spanCartCpnDcAmt").text(result.spanCartCpnDcAmt.addComma());		//장바구니쿠폰
			
			$("#spanTmtbDcAmt").text(result.spanTmtbDcAmt.addComma());				//취소 다다익선 금액
			$("#spanTmtb1DcAmt").text(result.spanTmtb1DcAmt.addComma());			//수량할인
			$("#spanTmtb2DcAmt").text(result.spanTmtb2DcAmt.addComma());			//금액할인
			
			$("#spanGfcdUseAmt").text(result.spanGfcdUseAmt.addComma());			//취소 고객 상품권 금액
			
			$("#spanRealCnclRtnAmt").text(result.spanRealCnclRtnAmt.addComma());	//취소 상품 실결제 금액
			$("#spanTotDeliveryFee").text(result.spanTotDeliveryFee.addComma());	//환불 배송 금액
			
			$("#spanTotRtnDelvFee").text(result.spanTotRtnDelvFee.addComma());		//환불 배송 금액
			$("#spanTotExcDelvFee").text(result.spanTotExcDelvFee.addComma());		//환불 배송 금액
			
			$("#spanRefundAmt").text(result.spanRefundAmt.addComma());				//환불 금액 합계
		}
	);
}

//  사유
var fnChangeChgReason = function(reasonCd){
	var arrREasonCd = reasonCd.split(":");
	
	// 취소, 반품, 교환 사유 판단
	if (arrREasonCd[0] == 'G686_10') {
		$("#imputeReason").text("고객");
		isImputationCustomers = true;
	} else {
		$("#imputeReason").text("회사");
		isImputationCustomers = false;
	}

	$('#cancelRequestFrm input[name=chgReason]').val(arrREasonCd[0]);
	$('#cancelRequestFrm input[name=chgReasonDesc]').val(arrREasonCd[1]);

	//fnCalculateRefundAmt();			//환불예정금액 계산.
}

// 취소요청
var fnCancelRequestPartOk = 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;
	}
	
	// 2. 입금대기건 && 전체취소 체크
	if (ordDtlStat == "G013_10" && $("#spanPayAmt").text() != $("#spanRefundAmt").text()) {
		alert("입금대기건은 전체 취소만 가능합니다.");
		return;
	}
	
	// 2.1 전체취소 여부 적용
	if (ordDtlStat == "G013_10" && $("#spanPayAmt").text() == $("#spanRefundAmt").text()) {
		allCanYn = "Y";	
	}
	
	// 3. 취소사유 체크
	var chgReason = $("#cancelRequestFrm select[name=selectChgReason]").val();
	
	if (gagajf.isNull(chgReason)) {
		mcxDialog.alert("취소사유를 입력하세요."); return ;
	}
	
	// 4. 환불계좌 체크
	var accountNo 	= "";
	var accountNm 	= "";
	var bankCd 		= "";
	
	if (payMeans == 'G014_20') {
		var refundAccount = gridOptionsRefundAccountInfo.api.getSelectedRows();
		
		if (refundAccount.length == 0) {
			mcxDialog.alert('선택된 행이 없습니다.');
			return;
		}
		
		accountNo 	= refundAccount[0].accountNo;
		accountNm 	= refundAccount[0].accountNm;
		bankCd 		= refundAccount[0].bankCd;
	}

	// 5. PG 전송 여부
	var pgStat = "N";
	if ($('#cancelRequestFrm input:checkbox[name=pgStats]').is(":checked")) {
		pgStat = "Y";
	}
	
	$("#cancelRequestFrm input[name=pgStat]").val(pgStat);
	
	var jsonObj = {
		"ordNo"				: $('#cancelRequestFrm input[name=ordNo]').val()
		,"chgReason" 		: $('#cancelRequestFrm input[name=chgReason]').val()
		,"chgMemo"			: $('#chgMemo').val()
		,"cancelReqList" 	: cancelRequestTargetList
		,"accountNo" 		: accountNo
		,"accountNm" 		: accountNm
		,"bankCd" 			: bankCd
		,"allCanYn" 		: allCanYn
	}

	// 주문번호, 취소사유, 취소메모, (취소, 반품, 교환 신청 정보 목록), 환불계좌
	var jsonData = JSON.stringify(jsonObj);
	
	mcxDialog.confirm('취소요청하시겠습니까?', {
		cancelBtnText		: "취소",
		sureBtnClick		: function(){
			// 취소 실행
			gagajf.ajaxJsonSubmit(
				'/orderChange/cancel/'
				, jsonData
				, function() {
					uifnPopupClose('popupOrderDetail');
					fnReOpenOrderDetailPopup();
					uifnPopupClose('popupCancelRequestForm');
				}
			);
		}
	});
}

// 환불계좌 등록
var fnCreateOrderRfAccount = function () {	
	var actionUrl = "/orderChange/refund/account/create/form?ordNo=" + ordNo ;
	cfnOpenModalPopup(actionUrl, 'popupCreateRefundAccount');
};

// 환불계좌 정보
var fnBindOrderRfAccountInfo = function () {
	gagaAgGrid.fetch(
		"/orderChange/refund/account/info/list?ordNo=" + ordNo
		, gridOptionsRefundAccountInfo
		, null
		, function (result) {
		}
	)
};

$(document).ready(function() {
	// 1. Create a agGrid
	gagaAgGrid.createGrid('gridOrderCancelRequestList'		, gridOptionsCancelReqList);			// 주문정보
	gridOptionsCancelReqList.api.setRowData(cancelRequestTargetList);
	
	gagaAgGrid.createGrid('gridOrderCancelRequestToBeList'	, gridOptionsCancelReqToBeList);		// 취소정보
	
	gagaAgGrid.createGrid('gridDelvCdList'					, gridOptionsDelvCdList);				// 배송비 정보
	
	gagaAgGrid.createGrid('gridRefundAccountInfo'			, gridOptionsRefundAccountInfo);		// 환불계좌정보
	
	// 취소정보계산
	fnCalculateRefundAmt(null);
	
	// 그리드 숨김처리
	if (payMeans !== 'G014_20') {
		$('#wrapRefundAccount').addClass("off");
	}
	
	if (payMeans === 'G014_20' && mallGb === 'G011_10' ) {
		// 환불계좌정보
		fnBindOrderRfAccountInfo();
	}
});
</script>
</html>