재고실사 엑셀업로드 구현중

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

@@ -84,6 +84,7 @@
 												<select id="ITP_FORM_STOCKMNG02010_DETAIL_CDD_DVSN" data-select-code="CDD_DVSN" class="form-control itp_input" name="cddDvsn"></select>										
 											</div>
 											<div class="col-xs-2 itp_ip">
+												<input id="ITP_FORM_STOCKMNG02010_DETAIL_EXCEL_UPLOAD_SELECT_FILE" type="file" style="display:none;" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
 												<button type="button" id="ITP_BTN_STOCKMNG02010_DETAIL_EXCEL_UPLOAD" class="btn btn-warning btn-sm FFB"><i class="glyphicon "></i>&nbsp;&nbsp;엑셀업로드&nbsp;&nbsp;</button>
 											</div>
 										</div>

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

@@ -118,14 +118,23 @@
 			                                        <input type="text" id="ITP_FORM_STOCKMNG04010_DETAIL_ZIPNO" class="form-control itp_input" name="zipNo" value="" maxlength="6" placeholder="우편번호" readonly="readonly">													
 			                                    </div>
 			                                    <div class="col-xs-2 itp_in" style="width:10%;">
-			                                        <button type="button" id="ITP_FORM_STOCKMNG04010_DETAIL_ADDRESS_SEARCH" class="btn btn-primary btn-sm ADDS" style="margin:0 3px;">&nbsp;&nbsp;주소찾기&nbsp;&nbsp;</button>
+			                                        <button type="button" id="ITP_BTN_STOCKMNG04010_DETAIL_ADDRESS_SEARCH" class="btn btn-primary btn-sm ADDS" style="margin:0 3px;">&nbsp;&nbsp;주소찾기&nbsp;&nbsp;</button>
 			                                    </div>
 			                                    <div class="col-xs-4 itp_in" style="margin:0 5px;">
-			                                        <input type="text" id="ITP_FORM_STOCKMNG04010_DETAIL_LOAD_ADDR" class="form-control itp_input" name="addr1" value="" placeholder="기본주소" readonly="readonly">													
+			                                        <input type="text" id="ITP_FORM_STOCKMNG04010_DETAIL_ADRES" class="form-control itp_input" name="addr1" value="" placeholder="기본주소" readonly="readonly">													
 			                                    </div>
 			                                    <div class="col-xs-4 itp_in">
-			                                        <input type="text" id="ITP_FORM_STOCKMNG04010_DETAIL_DTL_ADDR" class="form-control itp_input" name="addr2" value="" placeholder="상세주소">													
+			                                        <input type="text" id="ITP_FORM_STOCKMNG04010_DETAIL_ADRES_DTL" class="form-control itp_input" name="addr2" value="" placeholder="상세주소">													
 			                                    </div>
+			                                    
+			                                    <!-- 주소 맵 -->
+												<input type="hidden" id="ITP_FORM_STOCKMNG04010_DETAIL_LOTS_ADDRESS" value="" />
+												<input type="hidden" id="ITP_FORM_STOCKMNG04010_DETAIL_STREET_ADDRESS" value="" />
+												<input type="hidden" name="latX" id="ITP_FORM_STOCKMNG04010_DETAIL_LAT" value="" />
+												<input type="hidden" name="latY" id="ITP_FORM_STOCKMNG04010_DETAIL_LNG" value="" />
+												<input type="hidden" id="ITP_FORM_STOCKMNG04010_DETAIL_HJ_DONG" value="" />
+												<input type="hidden" id="ITP_FORM_STOCKMNG04010_DETAIL_BJ_DONG" value="" />
+												<div id="ITP_FORM_STOCKMNG04010_DETAIL_MAP" style="width:0px; height:0px;"></div>
 			                                </div>
 			                            </div>	
 			                        </div>	

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

