재고관리 개발중

src/main/webapp/app/stockmng/STOCKMNG01010.html

@@ -2,7 +2,7 @@
 	<div class="itp_cont">
 		<article class="itp_detail">
 			<div class="itp_det_head fix">
-				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i> <strong>재고 관리-팝업있음</strong></h2>
+				<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_STOCKMNG01010_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;조회&nbsp;&nbsp;</button>
 				</div>					
@@ -13,53 +13,58 @@
 						<div class="itp_srh_border fix">
 							<div class="col-xs-12">
 								<form id="ITP_FORM_STOCKMNG01010_SEARCH" class="form-horizontal">
+									<input type="hidden" id="ITP_FORM_STOCKMNG01010_SEARCH_BRAND_ID" name="sbrandId" value="">
+									<input type="hidden" id="ITP_FORM_STOCKMNG01010_SEARCH_STORE_ID" name="sstoreId" value="">
+								
 									<div class="form-group">
 										<div class="col-xs-10">
 											<div class="col-xs-2 itp_ip itp_noMar">
-												<select id="ITP_FORM_STOCKMNG01010_SERVICE_WHS_MGNT_BASE_INFO" class="form-control itp_input" name="serviceswhsMgntBaseInfo">
+												<select id="ITP_FORM_STOCKMNG01010_SEARCH_WHS_ID" class="form-control itp_input" name="swhsId">
 													<option value="">창고</option>											
 												</select>	
 											</div>
 											<div class="col-xs-3 itp_ip itp_noMar">
-												<select id="ITP_FORM_STOCKMNG01010_SEARCH_WHS_MGNT_BASE_LOC" class="form-control itp_input" name="sWhsMgntBaseLoc">
+												<select id="ITP_FORM_STOCKMNG01010_SEARCH_LOCATION" class="form-control itp_input" name="slocation">
 													<option value="">판매용/B품/폐기품</option>											
 												</select>										
 											</div>
 										</div>
 									</div>
 									<div class="form-group" style="padding-top: 10px; border-top: 1px dotted #ccc;">
-										<div class="col-xs-1 itp_in" style="width:14%; padding:0px;">
-											<select id="ITP_FORM_STOCKMNG01010_SEARCH_ITEM_CLASS1" class="form-control itp_input" name="sItemClass1">
-												<option value="">품목분류Level1</option>											
-											</select>										
-										</div>
-										<div class="col-xs-1 itp_in" style="width:14%; padding:0px;">
-											<select id="ITP_FORM_STOCKMNG01010_SEARCH_ITEM_CLASS2" class="form-control itp_input" name="sItemClass2">
-												<option value="">품목분류Level2</option>											
-											</select>										
-										</div>
-										<div class="col-xs-1 itp_in" style="width:14%; padding:0px;">
-											<select id="ITP_FORM_STOCKMNG01010_SEARCH_ITEM_CLASS3" class="form-control itp_input" name="sItemClass3">
-												<option value="">품목분류Level3</option>											
-											</select>										
-										</div>
-										<div class="col-xs-1 itp_in" style="width:14%; padding:0px;">
-											<select id="ITP_FORM_STOCKMNG01010_SEARCH_ITEM_CLASS4" class="form-control itp_input" name="sItemClass4">
-												<option value="">품목분류Level4</option>											
-											</select>										
-										</div>
-										<div class="col-xs-4 itp_in">
-											<input type="text" id="ITP_FORM_STOCKMNG01010_SEARCH_ITEM_NM" class="form-control itp_input" name="sItemNm" placeholder="품목번호 or 품목명" />
+										<div class="col-xs-10">
+											<div class="col-xs-2 itp_ip itp_noMar">
+												<select id="ITP_FORM_STOCKMNG01010_SEARCH_ITEM_CLASS1" class="form-control itp_input" name="sitemClass1">
+													<option value="">품목분류Level1</option>											
+												</select>										
+											</div>
+											<div class="col-xs-2 itp_ip itp_noMar">
+												<select id="ITP_FORM_STOCKMNG01010_SEARCH_ITEM_CLASS2" class="form-control itp_input" name="sitemClass2">
+													<option value="">품목분류Level2</option>											
+												</select>										
+											</div>
+											<div class="col-xs-2 itp_ip itp_noMar">
+												<select id="ITP_FORM_STOCKMNG01010_SEARCH_ITEM_CLASS3" class="form-control itp_input" name="sitemClass3">
+													<option value="">품목분류Level3</option>											
+												</select>										
+											</div>
+											<div class="col-xs-2 itp_ip itp_noMar">
+												<select id="ITP_FORM_STOCKMNG01010_SEARCH_ITEM_CLASS4" class="form-control itp_input" name="sitemClass4">
+													<option value="">품목분류Level4</option>											
+												</select>										
+											</div>
+											<div class="col-xs-4 itp_in itp_noMar">
+												<input type="text" id="ITP_FORM_STOCKMNG01010_SEARCH_ITEM_NM" class="form-control itp_input" name="sitemNm" placeholder="품목번호 or 품목명" />
+											</div>
 										</div>							
 									</div>
 								</form>
 							</div>
 						</div>
 					</div>
