src/main/webapp/app/stinfo/STINFO05010.html

@@ -7,8 +7,13 @@
 					<button type="button" id="ITP_BTN_STINFO05010_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_STINFO05010_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;수정&nbsp;&nbsp;</button>
 					<button type="button" id="ITP_BTN_STINFO05010_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;신규등록&nbsp;&nbsp;</button>
+					
+					<button type="button" id="ITP_BTN_STINFO05010_TEMPLATE_DOWNLOAD" class="btn btn-primary btn-sm UPLD"><i class="glyphicon "></i>&nbsp;&nbsp;템플릿다운로드&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO05010_FILE_UPLOAD" class="btn btn-warning btn-sm UPLD"><i class="glyphicon "></i>&nbsp;&nbsp;파일업로드&nbsp;&nbsp;</button>
+					
 					<button type="button" id="ITP_BTN_STINFO05010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon "></i>&nbsp;&nbsp;저장&nbsp;&nbsp;</button>
 					<button type="button" id="ITP_BTN_STINFO05010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon "></i>&nbsp;&nbsp;취소/목록&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO05010_UPLOAD" class="btn btn-warning btn-sm UPLD"><i class="glyphicon"></i>&nbsp;&nbsp;엑셀업로드&nbsp;&nbsp;</button>
 				</div>				
 			</div>
 			<div class="itp_det_in">
@@ -79,6 +84,25 @@
 						</div>
 					</div>
 				</div>
+				
+				<div id="ITP_AJAX_STINFO05010_UPLOAD_CONTAINER">
+					<form id="ITP_FORM_STINFO05010_UPLOAD" class="form-horizontal">
+						<input type="hidden" id="ITP_FORM_STINFO05010_UPLOAD_BRAND_ID" name="brandId" />
+						<input id="ITP_FORM_STINFO05010_UPLOAD_EXCEL_UPLOAD_SELECT_FILE" type="file" style="display:none;" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
+															
+					</form>
+					
+					<div class="itp_table fix">
+						<div id="ITP_STINFO05010_UPLOAD_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
+							<div id="ITP_STINFO05010_UPLOAD_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_STINFO05010_UPLOAD_jqGrid"></table>
+							<div id="ITP_STINFO05010_UPLOAD_jqGridPager"></div>
+							<div id="ITP_STINFO05010_UPLOAD_jqGridEmpty" class="itp_no_data"></div>
+						</div>
+					</div>
+				</div>
+				
+				
 				<div id="ITP_AJAX_STINFO05010_DETAIL_CONTAINER">
 					<div class="itp_form itp_type1 fix">
 						<div class="col-xs-12">

src/main/webapp/js/app/stinfo/ITP_STINFO04010.js

@@ -1160,7 +1160,7 @@ let uploadObj = {
             $.jgrid.gridUnload(STINFO04010_UPLOAD_GRID_ID);
         }
     }
