출하지시 일주 작업 저장

src/main/webapp/app/inoutmng/INOUTMNG01010.html

@@ -4,7 +4,8 @@
 			<div class="itp_det_head fix">
 				<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_INOUTMNG01010_SRH" class="btn btn-success btn-sm OUD" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;출하지시&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_INOUTMNG01010_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_INOUTMNG01010_OUT" class="btn btn-success btn-sm OUD" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;출하지시&nbsp;&nbsp;</button>
 				</div>
 			</div>
 			<div class="itp_det_in">
@@ -21,24 +22,29 @@
 										</div>
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">
-												<input type="text" id="ITP_FORM_INOUTMNG01010_SEARCH_DLV_REQ_DT" class="form-control itp_input" name="dlvReqDt" value="">
+												<input type="text" id="ITP_FORM_INOUTMNG01010_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_INOUTMNG01010_SEARCH_DLV_DT" class="form-control itp_input" name="dlvDt" value="">
+												<input type="text" id="ITP_FORM_INOUTMNG01010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="">
 											</div>
 										</div>
+										
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_INOUTMNG01010_SEARCH_SHMT_WHS_ID" class="form-control itp_input" name="sShmtWhsId">
-												<option value="A">출하창고*</option>											
-											</select>
+											<input type="text" id="ITP_FORM_INOUTMNG01010_SEARCH_SSHMT_WHS_NM" class="form-control itp_input" name="sshmtWhsNm" placeholder="출고창고" />
+											<input type="hidden" id="ITP_FORM_INOUTMNG01010_SEARCH_SSHMTWHS_ID" class="form-control itp_input" name="sshmtWhsId"  />
 										</div>
+										<div class="col-xs-1 itp_in" style="padding:0px; width:10%;">
+											<button type="button" id="ITP_FORM_INOUTMNG01010_SEARCH_SHMT_WHS_NM" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+											<button type="button" id="ITP_FORM_INOUTMNG01010_DELETE_SHMT_WHS_NM" class="btn btn-primary btn-sm SHOW" 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">
-											<input type="text" id="ITP_FORM_INOUTMNG01010_SEARCH_DLV_PLACE" class="form-control itp_input" name="sDlvPlace" placeholder="납품매장" />
+											<input type="text" id="ITP_FORM_INOUTMNG01010_SEARCH_SWHS_NM" class="form-control itp_input" name="swhsNm" placeholder="납품매장창고" />
+											<input type="hidden" id="ITP_FORM_INOUTMNG01010_SEARCH_SWHS_ID" class="form-control itp_input" name="swhsId" placeholder="납품창고" />
 										</div>
 										<div class="col-xs-1 itp_in" style="width:11%; padding:0px;">
-											<button type="button" id="ITP_BTN_INOUTMNG01010_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_INOUTMNG01010_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_FORM_INOUTMNG01010_SEARCH_WHS_NM" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+											<button type="button" id="ITP_FORM_INOUTMNG01010_DELETE_WHS_NM" class="btn btn-primary btn-sm SHOW" 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_INOUTMNG01010_SEARCH_ITEM_NM" class="form-control itp_input" name="sItemNm" placeholder="품목번호 or 품목명" />

src/main/webapp/js/app/inoutmng/ITP_INOUTMNG01010.js