-					<div class="fix" style="padding-right:10px;">
+					<div class="fix" style="padding-right:16px;">
 						<div class="pull-right itp_cicon">
 							<button type="button" id="ITP_BTN_STOCKMNG01010_ADDROW" class="btn btn-primary btn-sm IPS" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;재고처리&nbsp;&nbsp;</button>
-							<button type="button" id="ITP_BTN_STOCKMNG01010_DELROW" class="btn btn-danger btn-sm "><i class="glyphicon"></i>&nbsp;&nbsp;재고이력&nbsp;&nbsp;</button>									
+							<button type="button" id="ITP_BTN_STOCKMNG01010_DELROW" class="btn btn-primary btn-sm IPS"><i class="glyphicon"></i>&nbsp;&nbsp;재고이력&nbsp;&nbsp;</button>									
 						</div>
 					</div>
 					<div class="itp_table fix">

src/main/webapp/js/app/stockmng/ITP_STOCKMNG01010.js

@@ -0,0 +1,272 @@
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ * let locInfoObj = {}		: 로케이션정보 Object				*
+ *******************************************************/
+
+/*화면 변수*/
+const STOCKMNG01010_GRID_ID = '#ITP_STOCKMNG01010_jqGrid';
+const STOCKMNG01010_GRID_LIST = '#ITP_STOCKMNG01010_jqGrid_list';
+const STOCKMNG01010_GRID_PAGER = '#ITP_STOCKMNG01010_jqGridPager';
+const STOCKMNG01010_GRID_EMPTY = '#ITP_STOCKMNG01010_jqGridEmpty';
+
+let ITP_FORM_STOCKMNG01010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_STOCKMNG01010_DETAIL_IS_WRITING = false;
+let STOCKMNG01010_DETAIL_GRID_LAST_ROW_ID;
+
+/*API URL*/
+let STOCK_MNG_DETAIL_GRID_LIST = '/api/stock/mng/detail-grid-list';
+let WHS_MNG_ADD_WHS = '/api/whs/mng/add-whs';
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: "브랜드ID", 
+			width: '0', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'STORE_ID', name: 'storeId',
+			label: "매장ID", 
+			width: '0', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_NM', name: 'brandNm',
+			label: ITP_MSG_LOCALE.label.brandNm, //브랜드
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STORE_NM', name: 'storeNm',
+			label: "매장명", 
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'WHS_ID', name: 'whsId',
+			label: "창고번호", 
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'WHS_NM', name: 'whsNm',
+			label: "창고명", 
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'WHS_ST_NM', name: 'whsStNm',
+			label: ITP_MSG_LOCALE.label.status, //상태
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'MGR_NM', name: 'mgrNm',
+			label: "담당자명", 
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'MGR_TEL_NO', name: 'mgrTelNo',
+			label: "연락처", 
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		}
+	]
+};
+
+require(['config'], function() {
+	require([
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/*화면공통 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('STOCKMNG01010');
+			
+			// 브랜드ID 지정
+			var data = JSON.parse(sessionStorage.getItem('itp_manage_brand_cd'));
+			$('#ITP_FORM_STOCKMNG01010_SEARCH_BRAND_ID').val(data.brandId);
+			
+			// 공통코드 표시
+			// fn_make_select(CODE_LIST, 'WHS_DVSN', 'ITP_FORM_STOCKMNG01010_WHS_DVSN');			
+			// fn_make_select(CODE_LIST, 'WHS_ST_CD', 'ITP_FORM_STOCKMNG01010_WHS_ST_CD');
+			// fn_make_select(CODE_LIST, 'WHS_ST_CD', 'ITP_FORM_STOCKMNG01010_DETAIL_WHS_ST_CD', true, '선택');
+
+			// 조회일자 지정
+			$('#ITP_TAB_STOCKMNG01010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);			
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(STOCKMNG01010_GRID_ID, STOCKMNG01010_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_STOCKMNG01010_SRH'		: listObj.button.search();		break;	// 조회 버튼
+						case 'ITP_BTN_STOCKMNG01010_ADDROW'		: locInfoObj.button.addRow();	break;	// 재고처리 버튼
+						case 'ITP_BTN_STOCKMNG01010_DELROW'		: locInfoObj.button.delRow();	break;	// 재고이력 버튼
+					}
+				});
+			});
+
+			$('body').on('click', function(e) {
+				
+			});
+
+		}
+	},
+	switchScreen: function(mode) {
+		if(mode == 'LIST') { // 목록			
+			fn_show_btn_auth('#ITP_BTN_STOCKMNG01010_SRH');
+
+			$('#ITP_AJAX_STOCKMNG01010_LIST_CONTAINER').show();
+		}
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+		this.grid.init();
+	},
+	itp_STOCKMNG01010_search: false,
+	button: {
+		search: function() {
+			listObj.itp_STOCKMNG01010_search = true;
+			let param = $('#ITP_FORM_STOCKMNG01010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(STOCKMNG01010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+		create: function() {
+			pageObj.switchScreen('ADD');			
+			itp_fn_form_clear_validate(null, '#ITP_FORM_STOCKMNG01010_DETAIL');						
+			// 로케이션 리스트 조회
+			createObj.init();
+		}
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(STOCKMNG01010_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_STOCKMNG01010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(STOCKMNG01010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STOCKMNG01010_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_STOCKMNG01010_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_STOCKMNG01010_SEARCH').serializeObject();
+			listObj.itp_STOCKMNG01010_param = param;
+		},
+		back: function() {
+			$('#ITP_FORM_STOCKMNG01010_DEVI_TP_CD').val(this.itp_STOCKMNG01010_param.deviTpCd);
+			$('#ITP_FORM_STOCKMNG01010_ORDER_YN').val(this.itp_STOCKMNG01010_param.orderYn);
+			$('#ITP_FORM_STOCKMNG01010_ADT_AUTH_CD').val(this.itp_STOCKMNG01010_param.adtAuthCd);
+			$('#ITP_FORM_STOCKMNG01010_EMAIL_RCV_YN').val(this.itp_STOCKMNG01010_param.emailRcvYn);
+			$('#ITP_FORM_STOCKMNG01010_MEMB_EXIT_DT').val(this.itp_STOCKMNG01010_param.membExitDt);
+			$('#ITP_FORM_STOCKMNG01010_FROM_DT').val(this.itp_STOCKMNG01010_param.fromDt);
+			$('#ITP_FORM_STOCKMNG01010_TO_DT').val(this.itp_STOCKMNG01010_param.toDt);
+			$('#ITP_FORM_STOCKMNG01010_KEYWORD').val(this.itp_STOCKMNG01010_param.keyword);
+		}
+	},
+	grid: {
+		init: function () {
+			// 데이터 없을때
+			listObj.empty.push();
+			this.search();
+		},
+		colModel: gridColModel.list,
+		search: function() {
+			pageObj.switchScreen('LIST');
+			this.unload();
+			this.load();
+		},
+		load: function() {
+			var data = JSON.parse(sessionStorage.getItem('itp_manage_brand_cd'));
+			$('#ITP_FORM_STOCKMNG01010_SEARCH_BRAND_ID').val(data.brandId);
+			
+			let param = $('#ITP_FORM_STOCKMNG01010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+
+			var option = {
+				gridId: STOCKMNG01010_GRID_ID,
+				colModel: gridColModel.list,
+				param: JSON.stringify(param),
+				url: DOMAIN + STOCK_MNG_DETAIL_GRID_LIST,
+				pager: STOCKMNG01010_GRID_PAGER,
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					var cm = $(this).jqGrid('getGridParam', 'colModel');
+					var colNm = cm[cellIdx].name;
+					if (colNm == 'whsNm') {
+						const brandIdVal = $(this).jqGrid('getCell', rowId, 'brandId');
+						const whsIdVal = $(this).jqGrid('getCell', rowId, 'whsId');
+						
+						const key = {brandId: brandIdVal, whsId: whsIdVal, viewCd: 'R'};
+						var param = $.param(key);
+						viewObj.init(param);
+					}
+				},
+				loadComplete: function(data) {
+					console.log(data);
+					itp_fn_grid_load_complete(data, STOCKMNG01010_GRID_ID, true, 'number', 'STOCKMNG01010', listObj.itp_STOCKMNG01010_search, listObj.empty, true, data.gridRecords, true);
+					var ids = $(STOCKMNG01010_GRID_ID).getDataIDs();
+					$.each(ids, function(idx, rowId) {
+						$(STOCKMNG01010_GRID_ID).jqGrid('setCell', rowId, 'whsNm', '', ITP_GRID_COL_STYLE.link);
+					});
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(STOCKMNG01010_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(STOCKMNG01010_GRID_ID).jqGrid('clearGridData', true);
+			$(STOCKMNG01010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(STOCKMNG01010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(STOCKMNG01010_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(STOCKMNG01010_GRID_ID);
+		}
+	}
+};