-}
+};
 
 /*신규화면 Object*/
 let createObj = {

src/main/webapp/js/app/stinfo/ITP_STINFO05010.js

@@ -24,6 +24,12 @@ const STINFO05010_GRID_LIST = '#ITP_STINFO05010_jqGrid_list';
 const STINFO05010_GRID_PAGER = '#ITP_STINFO05010_jqGridPager';
 const STINFO05010_GRID_EMPTY = '#ITP_STINFO05010_jqGridEmpty';
 
+const STINFO05010_UPLOAD_GRID_ID = '#ITP_STINFO05010_UPLOAD_jqGrid';
+const STINFO05010_UPLOAD_GRID_LIST = '#ITP_STINFO05010_UPLOAD_jqGrid_list';
+const STINFO05010_UPLOAD_GRID_PAGER = '#ITP_STINFO05010_UPLOAD_jqGridPager';
+const STINFO05010_UPLOAD_GRID_EMPTY = '#ITP_STINFO05010_UPLOAD_jqGridEmpty';
+
+
 let ITP_FORM_STINFO05010_DETAIL_IS_DUPLICATE = false;
 let ITP_FORM_STINFO05010_DETAIL_IS_WRITING = false;
 
@@ -32,6 +38,9 @@ let API_DETAIL_GRID_LIST 	= '/api/itemunit/detail-grid-list';	    // 목록
 let API_DETAIL_INFO 		= '/api/itemunit/info-itemunit';		// 상세
 let API_DETAIL_SAVE 		= '/api/itemunit/save-itemunit';		// 저장
 let API_ITEM_CLASS_LEVEL	= '/api/item/class-level-list';			//품목분류 level 검색
+let API_DETAIL_SAVE_LIST 	= '/api/itemunit/save-contract-list';		// 일괄저장
+
+let SCREEN_MODE;
 
 /*화면 Grid ColModel*/
 const gridColModel = {
@@ -116,7 +125,104 @@ const gridColModel = {
 			width: '11', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		}
-	]
+	],
+	upload: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: 0, fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'NORMAL_YN', name: 'normalYn',
+			label: "정상여부",
+			width: 60, fixed: false, align: 'center',
+			minwidth: 80, 
+			sortable: false, editable: false, edittype: 'text',
+			editrules: {required: false}
+		},
+		{
+			index: 'ERROR_MSG', name: 'errorMsg',
+			label: "에러메시지",
+			width: 120, fixed: false, align: 'center',
+			minwidth: 100, maxwidth: 300,
+			sortable: false, editable: false, edittype: 'text',
+			editrules: {required: false}
+		},
+        {
+            index: 'ITEM_ID', name: 'itemId',
+            label: ITP_MSG_LOCALE.label.itemId, //품목명
+            width: 120, fixed: false, align: 'center',
+			minwidth: 100, 
+            sortable: false, hidden: false
+        },
+		{
+            index: 'ITEM_NM', name: 'itemNm',
+            label: ITP_MSG_LOCALE.label.itemNm, //품목명
+            width: 150, fixed: false, align: 'left',
+			minwidth: 100, 
+            sortable: false, hidden: false
+        },
+        {
+            index: 'SPPLY_ID', name: 'spplyId',
+            label: ITP_MSG_LOCALE.label.spplyId, //공급업체번호
+            width: 100, fixed: false, align: 'center',
+			minwidth: 80, 
+            sortable: false, hidden: false
+        },
+		{
+            index: 'SPPLY_NM', name: 'spplyNm',
+            label: ITP_MSG_LOCALE.label.spplyNm, //공급업체명
+            width: 150, fixed: false, align: 'left',
+			minwidth: 100, 
+            sortable: false, hidden: false
+        },
+		{
+            index: 'CONT_STT_DT', name: 'contSttDt',
+            label: '계약시작일', 
+            width: 80, fixed: false, align: 'center',
+			minwidth: 80,  
+			sortable: false, hidden: false
+        },
+		{
+            index: 'CONT_END_DT', name: 'contEndDt',
+            label: '계약종료일', 
+            width: 80, fixed: false, align: 'center',
+			minwidth: 80,  
+			sortable: false, hidden: false
+        },
+		{
+            index: 'CURR', name: 'curr',
+            label: '통화', 
+            width: 80, fixed: false, align: 'center',
+			minwidth: 60,  
+			sortable: false, hidden: false
+        },
+		{
+            index: 'UNIT_AMT', name: 'unitAmt',
+            label: '단가', 
+            width: 80, fixed: false, align: 'right',
+			minwidth: 60,  
+			sortable: false, hidden: false,
+			formatter: 'integer', formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+        },
+		{
+            index: 'LEAD_TIME', name: 'leadTime',
+            label: '리드타임', 
+            width: 80, fixed: false, align: 'right', 
+			minwidth: 60, 
+			sortable: false, hidden: false,
+			formatter: 'integer', formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+        },
+		{
+            index: 'STORE_SALE_UNIT_AMT', name: 'storeSaleUnitAmt',
+            label: '매장판매가', 
+            width: 80, fixed: false, align: 'right', 
+			minwidth: 60, 
+			sortable: false, hidden: false,
+			formatter: 'integer', formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+        }
+    ]
 };
 
 /*화면공통 Object*/
@@ -124,6 +230,7 @@ let pageObj = {
 	init: function () {
 		this.ui.init();
 		this.event.init();
+		uploadObj.change();
 	},
 	ui: {
 		init: function () {
@@ -193,6 +300,9 @@ let pageObj = {
 						case 'ITP_FORM_STINFO05010_DETAIL_DUP'		: createObj.button.duplicate();	break;	// 중복체크
 						case 'ITP_BTN_STINFO05010_RESET_PW'			: createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
 						case 'ITP_BTN_STINFO05010_EXCEL'			: listObj.excelDown(); 			break;	// 엑셀 다운로드 버튼
+						case 'ITP_BTN_STINFO05010_UPLOAD'			: listObj.button.upload(); 		break;	// 엑셀업로드 버튼
+						case 'ITP_BTN_STINFO05010_TEMPLATE_DOWNLOAD'	: uploadObj.button.downTemplate();	break;	// 템플릿 다운로드
+                        case 'ITP_BTN_STINFO05010_FILE_UPLOAD'		: uploadObj.button.uploadFile();	break;	// 파일 업로드
 					}
 				});
 			});
