반품발주 현황

src/main/webapp/app/rtnmng/RTNMNG04010.html

@@ -5,8 +5,7 @@
 				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i> <strong>반품발주 현황</strong></h2>
 				<div class="pull-right itp_cicon">
 					<button type="button" id="ITP_BTN_RTNMNG04010_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;조회&nbsp;&nbsp;</button>
-					<button type="button" id="ITP_BTN_RTNMNG04010_NEWREG" class="btn btn-primary btn-sm RPO" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;반품발주&nbsp;&nbsp;</button>
-					<button type="button" id="ITP_BTN_RTNMNG04010_CANCELLIST" class="btn btn-warning btn-sm RCPO"><i class="glyphicon "></i>&nbsp;&nbsp;반품취소&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_RTNMNG04010_RTNCANCEL" class="btn btn-warning btn-sm RPO"><i class="glyphicon "></i>&nbsp;&nbsp;반품취소&nbsp;&nbsp;</button>
 					<button type="button" id="ITP_BTN_RTNMNG04010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon "></i>&nbsp;&nbsp;취소/목록&nbsp;&nbsp;</button>
 				</div>
 			</div>
@@ -16,53 +15,62 @@
 						<div class="itp_srh_border fix">
 							<div class="col-xs-12">
 								<form id="ITP_FORM_RTNMNG04010_SEARCH" class="form-horizontal">
+									<input type="hidden" id="ITP_FORM_RTNMNG04010_SEARCH_BRAND_ID" name="sbrandId" value="">
+									<input type="hidden" id="ITP_FORM_RTNMNG04010_SEARCH_SWHS_ID" name="swhsId" value="">			<!-- 수거창고 -->
+									<input type="hidden" id="ITP_FORM_RTNMNG04010_SEARCH_SRTN_WHS_ID" name="srtnWhsId" value="">	<!-- 반품창고 -->
+									<input type="hidden" id="ITP_FORM_RTNMNG04010_SEARCH_SSPPLY_ID" name="sspplyId" value="">		<!-- 수거공급사 -->
+								
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_RTNMNG04010_SEARCH_" class="form-control itp_input" name="">
+											<select id="ITP_FORM_RTNMNG04010_SEARCH_" class="form-control itp_input">
 												<option value="A">반품발주일자</option>											
 											</select>
 										</div>										
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">
-												<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_" class="form-control itp_input" name="" value="">
+												<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value="">
 												<span class="input-group-addon itp_date_to">~</span>
-												<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_" class="form-control itp_input" name="" value="">
+												<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="">
 											</div>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar" style="width:12%"></div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_RTNMNG04010_SEARCH_RTN_ODR_ST_CD" class="form-control itp_input" name="sRtnOdrStCd">
+											<select id="ITP_FORM_RTNMNG04010_SEARCH_RTN_ODR_ST_CD" data-select-code="RTN_ODR_ST_CD" class="form-control itp_input" name="srtnOdrStCd">
 												<option value="A">반품상태</option>											
 											</select>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_STORE_NM" class="form-control itp_input" name="sStoreNm" placeholder="수거창고/매장" />
+											<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_SWHS_NM" class="form-control itp_input" placeholder="수거창고/매장" readonly="readonly" />
 										</div>
 										<div class="col-xs-1 itp_in" style="padding: 0px; width:8%;">
-											<button type="button" id="ITP_BTN_RTNMNG04010_SEARCH_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_BTN_RTNMNG04010_SEARCH_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+											<button type="button" id="ITP_BTN_RTNMNG04010_SEARCH_POP_SWHS_NM" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+											<button type="button" id="ITP_BTN_RTNMNG04010_SEARCH_DEL_SWHS_NM" class="btn btn-primary btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 						                </div>
 									</div>
 									<div class="form-group" style="padding-top: 10px; border-top: 1px dotted #ccc;">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_RTNMNG04010_SEARCH_COL_DVSN" class="form-control itp_input" name="sColDvsn">
+											<select id="ITP_FORM_RTNMNG04010_SEARCH_COL_DVSN" data-select-code="COL_DVSN" class="form-control itp_input" name="scolDvsn">
 												<option value="A">수거구분</option>											
 											</select>
 										</div>