@@ -139,8 +139,7 @@ let pageObj = {
 			fn_proc_btn_auth('STOCKMNG01010');
 			
 			// 브랜드ID 지정
-			var data = JSON.parse(sessionStorage.getItem('itp_manage_brand_info'));
-			$('#ITP_FORM_STOCKMNG01010_SEARCH_BRAND_ID').val(data.brandId);
+			$('#ITP_FORM_STOCKMNG01010_SEARCH_BRAND_ID').val(pageObj.brandInfo.brandId);
 			
 			pageObj.fnWhsList(function() {
 				pageObj.fnLocationList();
@@ -340,8 +339,7 @@ let listObj = {
 			this.load();
 		},
 		load: function() {
-			var data = JSON.parse(sessionStorage.getItem('itp_manage_brand_info'));
-			$('#ITP_FORM_STOCKMNG01010_SEARCH_BRAND_ID').val(data.brandId);
+			$('#ITP_FORM_STOCKMNG01010_SEARCH_BRAND_ID').val(pageObj.brandInfo.brandId);
 			
 			let param = $('#ITP_FORM_STOCKMNG01010_SEARCH').serializeObject();
 			param.gridSize = $.jgrid.defaults.rowNum;

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

@@ -264,6 +264,8 @@ const gridColModel = {
 
 require(['config'], function() {
 	require([
+		'jquery.bootstrap.fileUpload',	//파일 업로드가 있는 페이지에서 로딩
+		'xlsx' 		// 엑셀 다운로드
 	], function($) {
 		pageObj.init();
 	});
@@ -335,6 +337,7 @@ let pageObj = {
 						case 'ITP_BTN_STOCKMNG02010_SAVE'				: stockCddObj.button.save(); 		break;	// 저장 버튼
 						case 'ITP_BTN_STOCKMNG02010_DETAIL_ADDROW'		: stockCddObj.button.addRow();	break;	// 품목추가 버튼
 						// case 'ITP_BTN_STOCKMNG02010_DETAIL_DELROW'		: locInfoObj.button.delRow();	break;	// 상세:삭제버튼
+						case 'ITP_BTN_STOCKMNG02010_DETAIL_EXCEL_UPLOAD'	: stockCddObj.button.uploadExcel();	break;	// 엑셀업로드
 					}
 				});
 			});
@@ -631,13 +634,41 @@ let viewObj = {
 /*재고실사 Object*/
 let stockCddObj = {
 	init: function () {
+		this.change();
 		this.unload();
 		this.load();
 	},
+	change: function() {
+		// 파일선택
+		$(document).on('change', '#ITP_FORM_STOCKMNG02010_DETAIL_EXCEL_UPLOAD_SELECT_FILE', function(obj) {						
+			var input = obj.target;
+		    var reader = new FileReader();
+			var rABS = !!reader.readAsBinaryString;
+		    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(JSON.stringify(rowObj));
+				// console.log(rowObj);
+				// console.log(Object.keys(rowObj[0]).length);
+				// makeExcelDataList(rowObj);
+		    };
+		    if(rABS) reader.readAsBinaryString(input.files[0]); 
+			else reader.readAsArrayBuffer(input.files[0]);			
+		});
+	}, 
 	button: {
 		cancel: function() {
 			listObj.grid.search();
 		},
+		uploadExcel: function() {
+			// 파일선택
+			$('#ITP_FORM_STOCKMNG02010_DETAIL_EXCEL_UPLOAD_SELECT_FILE').click();
+		}, 
 		addRow: function() {
 			var brandId = $('#ITP_FORM_STOCKMNG02010_DETAIL_BRAND_ID').val();
 			var whsId = $('#ITP_FORM_STOCKMNG02010_DETAIL_WHS_ID').val();

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

@@ -177,6 +177,7 @@ const gridColModel = {
 
 require(['config'], function() {
 	require([
+		'kakao.map.util'
 	], function($) {
 		pageObj.init();
 	});
@@ -233,6 +234,9 @@ let pageObj = {
 						case 'ITP_BTN_STOCKMNG04010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
 						case 'ITP_BTN_STOCKMNG04010_DETAIL_ADDROW'		: locInfoObj.button.addRow();	break;	// 상세:추가버튼
 						case 'ITP_BTN_STOCKMNG04010_DETAIL_DELROW'		: locInfoObj.button.delRow();	break;	// 상세:삭제버튼
+						case 'ITP_BTN_STOCKMNG04010_DETAIL_ADDRESS_SEARCH'		: createObj.button.address();	break;	// 신규등록 주소 찾기
+						case 'ITP_BTN_STOCKMNG04010_SEARCH_SRH'			: createObj.button.popupStore();	break;	// 매장선택 팝업
+						case 'ITP_BTN_STOCKMNG04010_SEARCH_MODIFY'		: createObj.button.eraseStore();	break;	// 매장선택 삭제
 					}
 				});
 			});
@@ -288,8 +292,8 @@ let pageObj = {
 			$('#ITP_FORM_STOCKMNG04010_DETAIL_MGR_NM').val('');
 			$('#ITP_FORM_STOCKMNG04010_DETAIL_STORE_NM').val('');
 			$('#ITP_FORM_STOCKMNG04010_DETAIL_ZIPNO').val('');
-			$('#ITP_FORM_STOCKMNG04010_DETAIL_LOAD_ADDR').val('');
-			$('#ITP_FORM_STOCKMNG04010_DETAIL_DTL_ADDR').val('');
+			$('#ITP_FORM_STOCKMNG04010_DETAIL_ADRES').val('');
+			$('#ITP_FORM_STOCKMNG04010_DETAIL_ADRES_DTL').val('');
 			
 		} else if(mode == 'MODIFY') { // 수정
 			$('#ITP_BTN_STOCKMNG04010_SRH').hide();
@@ -556,8 +560,10 @@ let modifyObj = {
 		$('#ITP_FORM_STOCKMNG04010_DETAIL #ITP_FORM_STOCKMNG04010_DETAIL_MGR_NM').val(result.mgrNm);
 		$('#ITP_FORM_STOCKMNG04010_DETAIL #ITP_FORM_STOCKMNG04010_DETAIL_STORE_NM').val(result.storeNm);
 		$('#ITP_FORM_STOCKMNG04010_DETAIL #ITP_FORM_STOCKMNG04010_DETAIL_ZIPNO').val(result.zipNo);
-		$('#ITP_FORM_STOCKMNG04010_DETAIL #ITP_FORM_STOCKMNG04010_DETAIL_LOAD_ADDR').val(result.addr1);
-		$('#ITP_FORM_STOCKMNG04010_DETAIL #ITP_FORM_STOCKMNG04010_DETAIL_DTL_ADDR').val(result.addr2);
+		$('#ITP_FORM_STOCKMNG04010_DETAIL #ITP_FORM_STOCKMNG04010_DETAIL_ADRES').val(result.addr1);
+		$('#ITP_FORM_STOCKMNG04010_DETAIL #ITP_FORM_STOCKMNG04010_DETAIL_ADRES_DTL').val(result.addr2);
+		
+		kakaoMap.init('ITP_FORM_STOCKMNG04010_DETAIL', $('#ITP_FORM_STOCKMNG04010_DETAIL #ITP_FORM_STOCKMNG04010_DETAIL_ADRES').val());
 		
 		// 권한정보 리스트 조회
 		modifyObj.grid.init();
@@ -629,6 +635,7 @@ let modifyObj = {
 /*신규화면 Object*/
 let createObj = {
 	init: function () {
+		kakaoMap.init('ITP_FORM_STOCKMNG04010_DETAIL', '');
 		this.unload();
 		this.load();
 	},
@@ -673,6 +680,16 @@ let createObj = {
 				};
 				fn_ajax_call(detailViewCd == 'C' ? WHS_MNG_ADD_WHS : WHS_MNG_MIDIFY_WHS, JSON.stringify(param), searhFn, 'POST');
 			}
+		}, 
+		address: function() {
+			kakaoMap.address('ITP_FORM_STOCKMNG04010_DETAIL');
+		},
+		popupStore: function() { // 매장선택 팝업
+			
+		}, 
+		eraseStore: function() { // 매장선택 삭제
+			$('#ITP_FORM_STOCKMNG04010_DETAIL_STORE_ID').val('');
+			$('#ITP_FORM_STOCKMNG04010_DETAIL_STORE_NM').val('');
 		}
 	},
 	load: function () {