납품서생성 진행-2

src/main/webapp/app/ordmng/ORDMNG02010.html

@@ -9,10 +9,7 @@
 					<button type="button" id="ITP_BTN_ORDMNG02010_SAVE" class="btn btn-warning btn-sm CRT"><i class="glyphicon "></i>&nbsp;&nbsp;생성&nbsp;&nbsp;</button>
 					<button type="button" id="ITP_BTN_ORDMNG02010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon "></i>&nbsp;&nbsp;취소/목록&nbsp;&nbsp;</button>
 				</div>
-				<div style="top:0px; text-align:center; font-size:20px;">
-					<span style="text-decoration:underline; font-weight:600;">테스트공급업체</span>
-					<button type="button" id="ITP_BTN_ORDMNG02010_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_ORDMNG02010_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+				<div style="top:0px; text-align:center; font-size:20px;">					
 				</div>
 			</div>
 			<div class="itp_det_in">
@@ -64,7 +61,8 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_ORDMNG02010_DETAIL" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_ORDMNG02010_DETAIL_VIEW_CD" name="viewCd" value="C">
-					
+								<input type="hidden" id="ITP_FORM_ORDMNG02010_DETAIL_SEARCH_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_ORDMNG02010_DETAIL_SEARCH_SPPLY_ID" name="spplyId" value="">
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">구매 발주 상세</h4>
 									<div class="itp_form_in">	
@@ -93,11 +91,11 @@
 									</div>
 									<div class="itp_form_in">	
 										<div class="form-group">
-											<label class="col-xs-2 itp_lb">납품예정일</label>
+											<label class="col-xs-2 itp_lb">납품예정일 *</label>
 											<div class="input-daterange input-group date">
 												<div class="col-xs-4 itp_ip">
 													<div class="col-xs-7 itp_in">
-													<input type="text" id="ITP_FORM_ORDMNG02010_DETAIL_DLV_SCH_DT" class="form-control itp_input" name="dlvSchDt" value="">
+														<input type="text" id="ITP_FORM_ORDMNG02010_DETAIL_DLV_SCH_DT" class="form-control itp_input" name="dlvSchDt" value="">
 													</div>
 												</div>
 											</div>											
@@ -107,16 +105,16 @@
 									</div>
 									<div class="itp_form_in">	
 										<div class="form-group">
-											<label class="col-xs-2 itp_lb">납품담당자</label>
+											<label class="col-xs-2 itp_lb">납품담당자 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
-													<input type="text" id="ITP_FORM_ORDMNG02010_DETAIL_DLV_MGR_NM" class="form-control itp_input" name="dlvMgrNm"  />
+													<input type="text" id="ITP_FORM_ORDMNG02010_DETAIL_DLV_MGR_NM" class="form-control itp_input" name="dlvMgrNm" />
 												</div>
 											</div>
-											<label class="col-xs-2 itp_lb">납품담당자연락처</label>
+											<label class="col-xs-2 itp_lb">납품담당자연락처 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
-													<input type="text" id="ITP_FORM_ORDMNG02010_DETAIL_DLV_MGR_TEL_NO" class="form-control itp_input" name="dlvMgrTelNo"  />
+													<input type="text" id="ITP_FORM_ORDMNG02010_DETAIL_DLV_MGR_TEL_NO" data-key-up="tel" class="form-control itp_input" name="dlvMgrTelNo" value=""/>
 												</div>
 											</div>
 										</div>

src/main/webapp/js/app/ordmng/ITP_ORDMNG02010.js

@@ -17,9 +17,12 @@ const ORDMNG02010_DETAIL_GRID_LIST = '#ITP_ORDMNG02010_DETAIL_jqGrid_list';
 const ORDMNG02010_DETAIL_GRID_PAGER = '#ITP_ORDMNG02010_DETAIL_jqGridPager';
 const ORDMNG02010_DETAIL_GRID_EMPTY = '#ITP_ORDMNG02010_DETAIL_jqGridEmpty';
 
+let ITP_FORM_OPER03010_DETAIL_IS_WRITING = false;
 let ORDMNG02010_GRID_LAST_ROW_ID;
 
-//let shmtQtyValue;
+// editrules
+let shmtQtyValue;		
+let isExpryDate;
 
 /*API URL*/
 let API_POMNG_INOUTMNG_SPPLY_TARGET_GRID_LIST = '/api/pomng/inoutmng/spply-target-grid-list';	// 공급사 납품 대상리스트 그리 리스트