@@ -219,6 +329,8 @@ let pageObj = {
 		itp_fn_set_file_upload('ITP_' + id + '_DETAIL_UPLOAD', 'notice', true, false, id, fileArgs);
 	},
 	switchScreen: function(mode) {
+		SCREEN_MODE = mode;
+		
 		$('.itp_det_head').find('button[id^="ITP_BTN_STINFO05010_"]').each(function(i) {
 			$(this).hide();
 		});
@@ -228,10 +340,15 @@ let pageObj = {
 		if(mode == 'LIST') { // 목록
 			itp_fn_fire_window_resize();
 			$('#ITP_AJAX_STINFO05010_LIST_CONTAINER').show();
-			fn_show_btn_auth_array(['#ITP_BTN_STINFO05010_SRH', '#ITP_BTN_STINFO05010_NEWREG']);
+			fn_show_btn_auth_array(['#ITP_BTN_STINFO05010_SRH', '#ITP_BTN_STINFO05010_NEWREG', '#ITP_BTN_STINFO05010_UPLOAD']);
 			$('#ITP_FORM_STINFO05010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));
 			$('#ITP_BTN_STINFO05010_EXCEL').show();
-		} else if(mode == 'ADD') { // 등록
+		} else if(mode == 'UPLOAD') { // 엑셀업로드
+			$('#ITP_AJAX_STINFO05010_UPLOAD_CONTAINER').show();
+			fn_show_btn_auth_array(['#ITP_BTN_STINFO05010_FILE_UPLOAD','#ITP_BTN_STINFO05010_TEMPLATE_DOWNLOAD','#ITP_BTN_STINFO05010_SAVE', '#ITP_BTN_STINFO05010_CANCELLIST']);
+            $('#ITP_FORM_STINFO05010_UPLOAD_BRAND_ID').val(fn_make_user_info.get('brandId'));
+
+        }else if(mode == 'ADD') { // 등록
 			$('#ITP_AJAX_STINFO05010_DETAIL_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_STINFO05010_CANCELLIST', '#ITP_BTN_STINFO05010_SAVE']);
 
@@ -298,6 +415,11 @@ let listObj = {
 			if(!fn_make_user_info.isEmpty()) {
 				createObj.init();
 			}
+		},
+		upload: function() {
+			if(!fn_make_user_info.isEmpty()) {
+                uploadObj.init();
+            }
 		}
 	},
 	form: function() {
@@ -546,21 +668,67 @@ let createObj = {
 			listObj.grid.search();
 		},
 		save: function() {
-			const formId = '#ITP_FORM_STINFO05010_DETAIL';
 			
-			$('#ITP_FORM_STINFO05010_DETAIL_UNIT').removeAttr('disabled');
-			itp_fn_form_clear_validate(null, formId);
-
-			if (itp_fn_form_event.isValid(formId)) {
-				itp_fn_form_event.removeChar(formId);
-				let param = $(formId).serializeObject();
-				// console.log(JSON.stringify(param));
-				var searhFn = function() {
-					ITP_FORM_STINFO05010_DETAIL_IS_WRITING = false;
-					$('#ITP_FORM_STINFO05010_DETAIL_UNIT').attr('disabled', true);
-					listObj.grid.search();
+			if(SCREEN_MODE == 'UPLOAD') { // 엑셀 일괄저장
+				// 그리드 체크
+				var reccount = $(STINFO05010_UPLOAD_GRID_ID).getGridParam("reccount");
+				if(reccount < 1) {
+					return;
+				}
+				let check = true;
+				const rowData = $(STINFO05010_UPLOAD_GRID_ID).getRowData();
+				$.each(rowData, function(key, value) {
+					if(check) {
+						if(value.normalYn != 'ok') {
+							check = false;
+						}							
+					}							
+				});
+				if(!check) {
+					itp_fn_modal_alert_ajax('비정상 데이터가 포함되어 있습니다.');
+					return;
+				}
+				
+				var modalFn = {
+					callBack: () => {						
+						const formId = '#ITP_FORM_STINFO05010_UPLOAD';						
+						
+						let gridInsertData = [];						
+						$.each(rowData, function(key, value) {
+							gridInsertData.push(value);
+						});
+						
+						let param = $(formId).serializeObject();                        
+						param.list = gridInsertData;
+						
+						var searhFn = function() {
+		                    ITP_FORM_STINFO05010_DETAIL_IS_WRITING = false;
+		                    listObj.grid.search();
+		                };
+                        // console.log("excel save ==> ", param);
+		                fn_ajax_call(API_DETAIL_SAVE_LIST, JSON.stringify(param), searhFn, 'POST');
+					}
 				};
-				fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+				itp_fn_modal_confirm('저장 하시겠습니까?', modalFn);				
+				
+			} else {
+			
+				const formId = '#ITP_FORM_STINFO05010_DETAIL';
+				
+				$('#ITP_FORM_STINFO05010_DETAIL_UNIT').removeAttr('disabled');
+				itp_fn_form_clear_validate(null, formId);
+	
+				if (itp_fn_form_event.isValid(formId)) {
+					itp_fn_form_event.removeChar(formId);
+					let param = $(formId).serializeObject();
+					// console.log(JSON.stringify(param));
+					var searhFn = function() {
+						ITP_FORM_STINFO05010_DETAIL_IS_WRITING = false;
+						$('#ITP_FORM_STINFO05010_DETAIL_UNIT').attr('disabled', true);
+						listObj.grid.search();
+					};
+					fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+				}
 			}
 		}
 	}
@@ -654,3 +822,154 @@ var popSearch = {
 		}
 	}
 };
+
+/* 엑셀업로드 화면 */
+let uploadObj = {
+	init: function () {
+		this.grid.init();
+		
+	}, 
+	button: {
+        downTemplate: function() {
+            var lidx = window.location.href.lastIndexOf('/');
+			window.location.assign(window.location.href.substring(0, lidx) + '/excel_template/contract_upload_v1.xlsx');
+        },
+        uploadFile: function() {
+        	uploadObj.grid.clearData();
+console.log("file upload ====first first==========================");
+			// 파일선택
+			$('#ITP_FORM_STINFO05010_UPLOAD_EXCEL_UPLOAD_SELECT_FILE').click();
+			console.log("file upload ====end endend==========================");
+        }, 
+		makeExcelDataList: function(excelData) {
+			console.log("file upload ===========33333333333333333333333====================");
+			var processArray = [];
+			for(var n=2; n<excelData.length; n++ ) {
+                var data=excelData[n]; 
+                var processData = {viewCd:'C'};				
+				processData.itemId 		= data.A.toString(); 		
+				processData.spplyId 	= data.B.toString(); 		
+				processData.contSttDt 	= data.C.toString(); 	
+				processData.contEndDt 	= data.D.toString(); 	
+				processData.curr 		= data.E.toString(); 	
+				processData.unitAmt 	= data.F.toString(); 	
+				processData.leadTime 	= data.G.toString(); 	
+				processData.storeSaleUnitAmt = data.H.toString(); 	
+				processArray.push(processData);
+			}
+			console.log("file upload ===============4444444444444444444================");
+            // 그리드 체크
+            var reccount = processArray.length;
+            if(reccount < 1) {
+                itp_fn_modal_alert_ajax('단가계약 업로드 데이터가 없습니다');
+                return;
+            } 
+            const formId = '#ITP_FORM_STINFO05010_UPLOAD';	
+            const brandId=fn_make_user_info.get('brandId'), list = [];
+            for(var cur of processArray ) {
+                list.push(cur);
+            }
+console.log("file upload ========555555555555555555=======================");
+            ajaxCall('/api/itemunit/chk-contract-list', {brandId, list}, function(result) {
+                if(result.errorCnt !=0 ) {
+                    itp_fn_modal_alert_ajax('단가계약 업로드 오류가 '+result.errorCnt+ ' 건 있습니다. 오류내역 확인후 다시 업로드 하세요');
+                }
+                var grid=$(STINFO05010_UPLOAD_GRID_ID);
+                for(var cur of result.itemList) {
+                    $(STINFO05010_UPLOAD_GRID_ID).jqGrid('addRow', {position: 'last'}); 
+                    var rowId = $('#ITP_STINFO05010_UPLOAD_jqGrid .jqgrow').last().attr('id');
+                    console.log("xxxxxxx", cur, rowId);
+                    grid.jqGrid('setCell', rowId, 'viewCd', 'C');					
+                    grid.jqGrid('setCell', rowId, 'normalYn', cur.resultCd=='00'?'ok': '<font color=red>오류</font>');  
+                    grid.jqGrid('setCell', rowId, 'errorMsg', cur.resultCd!='00'?cur.resultMsg:''); 
+                    grid.jqGrid('setCell', rowId, 'itemId', cur.itemId);				
+                    grid.jqGrid('setCell', rowId, 'itemNm', cur.itemNm);
+                    grid.jqGrid('setCell', rowId, 'spplyId', cur.spplyId);	
+                    grid.jqGrid('setCell', rowId, 'spplyNm', cur.spplyNm);	
+                    grid.jqGrid('setCell', rowId, 'contSttDt', cur.contSttDt);	
+                    grid.jqGrid('setCell', rowId, 'contEndDt', cur.contEndDt);	
+                    grid.jqGrid('setCell', rowId, 'curr', cur.curr);	
+                    grid.jqGrid('setCell', rowId, 'unitAmt', cur.unitAmt);	
+                    grid.jqGrid('setCell', rowId, 'leadTime', cur.leadTime);	
+                    grid.jqGrid('setCell', rowId, 'storeSaleUnitAmt', cur.storeSaleUnitAmt);	
+                }  
+                $(STINFO05010_UPLOAD_GRID_EMPTY).hide();
+            }, 'POST');
+           
+		}
+    }, 
+	change: function() {
+		// 파일선택
+        $('#ITP_FORM_STINFO05010_UPLOAD_EXCEL_UPLOAD_SELECT_FILE').off('change').on('change', function(obj) {  					
+			var input = obj.target;
+			
+			console.log("file upload ===============================");
+			
+		    var reader = new FileReader();
+			var rABS = !!reader.readAsBinaryString;
+            if( !input.files || input.files.length==0 ) {
+                return;
+            }
+
+			console.log("file upload ========1111111111111111=======================");
+		    reader.onload = function(){
+		        var fileData = reader.result;
+		        var wb = XLSX.read(fileData, {type : rABS ? 'binary' : 'array'});
+		        var sheetNameList = wb.SheetNames; // 시트 이름 목록 가져오기 
+		        var firstSheetName = sheetNameList[0]; // 첫번째 시트명
+		        var firstSheet = wb.Sheets[firstSheetName]; // 첫번째 시트 
+		        var rowObj =XLSX.utils.sheet_to_json(firstSheet, {header:"A", defval: ""});
+				// console.log("excel load length=="+rowObj.length);
+				
+				$('#ITP_FORM_STINFO05010_UPLOAD_EXCEL_UPLOAD_SELECT_FILE').val('');
+				if(rowObj.length < 3) {
+					itp_fn_modal_alert_ajax('엑셀파일에 단가계약 데이터를 기술하세요.');
+					return;
+				} else if(rowObj.length > 1001) {
+					itp_fn_modal_alert_ajax('엑셀 일괄처리는 최대 1000건까지 가능합니다.');
+					return;
+				}
+				console.log("file upload =============2222222222222222222222==================");
+				uploadObj.button.makeExcelDataList(rowObj);				
+		    };
+		    if(rABS) reader.readAsBinaryString(input.files[0]); 
+			else reader.readAsArrayBuffer(input.files[0]);	
+            itp_fn_set_resize(STINFO05010_UPLOAD_GRID_ID, STINFO05010_UPLOAD_GRID_LIST, 'lg');		
+		});
+	}, 
+	grid: {
+        init: function () {
+            this.search();
+        },
+        colModel: gridColModel.upload,
+        search: function() {
+            pageObj.switchScreen('UPLOAD');
+            this.unload();
+            this.load();
+        },
+        load: function() { 
+            $(STINFO05010_UPLOAD_GRID_ID).jqGrid({
+                colModel: gridColModel.upload, 
+                multiselect: false,
+		        rownumbers: true,
+            }).navGrid(null, ITP_GRID_NAV_DEFAULTS.navGrid);
+            gridStatus( STINFO05010_UPLOAD_GRID_ID, 'STINFO04010_UPLOAD', "엑셀 파일업로드로 품목을 추가하세요");
+            itp_fn_set_resize(STINFO05010_UPLOAD_GRID_ID, STINFO05010_UPLOAD_GRID_LIST, 'lg');
+            var cttHeight=$(STINFO05010_UPLOAD_GRID_LIST).closest('.itp_det_in').height();
+            if(cttHeight) {
+                cttHeight-=95;
+                // console.log("content height == "+cttHeight);
+                $(STINFO05010_UPLOAD_GRID_LIST).find('.ui-jqgrid-bdiv').css('max-height', cttHeight+'px');
+            }
+        },
+        clearData : function() {
+            $(STINFO05010_UPLOAD_GRID_ID).jqGrid('clearGridData', true);
+            $(STINFO05010_UPLOAD_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+            $(STINFO05010_UPLOAD_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+            $(STINFO05010_UPLOAD_GRID_EMPTY).show();
+        },
+        unload : function() {
+            $.jgrid.gridUnload(STINFO05010_UPLOAD_GRID_ID);
+        }
+    }
+};