style24
/
STYLE24


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392
							<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : OrderListForm.html
 * @desc    : 주문목록 Page
 *============================================================================
 * SISUN
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2020.11.16   jsh77b       최초 작성
 *******************************************************************************
 -->
<div class="modalPopup" data-width="1500"> <!-- data-width="1500" data-height="870" -->
	<div class="panelStyle">
		<div class="panelTitle">
			<h2>주문상세내역</h2>
			<button type="button" class="close" onclick="fnOrderDetailClose()"><i class="fa fa-times"></i></button>
			
			<div class="panelContent">
				<form id="orderDetailInfo" name="orderDetailInfo" action="#" th:method="post">
					<input type="hidden" name="custNo"/>
					<input type="hidden" name="orderNm"/>
					<input type="hidden" name="orderPhnno"/>
					<input type="hidden" name="orderEmail"/>
					
					<h4>기본정보</h4>
					<div id="gridOrderInfo" style="width:100%; height:200px;" class="ag-theme-balham lh60"></div>
					
					<h4>주문상품정보</h4>
					<div id="gridOrderGoodsInfo" style="width:100%; height:200px;" class="ag-theme-balham lh60"></div>
				</form>
			</div>
		</div>
	</div>
</div>

<!-- data -->
<script th:inline="javascript">
var ordNo 					= [[${ordNo}]];						// 주문번호
var orderInfo 				= [[${orderInfo}]];					// 기본정보
var orderGoodsInfo 			= [[${orderGoodsInfo}]];			// 주문상세정보
//var orderPaymentInfo 		= [[${orderPaymentInfo}]];			// 결제정보
//var orderDeliveryFeeInfo = [[${orderDeliveryFeeInfo}]];		// 배송비정보
//var orderChangeInfo = [[${orderChangeInfo}]];				// 취소/반품/교환요청 정보
//var orderRefundInfo = [[${orderRefundInfo}]];				// 환불정보
//var orderCounselInfo = [[${orderCounselInfo}]];				// 상담내역
//var orderAdminMemoInfo = [[${orderAdminMemoInfo}]];			// 관리자메모
//var orderRfAccountInfo = [[${orderRfAccountInfo}]];			// 환불계좌정보
//var siteCdList = cfnConvertToArray([[${siteCdList}]]);
//var bankList = cfnConvertToArray([[${bankList}]]);			// 은행코드

// 쿠폰,포인트,적립금 컬럼배경색설정
//var goodsCpnDcAmtClass = (orderGoodsInfo[0].goodsCpnDcAmt > 0) ? 'bgPink' : 'text-right';
//var cartCpnDcAmtClass = (orderGoodsInfo[0].cartCpnDcAmt > 0) ? 'bgPink' : 'text-right';
//var plusCpnDcAmtClass = (orderGoodsInfo[0].plusCpnDcAmt > 0) ? 'bgPink' : 'text-right';
//var pntDcAmtClass = (orderGoodsInfo[0].pntDcAmt > 0) ? 'bgPink' : 'text-right';
//var prePntDcAmtClass = (orderGoodsInfo[0].prePntDcAmt > 0) ? 'bgPink' : 'text-right';
//var savePntAmtClass = (orderGoodsInfo[0].savePntAmt > 0) ? 'bgSky' : 'text-right';
//var custNo = orderInfo[0].custNo;
//var payMeans = orderInfo[0].payMeans;
//var mallGb = orderInfo[0].mallGb;
</script>