@@ -104,71 +107,7 @@ const gridColModel = {
 		}
 	],
 	view: [],
-	detail: [
-		{
-			index: 'PCH_PODR_DTL_NO', name: 'pchPodrDtlNo',
-			label: ITP_MSG_LOCALE.label.pchPodrDtlNo,  		//발주항번
-			width: '20', fixed: false, align: 'center',
-			sortable: false, hidden: false, edittype: 'text',
-			editable: false
-		},
-		{
-			index: 'ITEM_ID', name: 'itemId',
-			label: ITP_MSG_LOCALE.label.itemId, 			//품목번호
-			width: '20', fixed: false, align: 'center',
-			sortable: false, hidden: false, edittype: 'text',
-			editable: false
-		},
-		{
-			index: 'ITEM_NM', name: 'itemNm',
-			label: ITP_MSG_LOCALE.label.itemNm,  			//품목명
-			width: '20', fixed: false, align: 'center',
-			sortable: false, hidden: false, edittype: 'text',
-			editable: false
-		},
-		{
-			index: 'UNIT', name: 'unit',
-			label: ITP_MSG_LOCALE.label.unit,  				//기본단위
-			width: '20', fixed: false, align: 'center',
-			sortable: false, hidden: false, edittype: 'text',
-			editable: false
-		},
-		{
-			index: 'PODR_QTY', name: 'podrQty',
-			label: ITP_MSG_LOCALE.label.podrQty,  			//발주수량
-			width: '20', fixed: false, align: 'center',
-			sortable: false, hidden: false, edittype: 'text',
-			editable: false
-		},
-		{
-			index: 'SHMT_QTY', name: 'shmtQty',
-			label: ITP_MSG_LOCALE.label.shmtQty, 	 		//출하수량
-			width: '20', fixed: false, align: 'center',
-			sortable: false, hidden: false, edittype: 'text',
-			editable: true, /*editrules: {custom: true, custom_func: shmtQtyValue}*/
-		},
-		{
-			index: 'EXPRY_YN', name: 'expryYn',
-			label: ITP_MSG_LOCALE.label.expryYn,  			//유통기한여부
-			width: '20', fixed: false, align: 'center',
-			sortable: false, hidden: false, edittype: 'text',
-			editable: false
-		},
-		{
-			index: 'EXPRY_DATE', name: 'expryDate',
-			label: ITP_MSG_LOCALE.label.expryDate,  		//유통기한일자
-			width: '20', fixed: false, align: 'center',
-			sortable: false, hidden: false, edittype: 'date',
-			editable: true
-		},
-		{
-			index: 'REMARK', name: 'remark',
-			label: ITP_MSG_LOCALE.label.remark,  			//비고
-			width: '20', fixed: false, align: 'center',
-			sortable: false, hidden: false, edittype: 'text',
-			editable: true
-		}
-	]
+	detail: []
 };
 
 
@@ -182,6 +121,7 @@ let pageObj = {
 		init: function() {
 			this.view();
 			this.grid();
+			this.form();
 			this.ready();
 		},
 		view: function() {
@@ -201,6 +141,9 @@ let pageObj = {
 			$('#ITP_FORM_ORDMNG02010_SEARCH_FROM_DT').datepicker('setDate', '2022.10.01'/*now*/);
 			$('#ITP_FORM_ORDMNG02010_SEARCH_TO_DT').datepicker('setDate', '2024.10.01'/*defaultToDate*/);
 		},
+		form: function() {
+			itp_fn_form_event.onKeyup('#ITP_FORM_ORDMNG02010_DETAIL');
+		},
 		grid: function() {
 			itp_fn_jqgrid_resize(ORDMNG02010_GRID_ID, ORDMNG02010_GRID_LIST, 'lg');
 			listObj.empty.init();
@@ -223,7 +166,7 @@ let pageObj = {
 						case 'ITP_BTN_ORDMNG02010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
 						case 'ITP_BTN_ORDMNG02010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
 						case 'ITP_BTN_ORDMNG02010_CANCELLIST'		: modifyObj.button.cancel(); 	break;	// 취소/목록 버튼
-						case 'ITP_BTN_ORDMNG02010_SAVE'				: modifyObj.button.save();		break;	// 발주 취소 버튼(예정)
+						case 'ITP_BTN_ORDMNG02010_SAVE'				: modifyObj.button.save();		break;	// 생성버튼
 					}
 				});
 			});