+										
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_RTNMNG04010_SEARCH_" class="form-control itp_input" name="">
-												<option value="A">반품입고창고</option>											
-											</select>
+											<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_SRTN_WHS_NM" class="form-control itp_input" placeholder="반품입고 창고" readonly="readonly" />
 										</div>
+										<div class="col-xs-1 itp_in" style="padding: 0px; width:8%;">
+											<button type="button" id="ITP_BTN_RTNMNG04010_SEARCH_POP_SRTN_WHS_NM" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+											<button type="button" id="ITP_BTN_RTNMNG04010_SEARCH_DEL_SRTN_WHS_NM" class="btn btn-primary btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+						                </div>										
+										
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_" class="form-control itp_input" name="" placeholder="반품입고 공급업체" />
+											<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_SSPPLY_NM" class="form-control itp_input" placeholder="반품입고 공급업체" readonly="readonly" />
 										</div>
 										<div class="col-xs-1 itp_in" style="padding: 0px; width:10%;">
-											<button type="button" id="ITP_BTN_RTNMNG04010_SEARCH_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_BTN_RTNMNG04010_SEARCH_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+											<button type="button" id="ITP_BTN_RTNMNG04010_SEARCH_POP_SSPPLY_NM" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+											<button type="button" id="ITP_BTN_RTNMNG04010_SEARCH_DEL_SSPPLY_NM" class="btn btn-primary btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 						                </div>
-										<div class="col-xs-4 itp_ip itp_noMar">
-											<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_ITEM_NM" class="form-control itp_input" name="sItemNm" placeholder="반품발주번호/품목번호 /품목명" />
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<input type="text" id="ITP_FORM_RTNMNG04010_SEARCH_ITEM_NM" class="form-control itp_input" name="sitemNm" placeholder="반품발주번호/품목번호 /품목명" />
 										</div>
 									</div>
 								</form>
@@ -83,16 +91,19 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_RTNMNG04010_DETAIL" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_RTNMNG04010_DETAIL_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_RTNMNG04010_DETAIL_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_RTNMNG04010_DETAIL_RTN_PODR_UNQ_NO" name="rtnPodrUnqNo" value="">
+								<input type="hidden" id="ITP_FORM_RTNMNG04010_DETAIL_RTN_ODR_ST_CD" name="rtnOdrStCd" value="">
 					
 								<section class="itp_form_sec">
-									<h4 class="itp_form_tit">반품발주상세</h4>
+									<h4 class="itp_form_tit">반품 발주 상세</h4>
 									<div class="itp_form_in">	
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">브랜드 *</label>
 											<div class="col-xs-4 itp_ip fnBrandNm"></div>
 											<label class="col-xs-2 itp_lb">반품발주번호</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-3 itp_in">
+												<div class="col-xs-10 itp_in">
 													<div class="input-group fnRtnPodrUnqNo"></div>
 												</div>
 											</div>
@@ -103,7 +114,7 @@
 											<label class="col-xs-2 itp_lb">공급업체명</label>
 											<div class="col-xs-4 itp_ip fnSpplyNm"></div>
 											<label class="col-xs-2 itp_lb">반품발주일자</label>
-											<div class="col-xs-4 itp_ip "></div>
+											<div class="col-xs-4 itp_ip fnRtnOdrRegDt"></div>
 										</div>
 									</div>
 									<div class="itp_form_in">	
@@ -125,28 +136,14 @@
 									<div class="itp_form_in">	
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">수거구분</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-7 itp_in">
-													<select id="ITP_FORM_RTNMNG03010_DETAIL_COL_DVSN" class="form-control itp_input" name="colDvsn">
-														<option value="A">본사수거/공급사수거</option>											
-													</select>
-												</div>
-											</div>
+											<div class="col-xs-4 itp_ip fnColDvsnNm"></div>
 											<label class="col-xs-2 itp_lb">반품입고창고</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_RTNMNG03010_DETAIL_WHS_NM" class="form-control itp_input" name="whsNm" placeholder="창고/공급사" />
