style24
/
STYLE24


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054
							<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : CancelRequestForm.html
 * @desc    : 취소요청 화면
 *============================================================================
 * Pastelmall
 * 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="/order/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="btnCancelRequestEscrow" onclick="fnCancelRequestEscrow();" style="display:none;">에스크로 결제생성</button>
					<label th:if="${sessionInfo.userId == 'jsh77b'}">
						<input type="checkbox" name="pgStats" value="N">PG 전문 미전송
					</label>
					 -->
					<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><span id="spanTotRtnDelvFee"></span>원</td>
							<th>추가 교환배송 금액</th>
							<td><span id="spanTotExcDelvFee"></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;

// specify the columns
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';

//specify the columns
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);

//specify the columns
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);

// 10. 무통장 환불정보
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);
	}
	
	// 환불금액계산호출
	var jsonData = JSON.stringify(cancelRequestTargetList);
	gagajf.ajaxJsonSubmit(
		'/order/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(
				'/order/cancel/'
				, jsonData
				, function() {
					uifnPopupClose('popupOrderDetail');
					fnReOpenOrderDetailPopup();
					uifnPopupClose('popupCancelRequestForm');
				}
			);
		}
	});
}

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

// 환불계좌 정보
var fnBindOrderRfAccountInfo = function () {
	gagaAgGrid.fetch(
		"/order/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);		// 환불계좌정보
	//gridOptionsRefundAccountInfo.api.setRowData(orderRfAccountInfo);
	
	// 취소정보계산
	fnCalculateRefundAmt(null);
	
	// 그리드 숨김처리
	if (payMeans !== 'G014_20') {
		$('#wrapRefundAccount').addClass("off");
	}
	
	if (payMeans === 'G014_20' && mallGb === 'G011_10' ) {
		// 환불계좌정보
		fnBindOrderRfAccountInfo();
	}
});
</script>
</html>