<!-- AgGrid 컬럼 세팅 -->
<script>
// 1.주문기본정보 그리드 바인딩
var columnDefsOrderInfo = [
	{
		headerName			: "사이트"
		, field				: "siteCd"
		, width				: 100
		, cellClass			: 'text-center'
		, valueFormatter: function (params) {
			return gagaAgGrid.lookupValue(siteCdList, params.value);
		}
	},
	{headerName: "몰구분"		, field: "mallGbNm"		, width: 80		, cellClass: 'text-center'},
	{headerName: "웹구분"		, field: "frontGbNm"	, width: 80		, cellClass: 'text-center'},
	{headerName: "외부몰"		, field: "extmallNm"	, width: 80		, cellClass: 'text-center'},
	{headerName: "주문일시"	, field: "ordDt"		, width: 140	, cellClass: 'text-center'},
	{headerName: "주문상태"	, field: "ordStatNm"	, width: 110	, cellClass: 'text-center'},
	{headerName: "주문자"		, field: "orderNm"		, width: 80		, cellClass: 'text-center'},
	{
		headerName			: "고객번호"
		, field				: "custNo"
		, width				: 100
		, cellClass			: 'text-center'
		, valueFormatter	: function (params) {
			return (params.data.mallGb == '20') ? '' : params.value;
		}
	},
	{headerName: "주문번호", field: "ordNo", width: 100, cellClass: 'text-center'},
	{
		headerName			: "이메일"
		, field				: "orderEmail"
		, width				: 240
		, cellClass			: 'text-center'
		, cellRenderer		: function (params) {
			return params.value ? params.value + '&nbsp&nbsp<button type="button" class="btn btn-success" onclick="fnOpenEmailForm(\'' + params.data.orderEmail + '\',\'' + params.data.orderNm + '\',\'' + params.data.custNo + '\');"> 메일발송 </button>' : '';
		}
	},
	{
		headerName			: "핸드폰번호"
		, field				: "orderPhnno"
		, width				: 220
		, cellClass			: 'text-center'
		, cellRenderer		: function (params) {
			return params.value + '&nbsp&nbsp<button type="button" class="btn btn-success" onclick="fnOpenLmsForm(\'' + params.data.orderPhnno + '\',\'' + params.data.custNo + '\');"> LMS발송 </button>';
		}
	},
	{headerName: "회원구분"	, field: "custGbNm"		, width: 80		, cellClass: 'text-center'},
	{headerName: "관리대상"	, field: "managedRsn"	, width: 80		, cellClass: 'text-center'},
	{headerName: "등급"		, field: "custGradeNm"	, width: 80		, cellClass: 'text-center'}
];
var gridOptionsOrderInfo = gagaAgGrid.getGridOptions(columnDefsOrderInfo);

var gridOptionsOrderInfo = {
		columnDefs					: columnDefsOrderList
		, 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
	};