@@ -267,7 +210,8 @@ let pageObj = {
 		}*/ else if(mode === 'MODIFY') { // 수정
 			$('#ITP_AJAX_ORDMNG02010_DETAIL_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_ORDMNG02010_CANCELLIST', '#ITP_BTN_ORDMNG02010_SAVE', '#ITP_BTN_ORDMNG02010_RESET_PW']);
-
+			$('#ITP_FORM_ORDMNG02010_DETAIL #ITP_FORM_ORDMNG02010_DETAIL_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));
+            $('#ITP_FORM_ORDMNG02010_DETAIL #ITP_FORM_ORDMNG02010_DETAIL_SEARCH_SPPLY_ID').val(fn_make_user_info.get('spplyId'));
 			$('#ITP_FORM_ORDMNG02010_DETAIL_USER_ID').attr('readonly', true);
 			$('#ITP_FORM_ORDMNG02010_DETAIL_DUP').attr('disabled', true);
 			$('#ITP_FORM_ORDMNG02010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
@@ -434,6 +378,43 @@ let modifyObj = {
 	button: {
 		cancel: function() {
 			listObj.grid.search();
+		},
+		save: function() {
+			console.log(111111);
+			const formId = '#ITP_FORM_ORDMNG02010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			console.log(22222);
+			itp_fn_grid_save_rows(ORDMNG02010_DETAIL_GRID_ID);
+			let gridInsertData = [];
+			for(var i=0; i<$(ORDMNG02010_DETAIL_GRID_ID).getGridParam('reccount'); i++) {
+				$(ORDMNG02010_DETAIL_GRID_ID).jqGrid('saveCell', i+1, 2)
+			}
+			const rowData = $(ORDMNG02010_DETAIL_GRID_ID).getRowData();
+			console.log(rowData);
+			const keyValue = $(formId + '_BRAND_ID').val();
+			$.each(rowData, function(key, value) {
+				if (value.viewCd != 'R') {
+						value.userId = keyValue;
+					if (value.viewCd == 'C') {
+						gridInsertData.push(value);
+					}
+				}
+			});
+			var modalFn = {
+				callBack: (args) => {
+					console.log(444444444);
+					let param = $(formId).serializeObject();
+					param.gridInsertData = gridInsertData;
+					console.log(5555);
+					console.log(param);
+					var searhFn = function () {
+						ITP_FORM_OPER03010_DETAIL_IS_WRITING = false;
+						listObj.grid.search();
+					}
+					//fn_ajax_call(API_POMNG_INOUTMNG_SAVE_SPPLY_INV, JSON.stringify(param), searhFn, 'POST');
+				}
+			};
+			itp_fn_modal_confirm('저장 하시겠습니까?', modalFn);
 		}
 	},
 	empty: {
@@ -473,19 +454,39 @@ let modifyObj = {
 		$('#ITP_FORM_ORDMNG02010_DETAIL #ITP_FORM_ORDMNG02010_DETAIL_DLV_MGR_NM').val(result.dlvMgrNm);			// 납품담당자
 		$('#ITP_FORM_ORDMNG02010_DETAIL #ITP_FORM_ORDMNG02010_DETAIL_DLV_MGR_TEL_NO').val(result.dlvMgrTelNo);	// 납품담당자연락처
 
-		/*shmtQtyValue = function(value, colname) {
-			for(let i = 0; i < result.invPoInfoList.length; i++){
-				let podrQty = result.invPoInfoList[i].podrQty;
-				if(value > podrDty) {
-					return [false, '발주수량 이하 값 입력'];
-				} else {
-					return [true, ''];
-				}
+		shmtQtyValue = function(value, colname) {
+			var selectedIds = $(ORDMNG02010_DETAIL_GRID_ID).getGridParam('selarrrow');
+    		
+    		var selRowData ; //변수선언		
+    		for (var i=selectedIds.length-1; i>=0; i--) {		//1개만 선택시
+    			selRowData = $(ORDMNG02010_DETAIL_GRID_ID).jqGrid('getRowData', selectedIds[i]);		//cell 선택
+    		}
+    		let podrQty = selRowData.podrQty;
+    		if(value > podrQty) {
+    			console.log(podrQty);
+				return [false, '발주수량 이하 값 입력'];
+			} else {
+				console.log(podrQty);
+				return [true, ''];
 			}
-		};*/
-		
-		modifyObj.grid.init('MODIFY', result.invPoInfoList);
-		
+		};		
+		isExpryDate = function(value, colname) {
+        	var selectedIds = $(ORDMNG02010_DETAIL_GRID_ID).getGridParam('selarrrow');
+    		
+    		var selRowData ; //변수선언		
+    		for (var i=selectedIds.length-1; i>=0; i--) {		//1개만 선택시
+    			selRowData = $(ORDMNG02010_DETAIL_GRID_ID).jqGrid('getRowData', selectedIds[i]);		//cell 선택
+    		}
+    		let expryYn = selRowData.expryYn;
+    		if (expryYn !== 'Y' && value.length > 0) {
+				console.log(expryYn);
+				return [false, '유통기한여부 N'];
+			} else {
+				console.log(expryYn);0
+				return [true, ''];
+			}
+		}		
+		modifyObj.grid.init('MODIFY', result.invPoInfoList);		
 	},
 	grid: {
 		init: function(mode, gridData) {
@@ -502,7 +503,73 @@ let modifyObj = {
 			var _this = this;
 			var option = {
 				gridId: _this.gridId,
-				colModel: gridColModel.detail,
+				colModel: [
+					{
+						index: 'PCH_PODR_DTL_NO', name: 'pchPodrDtlNo',
+						label: ITP_MSG_LOCALE.label.pchPodrDtlNo,  		//발주항번
+						width: '20', fixed: false, align: 'center',
+						sortable: false, hidden: false, edittype: 'text',
+						editable: false
+					},
+					{
+						index: 'ITEM_ID', name: 'itemId',
+						label: ITP_MSG_LOCALE.label.itemId, 			//품목번호
+						width: '20', fixed: false, align: 'center',
+						sortable: false, hidden: false, edittype: 'text',
+						editable: false
+					},
+					{
+						index: 'ITEM_NM', name: 'itemNm',
+						label: ITP_MSG_LOCALE.label.itemNm,  			//품목명
+						width: '20', fixed: false, align: 'center',
+						sortable: false, hidden: false, edittype: 'text',
+						editable: false
+					},
+					{
+						index: 'UNIT', name: 'unit',
+						label: ITP_MSG_LOCALE.label.unit,  				//기본단위
+						width: '20', fixed: false, align: 'center',
+						sortable: false, hidden: false, edittype: 'text',
+						editable: false
+					},
+					{
+						index: 'PODR_QTY', name: 'podrQty',
+						label: ITP_MSG_LOCALE.label.podrQty,  			//발주수량
+						width: '20', fixed: false, align: 'center',
+						sortable: false, hidden: false, edittype: 'text',
+						editable: false
+					},
+					{
+						index: 'SHMT_QTY', name: 'shmtQty',
+						label: ITP_MSG_LOCALE.label.shmtQty, 	 		//출하수량
+						width: '20', fixed: false, align: 'center',
+						sortable: false, hidden: false, edittype: 'text',
+						editable: true, editrules: {number: true, custom: true, custom_func: shmtQtyValue}
+					},
+					{
+						index: 'EXPRY_YN', name: 'expryYn',
+						label: ITP_MSG_LOCALE.label.expryYn,  			//유통기한여부
+						width: '20', fixed: false, align: 'center',
+						sortable: false, hidden: false, edittype: 'text',
+						editable: false
+					},
+					{
+						index: 'EXPRY_DATE', name: 'expryDate',
+						label: ITP_MSG_LOCALE.label.expryDate,  		//유통기한일자
+						width: '20', fixed: false, align: 'center',
+						sortable: false, hidden: false, /*edittype: 'text',*/
+						editable: true, sorttype: 'date',
+				        editoptions: {dataInit: function(e) {$(e).datepicker(ITP_DATE_LANGUAGE);}},
+				        editrules: {custom: true, custom_func: isExpryDate}
+					},
+					{
+						index: 'REMARK', name: 'remark',
+						label: ITP_MSG_LOCALE.label.remark,  			//비고
+						width: '20', fixed: false, align: 'center',
+						sortable: false, hidden: false, edittype: 'text',
+						editable: true
+					}
+				],
 				data: gridData,
 				multiselect: true,
 				loadComplete: function(data) {