@@ -0,0 +1,436 @@
+require(['config'], function() {
+	require([], function($) {
+		listObj.init();
+	});
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const INOUTMNG01010_GRID_ID = '#ITP_INOUTMNG01010_jqGrid';
+const INOUTMNG01010_GRID_LIST = '#ITP_INOUTMNG01010_jqGrid_list';
+const INOUTMNG01010_GRID_PAGER = '#ITP_INOUTMNG01010_jqGridPager';
+const INOUTMNG01010_GRID_EMPTY = '#ITP_INOUTMNG01010_jqGridEmpty';
+
+let ITP_FORM_INOUTMNG01010_DETAIL_IS_WRITING = false;
+let INOUTMNG01010_LAST_ROW_ID;
+
+
+/*API URL*/
+let API_DETAIL_GRID_LIST 		= '/api/pomng/inoutmng/target-grid-list';	// 목록
+
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: ITP_MSG_LOCALE.label.brandId, //브랜드아이디
+			width: '13', 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: 'PCH_PODR_UNQ_NO', name: 'pchPodrUnqNo',
+			label: ITP_MSG_LOCALE.label.pchPodrUnqNo, //구매발주번호
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PCH_PODR_DTL_NO', name: 'pchPodrDtlNo',
+			label: ITP_MSG_LOCALE.label.pchPodrDtlNo, //구매발주항번
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_ID', name: 'itemId',
+			label: ITP_MSG_LOCALE.label.itemId, //품목아이디
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_NM', name: 'itemNm',
+			label: ITP_MSG_LOCALE.label.itemNm, //품목명
+			width: '10', fixed: false, align: 'left',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'WHS_ID', name: 'whsId',
+			label: ITP_MSG_LOCALE.label.whsId, //납품창고아이디
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'WHS_NM', name: 'whsNm',
+			label: ITP_MSG_LOCALE.label.whsNm, //납품창고명
+			width: '15', fixed: false, align: 'left',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'LOCATION', name: 'location',
+			label: ITP_MSG_LOCALE.label.location, //납품LOCATION
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'UNIT_AMT', name: 'unitAmt',
+			label: ITP_MSG_LOCALE.label.unitAmt, //단가
+			width: '6', fixed: false, align: 'right',
+			sortable: false, hidden: false,
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		},
+		{
+			index: 'PODR_QTY', name: 'podrQty',
+			label: ITP_MSG_LOCALE.label.podrQty, //발주수량
+			width: '10', fixed: false, align: 'right',
+			sortable: false, hidden: false,
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		},
+		{
+			index: 'SHMT_QTY', name: 'shmtQty',
+			label: ITP_MSG_LOCALE.label.shmtQty, //출고수량
+			width: '10', fixed: false, align: 'right',
+			sortable: true, editable: true, edittype: 'text',
+			editrules: {required: true, number:true},
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		},
+		{
+			index: 'STCK_QTY', name: 'stckQty',
+			label: ITP_MSG_LOCALE.label.stckQty, //현 재고
+			width: '10', fixed: false, align: 'right',
+			sortable: false, hidden: false,
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		},
+		{
+			index: 'EXPRY_YN', name: 'expryYn',
+			label: ITP_MSG_LOCALE.label.expryYn, //유통기한여부
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'EXPRY_PERIOD', name: 'expryPeriod',
+			label: ITP_MSG_LOCALE.label.expryPeriod, //유통기한기간
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'EXPRY_DATE', name: 'expryDate',
+			label: ITP_MSG_LOCALE.label.expryDate, //유통일자
+			width: '20', fixed: false, align: 'center',
+			sortable: false, hidden: false,
+			editable:true, sorttype:"date"
+		},
+		{
+			index: 'PODR_AMT', name: 'podrAmt',
+			label: ITP_MSG_LOCALE.label.podrAmt, //발주금액
+			width: '10', fixed: false, align: 'right',
+			sortable: false, hidden: false,
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		},
+		{
+			index: 'DLV_REQ_DT', name: 'dlvReqDt',
+			label: ITP_MSG_LOCALE.label.dlvReqDt, //납품요청일
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SHMT_WHS_ID', name: 'shmtWhsId',
+			label: ITP_MSG_LOCALE.label.shmtWhsId, //출고창고아이디
+			width: '10', fixed: false, align: 'right',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'SHMT_LOCATION', name: 'shmtLocation',
+			label: ITP_MSG_LOCALE.label.shmtLocation, //출고LOCATION
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'SHMT_WHS_NM', name: 'shmtWhsNm',
+			label: ITP_MSG_LOCALE.label.shmtWhsNm, //출고창고명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		}
+	]
+};
+
+
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+		this.view();
+		this.action();
+		this.event.init();
+		this.grid.init();
+	},
+	view: function() {
+		// 버튼 권한설정
+		fn_proc_btn_auth('INOUTMNG01010');
+
+		// 공통코드 표시
+		$('select').each(function() {
+			if($(this).data('select-code')) {
+				fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+			}
+		});
+		
+		var now = new Date();
+		$('#ITP_TAB_INOUTMNG01010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		$('#ITP_FORM_INOUTMNG01010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setDate(now.getDate())));
+		$('#ITP_FORM_INOUTMNG01010_SEARCH_TO_DT').datepicker('setDate', new Date(now.setDate(now.getDate()+30)));
+		
+		
+	},
+	itp_INOUTMNG01010_search: false,
+	button: {
+		search: function() {
+			console.log("search event");
+			listObj.itp_INOUTMNG01010_search = true;
+			let param = $('#ITP_FORM_INOUTMNG01010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			param.sbrandId = fn_make_user_info.get('brandId');
+			$(INOUTMNG01010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+		shmtout: function() {
+			
+			
+			
+			
+			
+			console.log("search event");
+			listObj.itp_INOUTMNG01010_search = true;
+			let param = $('#ITP_FORM_INOUTMNG01010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			param.sbrandId = fn_make_user_info.get('brandId');
+			$(INOUTMNG01010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+			
+			
+			
+			
+			
+		}
+	},
+	action: function () {
+		var _this = this;
+		// 납품장소 조회 버튼 클릭
+		$('#ITP_FORM_INOUTMNG01010_SEARCH_SHMT_WHS_NM').on('click', function() {
+			console.log("=================================");
+			_this.popup('S');
+		});
+		// 납품장소 텍스트 삭제 버튼 클릭
+		$('#ITP_FORM_INOUTMNG01010_DELETE_SHMT_WHS_NM').on('click', function() {
+			console.log("=================================");
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_SSHMT_WHS_NM').val('');
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_SSHMTWHS_ID').val('');
+			
+		});
+		
+		// 수정 화면에서의 납품장소 조회 버튼 클릭
+		$('#ITP_FORM_INOUTMNG01010_SEARCH_WHS_NM').on('click', function() {
+			console.log("=================================");
+			_this.popup('W');
+		});
+		// 납품장소 텍스트 삭제 버튼 클릭
+		$('#ITP_FORM_INOUTMNG01010_DELETE_WHS_NM').on('click', function() {
+			console.log("=================================");
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_SWHS_NM').val('');
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_SWHS_ID').val('');
+		});
+		
+	},
+	popup: function (arg) {
+		var popFn ;
+		// 팝업
+		if (arg == "S") {
+			popFn = this.callback.shmtwhs;
+		} else {
+			popFn = this.callback.whs;
+		}
+		
+		const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId')};
+		fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key, 'S');
+		
+	},
+	callback: {
+		shmtwhs: function(rowDataPop) {
+			console.log(rowDataPop);
+			if(rowDataPop) {
+				$('#ITP_FORM_INOUTMNG01010_SEARCH_SSHMT_WHS_NM').val(rowDataPop.whsNm);
+				$('#ITP_FORM_INOUTMNG01010_SEARCH_SSHMTWHS_ID').val(rowDataPop.whsId);
+			}
+			
+		},
+		whs: function(rowDataPop) {
+			console.log(rowDataPop);
+			if(rowDataPop) {
+				$('#ITP_FORM_INOUTMNG01010_SEARCH_SWHS_NM').val(rowDataPop.whsNm);
+				$('#ITP_FORM_INOUTMNG01010_SEARCH_SWHS_ID').val(rowDataPop.whsId);
+			}
+			
+		}
+	},
+	event: {
+		init: function () {
+			this.button();
+		},
+		button: function () {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					console.log("button");
+					console.log(id);
+					switch (id) {
+						case 'ITP_BTN_INOUTMNG01010_SRH'					: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_INOUTMNG01010_OUT'				: listObj.button.shmtout();	break;	// 출하지시 버튼
+						
+					}
+				});
+			});
+			
+			$('body').on('click', function(e) {
+				var gridId = INOUTMNG01010_GRID_ID.replace('#', '');
+				var rids = $(INOUTMNG01010_GRID_ID).jqGrid('getDataIDs');
+				var last_row_id = rids[rids.length - 1];
+				
+				itp_fn_grid_reset_selection(e, last_row_id, gridId, 'INOUTMNG01010');	
+			});
+
+			
+		}
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(INOUTMNG01010_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_INOUTMNG01010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(INOUTMNG01010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_INOUTMNG01010_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_INOUTMNG01010_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_INOUTMNG01010_SEARCH').serializeObject();
+			listObj.itp_INOUTMNG01010_param = param;
+		},
+		back: function() {
+			/*
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_FROM_DT').val(this.itp_INOUTMNG01010_param.fromDt);
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_TO_DT').val(this.itp_INOUTMNG01010_param.toDt);
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_SPPLY_ID').val(this.itp_INOUTMNG01010_param.sspplyId);
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_SPPLY_NM').val(this.itp_INOUTMNG01010_param.sspplyNm);
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_WHS_NM').val(this.itp_INOUTMNG01010_param.swhsNm);
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_WHS_ID').val(this.itp_INOUTMNG01010_param.swhsId);
+			$('#ITP_FORM_INOUTMNG01010_SEARCH_ITEM_NM').val(this.itp_INOUTMNG01010_param.sitemNm);
+			*/
+		}
+	},
+	grid: {
+		init: function () {
+			// 데이터 없을때
+			listObj.empty.push();
+			itp_fn_jqgrid_resize(INOUTMNG01010_GRID_ID, INOUTMNG01010_GRID_LIST, 'lg');
+			itp_fn_fire_window_resize();
+			this.search();
+			
+		},
+		colModel: gridColModel.list,
+		search: function() {
+			this.unload();
+			this.load();
+		},
+		load: function() {
+			let param = $('#ITP_FORM_INOUTMNG01010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.sbrandId = fn_make_user_info.get('brandId');
+			
+			var option = {
+				multiselect: true,
+				autowidth: true,
+				gridId: INOUTMNG01010_GRID_ID,
+				colModel: gridColModel.list,
+				param: param,
+				url: DOMAIN + API_DETAIL_GRID_LIST,
+				pager: INOUTMNG01010_GRID_PAGER,
+				
+				onCellSelect: function(rowid, cellIdx, cellValue) {
+					INOUTMNG01010_LAST_ROW_ID = itp_fn_set_data_editable(rowid, cellIdx, INOUTMNG01010_LAST_ROW_ID, INOUTMNG01010_GRID_ID, ['pchPodrUnqNo']);
+					/*
+					if(rowid && rowid!==INOUTMNG01010_LAST_ROW_ID){
+						console.log("onCellSelect  if in");
+						console.log(INOUTMNG01010_LAST_ROW_ID);
+						jQuery(INOUTMNG01010_GRID_ID).jqGrid('restoreRow',INOUTMNG01010_LAST_ROW_ID);
+						jQuery(INOUTMNG01010_GRID_ID).jqGrid('editRow',rowid,true,pickdates);
+						INOUTMNG01010_LAST_ROW_ID=rowid;
+					}
+					
+					function pickdates(rowid){
+						console.log("pickdates  if in");
+						jQuery("#"+id+"_expryDate",INOUTMNG01010_GRID_ID).datepicker({dateFormat:"yyyy.mm.dd"});
+					}
+					*/
+				},
+				/*
+				onSelectRow: function(id){
+					console.log("onSelectRow");
+					console.log(id);
+					if(id && id!==INOUTMNG01010_LAST_ROW_ID){
+						console.log("onSelectRow  if in");
+						console.log(INOUTMNG01010_LAST_ROW_ID);
+						jQuery(INOUTMNG01010_GRID_ID).jqGrid('restoreRow',INOUTMNG01010_LAST_ROW_ID);
+						jQuery(INOUTMNG01010_GRID_ID).jqGrid('editRow',id,true,pickdates);
+						INOUTMNG01010_LAST_ROW_ID=id;
+					}
+					
+					function pickdates(id){
+						console.log("pickdates  if in");
+						jQuery("#"+id+"_expryDate",INOUTMNG01010_GRID_ID).datepicker({dateFormat:"yyyy.mm.dd"});
+					}
+				}, */
+				loadComplete: function(data) {
+					itp_fn_grid_load_complete(data, INOUTMNG01010_GRID_ID, true, 'number', 'INOUTMNG01010', listObj.itp_INOUTMNG01010_search, listObj.empty, true, data.gridRecords, true);
+					var ids = $(INOUTMNG01010_GRID_ID).getDataIDs();
+					$.each(ids, function(idx, rowId) {
+						$(INOUTMNG01010_GRID_ID).jqGrid('setCell', rowId, 'storeId', '', ITP_GRID_COL_STYLE.link);
+					});
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(INOUTMNG01010_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		button: {
+		},
+		unload : function() {
+			$.jgrid.gridUnload(INOUTMNG01010_GRID_ID);
+		},
+		clearData : function() {
+			$(INOUTMNG01010_GRID_ID).jqGrid('clearGridData', true);
+			$(INOUTMNG01010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(INOUTMNG01010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(INOUTMNG01010_GRID_EMPTY).show();
+		}
+	}
+};
+
+