// 2.상품별 상세정보
var columnDefsGoodsInfo = [
	{
		headerName	: "상품정보",
		children	: [
			{headerName: "상품코드"	, field: "goodsCd"		, width: 130, cellClass: 'text-center'},
			{
				headerName		: "상품명"
				, field			: "goodsNm"
				, width			: 180
				, cellClass		: 'text-left'
				, cellRenderer: function (params) {
					return '<a href="javascript:void(0);" onclick="cfnOpenFrontGoodsPopup(\'' + params.data.goodsCd + '\',\'' + params.data.siteCd + '\');">' + params.value + '</a>';
				}
			},
			{headerName: "사이즈"		, field: "sizeCd"		, width: 60, cellClass: 'text-center'},
			{headerName: "칼라"		, field: "goodsColorNm"	, width: 90, cellClass: 'text-center'}
		]
	},
	{
		headerName	: "수량",
		children	: [
			{headerName: "주문"		, field: "ordQty"		, width: 40, cellClass: 'text-center'},
			{headerName: "취소"		, field: "cnclRtnQty"	, width: 40, cellClass: 'text-center'}
		]
	},
	{
		headerName	: "쿠폰",
		children	: [
			{
				headerName		: "상품"
				, field			: "goodsCpnDcAmt"
				, width			: 70
				, cellClass		: 'text-right' //goodsCpnDcAmtClass
				, cellRenderer: function (params) {
					return "<a href=\"javascript:void(0);\" onclick=\"fnOrderCouponHst('" + params.data.ordNo + "');\">" + params.value.addComma() + "</a>";
				}
			},
			{
				headerName		: "장바구니"
				, field			: "cartCpnDcAmt"
				, width			: 70
				, cellClass		: 'text-right' //cartCpnDcAmtClass
				, cellRenderer	: function (params) {
					return "<a href=\"javascript:void(0);\" onclick=\"fnOrderCouponHst('" + params.data.ordNo + "');\">" + params.value.addComma() + "</a>";
				}
			}
		]
	},
	{
		headerName	: "포인트",
		children	: [
			{
				headerName		: "사용"
				, field			: "pntDcAmt"
				, width			: 60
				, cellClass		: 'text-right' //pntDcAmtClass
				, cellRenderer	: function (params) {
					return "<a href=\"javascript:void(0);\" onclick=\"fnOrderPointHst('" + params.data.ordNo + "');\">" + params.value.addComma() + "</a>";
				}
			},
			{
				headerName		: "즉시사용"
				, field			: "prePntDcAmt"
				, width			: 60
				, cellClass		: 'text-right' //prePntDcAmtClass
				, cellRenderer	: function (params) {
					return "<a href=\"javascript:void(0);\" onclick=\"fnOrderPointHst('" + params.data.ordNo + "');\">" + params.value.addComma() + "</a>";
				}
			},
			{
				headerName		: "적립"
				, field			: "savePntAmt"
				, width			: 60
				, cellClass		: 'text-right' //savePntAmtClass
				, cellRenderer	: function (params) {
					return "<a href=\"javascript:void(0);\" onclick=\"fnOrderPointHst('" + params.data.ordNo + "');\">" + params.value.addComma() + "</a>";
				}
			}
		]
	},
	{
		headerName	: "금액(원/단위)",
		children	: [
			{
				headerName		: "판매"
				, field			: "ordAmt"
				, width			: 70
				, cellClass		: 'text-right'
				, valueFormatter: function (params) {
					return params.value.addComma();
				}
			},
			{
				headerName		: "실결제"
				, field			: "realOrdAmt"
				, width			: 70
				, cellClass		: 'text-right'
				, valueFormatter: function (params) {
					return params.value.addComma();
				}
			},
			{
				headerName		: "취소"
				, field			: "cnclRtnAmt"
				, width			: 70
				, cellClass		: 'text-right'
				, valueFormatter: function (params) {
					return params.value.addComma();
				}
			},
		]
	},
	{
		headerName		: "주문상세상태"
		, field			: "ordDtlStatNm"
		, width			: 150
		, cellClass		: 'text-left'
		, cellRenderer	: function (params) {
			var retVal = "";
			retVal += (params.data.cancelRequestQty > 0) ? " 취" + params.data.cancelRequestQty : "";
			retVal += (params.data.returnRequestQty > 0) ? " 반" + params.data.returnRequestQty : "";
			retVal += (params.data.exchangeRequestQty > 0) ? " 교" + params.data.exchangeRequestQty : "";
			
			if (!gagajf.isNull(retVal)) retVal = "-" + retVal;
				return "<a href=\"javascript:void(0);\" onclick=\"fnOrderDetailChangeHst('" + params.data.ordDtlNo + "');\">" + params.value + retVal + "</a>";
		}
	},
	{headerName: "결품", field: "soldoutYn", width: 60, cellClass: 'text-center'},
	{
		headerName	: "배송",
		children	: [
			{
				headerName		: "송장번호"
				, field			: "invoiceNo"
				, width			: 100
				, cellClass		: 'text-center'
				, cellRenderer	: function (params) {
					var retStr = '';
					if (!gagajf.isNull(params.value)) retStr = '<a href="javascript:void(0);" onclick="fnSearchDelivery(\'' + params.data.trackingUrl + '\',\'' + params.data.invoiceNo + '\');">' + params.value + '</a>';
					return retStr;
				}
			},
			{headerName: "출고처", field: "delvLocNm", width: 120, cellClass: 'text-center'},
			{
				headerName		: "배송지번호"
				, field			: "delvAddrSq"
				, width			: 70
				, cellClass		: 'text-center'
				, cellRenderer	: function (params) {
					return "<a href=\"javascript:void(0);\" onclick=\"fnBindDeliveryAddr('" + params.value + "');\">" + params.value + "</a>";
				}
			},
			{headerName: "물류비고", field: "dstrbtNote", width: 180, cellClass: 'text-center'},
			{
				headerName: "구매확정철회"
				, field: "ordDtlNo"
				, width: 180
				, cellClass: 'text-center'
				, cellRenderer: function (params) {
					var retVal = "";
					
					if ('70' === params.data.ordDtlStat) {
						retVal = '<button type=\"button\" class=\"btn btn-danger\" onclick=\"fnChangedCompleteDelivery(\'' + params.data.ordNo + '\',\'' + params.data.ordDtlNo + '\',\'' + params.data.ordDtlStat + '\');\">구매확정철회</button>';
					}
					return retVal;
				}
			}
		]
	}
];
var gridOptionsGoodsInfo = gagaAgGrid.getGridOptions(columnDefsGoodsInfo);
</script>