-												</div>
-												<div class="col-xs-5 itp_in" style="padding-left:3px; ">
-													<button type="button" id="ITP_BTN_RTNMNG03010_DETAIL_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-													<button type="button" id="ITP_BTN_RTNMNG03010_DETAIL_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
-								                </div>
-											</div>
+											<div class="col-xs-4 itp_ip fnWhsNm"></div>
 										</div>
 									</div>
 									<div class="itp_form_in">
 										<div class="itp_table_head fix" style="background:#f5f5f5;">
-											<h4 class="itp_table_tit">발주 품목</h4>
+											<h4 class="itp_table_tit">반품 발주 품목</h4>
 										</div>
 										<div id="ITP_RTNMNG04010_DETAIL_jqGrid_list" class="itp_tb_list">
 										  <div id="ITP_RTNMNG04010_DETAIL_jqGridView" class="itp_views fix"></div>

src/main/webapp/js/app/rtnmng/ITP_RTNMNG04010.js

@@ -0,0 +1,581 @@
+require(['config'], function() {
+    require([
+    ], function($) {
+        pageObj.init();
+    });
+});
+
+//화면변수
+const RTNMNG04010_GRID_ID = '#ITP_RTNMNG04010_jqGrid';
+const RTNMNG04010_GRID_LIST = '#ITP_RTNMNG04010_jqGrid_list';
+const RTNMNG04010_GRID_PAGER = '#ITP_RTNMNG04010_jqGridPager';
+const RTNMNG04010_GRID_EMPTY = '#ITP_RTNMNG04010_jqGridEmpty';
+
+const RTNMNG04010_DETAIL_GRID_ID = '#ITP_RTNMNG04010_DETAIL_jqGrid';
+const RTNMNG04010_DETAIL_GRID_LIST = '#ITP_RTNMNG04010_DETAIL_jqGrid_list';
+const RTNMNG04010_DETAIL_GRID_PAGER = '#ITP_RTNMNG04010_DETAIL_jqGridPager';
+const RTNMNG04010_DETAIL_GRID_EMPTY = '#ITP_RTNMNG04010_DETAIL_jqGridEmpty';
+
+let ITP_PODR_DTL_ST_CD = fn_make_common_cd_list(CODE_LIST, 'PODR_DTL_ST_CD', true, '구매발주상세상태코드');
+
+//API URL
+let API_RTNMNG_RTN_DETAIL_GRID_LIST =  '/api/rtnmng/rtn/detail-grid-list';
+let API_RTNMNG_RTN_INFO_RTNODR =  '/api/rtnmng/rtn/info-rtnOdr'; 
+let API_RTNMNG_RTN_CANCEL_RTNPO =  '/api/rtnmng/rtn/cancel-rtnPo';
+
+//화면 grid ColModel
+const gridColModel = {
+	list:[
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_NM', name: 'brandNm',
+			label: ITP_MSG_LOCALE.label.brandNm,			// 브랜드명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'RTN_PODR_UNQ_NO', name: 'rtnPodrUnqNo',
+			label: '반품발주번호', 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'RTN_ODR_ST_NM', name: 'rtnOdrStNm',
+			label: '발주상태', 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'RTN_ODR_REG_DT', name: 'rtnOdrRegDt',
+			label: '반품발주일자', 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'RTN_WHS_NM', name: 'rtnWhsNm',
+			label: '수거처', 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SPPLY_NM', name: 'spplyNm',
+			label: ITP_MSG_LOCALE.label.spplyNm, 			// 공급업체명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'RTN_DODR_TOTAL_AMT', name: 'rtnDodrTotalAmt',
+			label: '총 반품발주금액', 
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false,
+			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
+		},
+		{
+			index: 'rtn_Dodr_Item_Qty', name: 'rtnDodrItemQty',
+			label: '반품발주품목수', 
+			width: '7', fixed: false, align: 'center',
+			sortable: false, hidden: false, 
+			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
+		},
+		{
+			index: 'COL_REQ_DT', name: 'colReqDt',
+			label: '수거요청일', 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'col_Dvsn_Nm', name: 'colDvsnNm',
+			label: '수거구분', 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		}
+	],
+	view: [],
+	detail: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'RTN_PODR_DTL_NO', name: 'rtnPodrDtlNo',
+			label: ITP_MSG_LOCALE.label.pchPodrDtlNo, 		// 발주항번
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_ID', name: 'itemId',
+			label: ITP_MSG_LOCALE.label.itemId, 			// 품목번호
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_NM', name: 'itemNm',
+			label: ITP_MSG_LOCALE.label.itemNm, 			// 품목명
+			width: '5', fixed: false, align: 'left',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'RODR_DTL_ST_NM', name: 'rodrDtlStNm',
+			label: '발주상세상태', 
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'UNIT_AMT', name: 'unitAmt',
+			label: ITP_MSG_LOCALE.label.unitAmt, 			// 단가
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false,
+			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
+		},
+		{
+			index: 'UNIT', name: 'unit',
+			label: ITP_MSG_LOCALE.label.unit, 				// 기본단위
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'RTN_REQ_QTY', name: 'rtnReqQty',
+			label: '반품요청수량', 
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false, 
+			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
+		},
+		{
+			index: 'RTN_ODR_QTY', name: 'rtnOdrQty',
+			label: '반품발주수량', 
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false, 
+			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
+		},
+		{
+			index: 'RTN_ODR_AMT', name: 'rtnOdrAmt',
+			label: ITP_MSG_LOCALE.label.podrAmt, 			// 발주금액
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false,
+			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
+		}
+	]
+};
+
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function() {
+		this.ui.init();
+		this.event.init();
+	},
+	ui: {
+		init: function() {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('RTNMNG04010');
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+			// 조회일자 지정	
+			var now = new Date();
+			var defaultToDate = new Date(now);
+			defaultToDate.setDate(now.getDate() + 10);
+			$('#ITP_TAB_RTNMNG04010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+			$('#ITP_FORM_RTNMNG04010_SEARCH_FROM_DT').datepicker('setDate', now);
+			$('#ITP_FORM_RTNMNG04010_SEARCH_TO_DT').datepicker('setDate', defaultToDate);
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(RTNMNG04010_GRID_ID, RTNMNG04010_GRID_LIST, 'lg');
+			listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			listObj.init();
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					switch (id) {
+						case 'ITP_BTN_RTNMNG04010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_RTNMNG04010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
+						case 'ITP_BTN_RTNMNG04010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
+						case 'ITP_BTN_RTNMNG04010_CANCELLIST'		: modifyObj.button.cancel(); 	break;	// 취소/목록 버튼
+						case 'ITP_BTN_RTNMNG04010_RTNCANCEL'		: modifyObj.button.del();		break;	// 발주 취소 버튼(예정)
+					}
+				});
+			});
+		}
+	},
+	switchScreen: function(mode) {
+        $('.itp_det_head').find('button[id^="ITP_BTN_RTNMNG04010_"]').each(function(i) {
+            $(this).hide();
+        });
+        $('#ITP_TAB_RTNMNG04010').find('div[id$="_CONTAINER"]').each(function(i) {
+            $(this).hide();
+        });
+        if(mode == 'LIST') { // 목록
+            fn_show_btn_auth_array(['#ITP_BTN_RTNMNG04010_SRH', '#ITP_BTN_RTNMNG04010_NEWREG']);
+            $('#ITP_AJAX_RTNMNG04010_LIST_CONTAINER').show();
+            $('#ITP_FORM_RTNMNG04010_SEARCH #ITP_FORM_RTNMNG04010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));
+            $('#ITP_BTN_RTNMNG04010_SEARCH_SPPLY_ID').show();
+            $('#ITP_BTN_RTNMNG04010_DELETE_SPPLY_ID').show();
+            $('#ITP_BTN_RTNMNG04010_SEARCH_WHS_ID').show();
+            $('#ITP_BTN_RTNMNG04010_DELETE_WHS_ID').show();
+            
+        } else if(mode == 'MODIFY') { // 수정
+            $('#ITP_AJAX_RTNMNG04010_DETAIL_CONTAINER').show();
+            fn_show_btn_auth_array(['#ITP_BTN_RTNMNG04010_CANCELLIST', '#ITP_BTN_RTNMNG04010_RTNCANCEL']);
+
+            $('#ITP_BTN_RTNMNG04010_CANCELLIST').show();
+            $('#ITP_BTN_RTNMNG04010_DELETE').show();
+            
+            $('#ITP_FORM_RTNMNG04010_DETAIL_BRAND_ID').attr('readonly', true);
+            $('#ITP_FORM_RTNMNG04010_DETAIL_BRAND_NM').attr('readonly', true);
+            $('#ITP_FORM_RTNMNG04010_DETAIL_BSNS_REG_NO').attr('readonly', true);
+            $('#ITP_FORM_RTNMNG04010_DETAIL_CORP_REG_NO').attr('readonly', true);
+            $('#ITP_FORM_RTNMNG04010_DETAIL_SEARCH_AFFL_SHOP').hide();
+            $('#ITP_FORM_RTNMNG04010_DETAIL_DELETE_AFFL_SHOP').hide();
+			$('#ITP_FORM_RTNMNG04010_DETAIL .itp_form_info').show();
+			$('#ITP_FORM_RTNMNG04010_DETAIL .itp_form_change').hide();
+
+            $('#ITP_FORM_RTNMNG04010_DETAIL #ITP_FORM_RTNMNG04010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+        } 
+    }
+};
+
+
+/*목록화면 Object*/
+let listObj = {
+	init: function() {
+		this.grid.init();
+		this.action();
+	},
+	itp_RTNMNG04010_param: {},
+	itp_RTNMNG04010_search: false,
+	button: {
+		search: function() {
+			listObj.itp_RTNMNG04010_search = true;
+			let param = $('#ITP_FORM_RTNMNG04010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+            param.gridPage = $.jgrid.defaults.page;
+            param.sidx = '0';
+            console.log(JSON.stringify(param));
+            $(RTNMNG04010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+        }
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+            this.push();
+            $(RTNMNG04010_GRID_EMPTY).on('click', function() {
+                _this.back();
+                listObj.itp_RTNMNG04010_param.gridSize = $.jgrid.defaults.rowNum;
+                $(RTNMNG04010_GRID_ID).setGridParam({'postData': JSON.stringify(listObj.itp_RTNMNG04010_param)}).trigger('reloadGrid');
+            });
+		},
+		push: function() {
+            let param = $('#ITP_FORM_RTNMNG04010_SEARCH').serializeObject();
+            listObj.itp_RTNMNG04010_param = param;
+            param.sidx = '0';
+        },
+        back: function() {
+            $('#ITP_FORM_RTNMNG04010_SERVICE_BRAND_TYPE').val(listObj.itp_RTNMNG04010_param.brandType);
+            $('#ITP_FORM_RTNMNG04010_SERVICE_ST_CD').val(listObj.itp_RTNMNG04010_param.stCd);
+            $('#ITP_FORM_RTNMNG04010_SEARCH_BRAND_NM').val(listObj.itp_RTNMNG04010_param.brandNm);
+        }
+	},
+	grid: {
+		init: function() {
+			// 데이터 없을때
+            listObj.empty.push();
+            this.search();
+		},
+		colModel: gridColModel.list,
+		search: function() {
+			pageObj.switchScreen('LIST');
+			this.unload();
+			this.load();
+		},
+		load: function() {
+            let param = $('#ITP_FORM_RTNMNG04010_SEARCH').serializeObject();
+            param.gridSize = $.jgrid.defaults.rowNum;
+            param.sidx = '0';
+            console.log(JSON.stringify(param));
+            var option = {
+            	gridId: RTNMNG04010_GRID_ID,
+            	colModel: gridColModel.list,
+            	param: param,
+            	url: DOMAIN + API_RTNMNG_RTN_DETAIL_GRID_LIST,
+            	pager: RTNMNG04010_GRID_PAGER,
+            	onCellSelect: function(rowId, cellIdx, cellValue) {
+                    var cm = $(this).jqGrid('getGridParam', 'colModel');
+                    var colNm = cm[cellIdx].name;
+                    if (colNm === 'rtnPodrUnqNo') {
+                        const rtnPodrUnqNoVal = $(this).jqGrid('getCell', rowId, 'rtnPodrUnqNo');
+                        const brandIdVal = $(this).jqGrid('getCell', rowId, 'brandId');
+                        const key = {rtnPodrUnqNo: rtnPodrUnqNoVal, brandId: brandIdVal};
+                        var param = $.param(key);
+                        modifyObj.init(param);
+                    }
+				},
+				loadComplete: function(data) {
+					console.log(data);
+                    itp_fn_grid_load_complete(data, RTNMNG04010_GRID_ID, true, 'number', 'RTNMNG04010', listObj.itp_RTNMNG04010_search, listObj.empty, true, data.gridRecords, true);
+                    var ids = $(RTNMNG04010_GRID_ID).getDataIDs();
+                    $.each(ids, function(idx, rowId) {
+                        $(RTNMNG04010_GRID_ID).jqGrid('setCell', rowId, 'rtnPodrUnqNo', '', ITP_GRID_COL_STYLE.link);
+                    });
+				},
+				onPaging: function(action) {
+                    itp_fn_grid_paging(RTNMNG04010_GRID_ID, action, param);
+                }
+            };
+            itp_fn_grid_make_remote(option);
+		},
+		clearData: function() {
+			$(RTNMNG04010_GRID_ID).jqGrid('clearGridData', true);
+            $(RTNMNG04010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+            $(RTNMNG04010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+            $(RTNMNG04010_GRID_EMPTY).show();
+		},
+		unload: function() {
+			$.jgrid.gridUnload(RTNMNG04010_GRID_ID);
+		}
+	},
+	action: function() {
+		var _this = this;
+		// 매장/창고 조회 버튼 클릭
+		$('#ITP_BTN_RTNMNG04010_SEARCH_POP_SWHS_NM').on('click', function() {
+			_this.popup('whs');
+		});
+		// 매장/창고 텍스트 삭제 버튼 클릭
+		$('#ITP_BTN_RTNMNG04010_SEARCH_DEL_SWHS_NM').on('click', function() {
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SWHS_NM').val('');
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SWHS_ID').val('');
+		});
+		
+		// 매장/창고 조회 버튼 클릭
+		$('#ITP_BTN_RTNMNG04010_SEARCH_POP_SRTN_WHS_NM').on('click', function() {
+			_this.popup('rwhs');
+		});
+		// 매장/창고 텍스트 삭제 버튼 클릭
+		$('#ITP_BTN_RTNMNG04010_SEARCH_DEL_SRTN_WHS_NM').on('click', function() {
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SRTN_WHS_NM').val('');
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SRTN_WHS_ID').val('');
+		});
+		
+		// 공급업체 조회 버튼 클릭
+		$('#ITP_BTN_RTNMNG04010_SEARCH_POP_SSPPLY_NM').on('click', function() {
+			_this.popup('spply');
+		});
+		// 공급업체 텍스트 삭제 버튼 클릭
+		$('#ITP_BTN_RTNMNG04010_SEARCH_DEL_SSPPLY_NM').on('click', function() {
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SSPPLY_NM').val('');
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SSPPLY_ID').val('');
+		});
+		
+	},
+	popup: function(keyword) {
+		if(keyword === 'spply'){
+			var popFn = this.callback.spply;
+			const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId')};
+			fn_call_popup('biz', 'BIZPOP_STORE_SPPLY', '#ITP_ASIDE', popFn, key, 'S');
+		} else if(keyword === 'whs'){
+			var popFn = this.callback.whs;
+			const key1 = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId'), whsDvsn:""};
+			fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key1, 'S');
+		} else if(keyword === 'rwhs'){
+			var popFn = this.callback.rwhs;
+			const key1 = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId'), whsDvsn:""};
+			fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key1, 'S');
+		}
+	},
+	callback: {
+		whs: function(rowDataPop) {
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SWHS_NM').val(rowDataPop.whsNm);
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SWHS_ID').val(rowDataPop.whsId);
+		}, 
+		rwhs: function(rowDataPop) {
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SRTN_WHS_NM').val(rowDataPop.whsNm);
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SRTN_WHS_ID').val(rowDataPop.whsId);
+		},
+		spply: function(rowDataPop) {
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SSPPLY_NM').val(rowDataPop.spplyNm);
+			$('#ITP_FORM_RTNMNG04010_SEARCH_SSPPLY_ID').val(rowDataPop.spplyId);
+		}
+	}
+};
+
+
+/*수정화면 Object*/
+let modifyObj = {
+	init: function(param) {
+		this.load(param);
+	},
+	itp_RTNMNG04010_param: {},
+	itp_RTNMNG04010_search: false,
+	button: {
+		cancel: function() {
+			listObj.grid.search();
+		},
+		del: function() {
+			
+			var modalFn = {
+				callBack: () => {
+
+					var param = {brandId: $('#ITP_FORM_RTNMNG04010_DETAIL_BRAND_ID').val(), rtnPodrUnqNo: $('#ITP_FORM_RTNMNG04010_DETAIL_RTN_PODR_UNQ_NO').val()};
+					var searhFn = function () {
+						listObj.grid.search();
+					}
+					fn_ajax_call(API_RTNMNG_RTN_CANCEL_RTNPO, JSON.stringify(param), searhFn, 'POST');
+				}
+			};
+			itp_fn_modal_confirm('반품발주를 취소 하시겠습니까?', modalFn);
+		}
+	},
+	empty: {
+		init: function() {
+            var _this = this;
+            this.push();
+            $(RTNMNG04010_VIEW_GRID_EMPTY).on('click', function() {
+                _this.back();
+                viewObj.itp_RTNMNG04010_param.gridSize = $.jgrid.defaults.rowNum;
+                $(RTNMNG04010_GRID_ID).setGridParam({'postData': JSON.stringify(viewObj.itp_RTNMNG04010_param)}).trigger('reloadGrid');
+            });
+        },
+        push: function() {
+            let param = $('#ITP_FORM_RTNMNG04010_DETAIL').serializeObject();
+            viewObj.itp_RTNMNG04010_param = param;
+        },
+        back: function() {
+            $('#ITP_FORM_RTNMNG04010_SERVICE_BRAND_TYPE').val(viewObj.itp_RTNMNG04010_param.brandType);
+            $('#ITP_FORM_RTNMNG04010_SERVICE_ST_CD').val(viewObj.itp_RTNMNG04010_param.stCd);
+            $('#ITP_FORM_RTNMNG04010_SEARCH_BRAND_NM').val(viewObj.itp_RTNMNG04010_param.brandNm);
+        }
+	},
+	load: function(param) {
+		fn_ajax_call(API_RTNMNG_RTN_INFO_RTNODR, param, this.callback, 'GET');
+	},
+	callback: function(result) {
+		// console.log('>>>> ' + JSON.stringify(result));
+		
+		// 그리드 전화번호 '-' 함수
+		let telNo = '';
+		if(result.rtnMgrTelNo != '') {
+			function convertTel(value){
+				answer = (value.startsWith('0')) ? value.replace(/[^0-9]/g, "")
+						.replace(/(^02|^0505|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3")
+						.replace("--", "-") : '';
+				return answer;
+			}				
+			telNo = convertTel(result.rtnMgrTelNo);	
+		}
+		
+		pageObj.switchScreen('MODIFY');
+		$('#ITP_FORM_RTNMNG04010_DETAIL #ITP_FORM_RTNMNG04010_DETAIL_BRAND_ID').val(result.brandId);
+		$('#ITP_FORM_RTNMNG04010_DETAIL #ITP_FORM_RTNMNG04010_DETAIL_RTN_PODR_UNQ_NO').val(result.rtnPodrUnqNo);
+		$('#ITP_FORM_RTNMNG04010_DETAIL #ITP_FORM_RTNMNG04010_DETAIL_RTN_ODR_ST_CD').val(result.rtnOdrStCd);
+		
+		$('#ITP_FORM_RTNMNG04010_DETAIL .fnBrandNm').text(result.brandNm);				
+		$('#ITP_FORM_RTNMNG04010_DETAIL .fnRtnPodrUnqNo').text(result.rtnPodrUnqNo + ' / ' + result.rtnOdrStNm);
+		$('#ITP_FORM_RTNMNG04010_DETAIL .fnColPlace').text(result.rtnWhsNm + ' - ' + result.rtnLocationNm);
+		$('#ITP_FORM_RTNMNG04010_DETAIL .fnWhsNm').text(result.whsNm + ' - ' + result.locationNm);
+		$('#ITP_FORM_RTNMNG04010_DETAIL .fnSpplyNm').text(result.spplyNm);
+		$('#ITP_FORM_RTNMNG04010_DETAIL .fnRtnOdrRegDt').text(result.rtnOdrRegDt);
+		$('#ITP_FORM_RTNMNG04010_DETAIL .fnPodrMgrNm').text(result.rtnMgrNm);
+		$('#ITP_FORM_RTNMNG04010_DETAIL .fnPodrMgrTelNo').text(telNo);
+		$('#ITP_FORM_RTNMNG04010_DETAIL .fnColDvsnNm').text(result.colDvsnNm);
+		$('#ITP_FORM_RTNMNG04010_DETAIL .fnRtnDodrTotalAmt').text(itp_fn_number_comma(result.rtnDodrTotalAmt));
+		
+		if('RO20' == result.rtnOdrStCd) { // 반품발주요청
+			$('#ITP_BTN_RTNMNG04010_RTNCANCEL').show();
+		} else {
+			$('#ITP_BTN_RTNMNG04010_RTNCANCEL').hide();
+		}
+		
+		modifyObj.grid.init('MODIFY', result.rtnOdrDtlList)
+		
+	},
+	grid: {
+		init: function(mode, gridData) {
+			this.mode = mode;
+			this.gridId = (mode === 'VIEW') ? RTNMNG04010_VIEW_GRID_ID : RTNMNG04010_DETAIL_GRID_ID;
+			this.gridList = (mode === 'VIEW') ? RTNMNG04010_VIEW_GRID_LIST : RTNMNG04010_DETAIL_GRID_LIST;
+			this.gridEmpty = (mode === 'VIEW') ? RTNMNG04010_VIEW_GRID_EMPTY : RTNMNG04010_DETAIL_GRID_EMPTY;
+			this.unload();
+			this.load(mode, gridData);
+		},
+		mode: '',
+		colModel: gridColModel.view,
+		load: function(mode, gridData) {
+			var _this = this;
+			var option = {
+				gridId: _this.gridId,
+				colModel: gridColModel.detail,
+				data: gridData,
+				// multiselect: true,
+				onSelectRow: function(index, status) {
+					if(index) {
+						var row = $(RTNMNG04010_DETAIL_GRID_ID).jqGrid('getRowData', index);
+						if(row.podrDtlStCd == 'POD2') {
+							$("#jqg_ITP_RTNMNG04010_DETAIL_jqGrid_" + index).prop("checked", false);
+						}
+					}
+				},
+				onSelectAll: function(rowIds, status) {
+					for(let i = 0; i < rowIds.length; i++){
+						let podrDtlStCd = $(RTNMNG04010_DETAIL_GRID_ID).getCell(rowIds[i], 'podrDtlStCd');
+						if(podrDtlStCd == 'POD2') {
+							$("#jqg_ITP_RTNMNG04010_DETAIL_jqGrid_" + rowIds[i]).prop("checked", false);
+						} else {
+							$("#jqg_ITP_RTNMNG04010_DETAIL_jqGrid_" + rowIds[i]).prop("checked", status);
+						}
+					}
+				},
+				loadComplete: function(data) {
+					console.log(data);
+					let datas = data.rows;
+					for(let i = 0; i < datas.length; i++) {
+						let podrDtlStCd = datas[i].podrDtlStCd;
+						if(podrDtlStCd == 'POD2') {
+							$('#jqg_ITP_RTNMNG04010_DETAIL_jqGrid_' + (i + 1)).attr('disabled', true);
+						}
+					}
+					itp_fn_grid_load_complete(data, RTNMNG04010_DETAIL_GRID_ID, true, 'number', 'RTNMNG04010', modifyObj.itp_RTNMNG04010_search, modifyObj.empty, true, data.gridRecords, true);
+				}
+			};
+			itp_fn_grid_make_local(option);
+		},
+		unload: function() {
+			$.jgrid.gridUnload(this.gridId);
+		}
+	},
+	isValid: function(formId) {
+		var isValid = false;
+		$(formId).find('input, select, checkbox, textarea').each(function(k) {
+			if($(this).data('check-required')) {
+				var arry = $(this).data('check-required').split(',');
+				isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined);
+				if(!isValid) return false;
+			}
+		});
+		return isValid;
+	},
+};