<script>
var fnSetGridHeightInit = function () {
	if (_windowWidth < 1780) {
		_girdRowH1 = 33 + _scrollH;
		_girdRowH2 = 80 + _scrollH;
	} else {
		_girdRowH1 = 33
		_girdRowH2 = 80;
	}
	
	$('#gridOrderInfo').css('height', _girdRowH1 + _girdRowH);					//기본정보
	//$('#gridDeliveryInfo').css('height', _girdRowH1 + _girdRowH);				//배송정보
	
	//if (orderGoodsInfo != null && orderGoodsInfo.length > 0) $('#gridOrderGoodsInfo').css('height', _girdRowH2 + _girdRowH * orderGoodsInfo.length);
	//if (orderPaymentInfo != null && orderPaymentInfo.length > 0) $('#gridPaymentInfo').css('height', _girdRowH1 + _girdRowH * orderPaymentInfo.length);
	//if (orderDeliveryFeeInfo != null && orderDeliveryFeeInfo.length > 0) $('#gridDeliveryFeeInfo').css('height', _girdRowH1 + _girdRowH * orderDeliveryFeeInfo.length);
	//if (orderChangeInfo != null && orderChangeInfo.length > 0) $('#gridOrderChangeInfo').css('height', _girdRowH1 + _girdRowH * orderChangeInfo.length);
	//if (orderRefundInfo != null && orderRefundInfo.length > 0) $('#gridOrderRefundInfo').css('height', _girdRowH1 + _girdRowH * orderRefundInfo.length);
	//if (orderCounselInfo != null && orderCounselInfo.length > 0) $('#gridOrderCounselInfo').css('height', _girdRowH1 + _girdRowH * orderCounselInfo.length);
	//if (orderAdminMemoInfo != null && orderAdminMemoInfo.length > 0) $('#gridOrderMemoInfo').css('height', _girdRowH1 + _girdRowH * orderAdminMemoInfo.length);
	//if (orderRfAccountInfo != null && orderRfAccountInfo.length > 0) $('#gridOptionsRefundAccountInfo').css('height', _girdRowH1 + _girdRowH * orderRfAccountInfo.length);
}
</script>

<!-- 버튼 이벤트 바인딩 -->
<script>
var _windowWidth = $(window).width();		/* 위도우창 넓이 */
var _girdRowH = 33;							/* 그리드 Row 줄 높이 */
var _girdRowH1 = 33;						/* 그리드 타이틀 1줄 짜리 높이*/
var _girdRowH2 = 62;						/* 그리드 타이틀 2줄 짜리 높이*/
var _scrollH = 27;							/* 가로스크롤bar 높이 */

$(window).resize(function () {
	_windowWidth = $(window).width();
	fnSetGridHeightInit();
});

</script>
<!-- AgGrid 생성 -->
<script>
$(document).ready(function () {
	gagaAgGrid.createGrid('gridOrderInfo'			, gridOptionsOrderInfo);
	gagaAgGrid.createGrid('gridOrderGoodsInfo'		, gridOptionsGoodsInfo);
	
	// 그리드 데이터 바인딩
	gridOptionsOrderInfo.api.setRowData(orderInfo);							// 기본정보
	gridOptionsGoodsInfo.api.setRowData(orderGoodsInfo);					// 상품정보
	//gridOptionsPaymentInfo.api.setRowData(orderPaymentInfo);				// 결제정보
	//gridOptionsDeliveryFeeInfo.api.setRowData(orderDeliveryFeeInfo);		// 배송비정보
	//gridOptionsOrderChangeInfo.api.setRowData(orderChangeInfo);				// 취소/반품/교환요청 정보
	//gridOptionsRefundInfo.api.setRowData(orderRefundInfo);					// 환불정보
	//gridOptionsOrderCounselInfo.api.setRowData(orderCounselInfo);			// 상담내역
	//gridOptionsOrderMemoInfo.api.setRowData(orderAdminMemoInfo);			// 관리자메모
	//gridOptionsRefundAccountInfo.api.setRowData(orderRfAccountInfo);		// 환불계좌정보
	
	// 그리드 높이 설정
	fnSetGridHeightInit();
});

$(document).ready(function () {
	$('#orderDetailContents').css("width", "97%").css("height", "96%");
});
</script>
</html>