모바일 재고실사 품목검색 작업

src/main/webapp/mobile/app/mstockmng/MSTOCKMNG02010.html

@@ -7,14 +7,15 @@
 			<div class="line">
 			  <label>재고실사일자</label>
 			  <div class="line_right">
-				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STCK_DT" name="sDt" class="date" type="date">
+				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STCK_DT" name="sDt" class="date" type="date" data-check-required="empty">
 			  </div>
 			</div>
 			<div class="line">
 			  <label>창고선택</label>
 			  <div class="search_wrap">
 				  <div class="float_left">
-					<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_NM" name="whsNm" type="text" placeholder="창고명">
+					<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_NM" name="whsNm" type="text" placeholder="창고명" data-check-required="empty" readonly>
+					  <input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_ID" name="swhsId" type="hidden">
 				  </div>
 				  <div class="float_left_btn">
 					  <button id="ITP_BTN_MSTOCKMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
@@ -25,7 +26,7 @@
 			<div class="line">
 			  <label>Location</label>
 			  <div class="line_right">
-				<select name="whsDvsn" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_LOCATION">
+				<select name="slocation" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_LOCATION" data-check-required="empty">
 				  <option value=""></option>
 				</select>
 			  </div>
@@ -142,4 +143,61 @@
 			</div>
 		</div>
 	</div>
+	<div id="ITP_POP_MSTOCKMNG02010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 품목 검색</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MSTOCKMNG02010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<form id="ITP_FORM_MSTOCKMNG02010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
+				<input type="hidden" id="ITP_FORM_MSTOCKMNG02010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
+				<input type="hidden" id="ITP_FORM_MSTOCKMNG02010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
+				<div class="search_bar">
+					<select id="ITP_FORM_BIZPOP_PO_STOCK_ITEM_ADD_ITEM_ST_CD" data-select-code="ST_CD" name="sitemStCd"></select>
+					<select id="ITP_FORM_BIZPOP_PO_STOCK_ITEM_ADD_ITEM_GUBUN" data-select-code="ITEM_GUBUN" name="sitemGubun"></select>
+					<select id="ITP_FORM_BIZPOP_PO_STOCK_ITEM_ADD_ITEM_TYPE" data-select-code="ITEM_TYPE" name="sitemType"></select>
+					<input id="ITP_FORM_MSTOCKMNG02010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
+					<button id="ITP_BTN_MSTOCKMNG02010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
+				</div>
+			</form>
+			<div id="ITP_LIST_MSTOCKMNG02010_POP_ITEM_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MSTOCKMNG02010_POP_ITEM_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MSTOCKMNG02010_POP_ITEM_ROWCOPY" style="display:none;">
+					<li class="row_2">
+						<div class="left" style="width:180px;">
+							<div class="check_box">
+                                <input type="checkbox" id="ITP_FORM_MSTOCKMNG02010_POP_ITEM_CHECKBOX" name="itemId" />
+                            </div>
+							<div class="thick">
+								<div class="fnItemId">품목번호</div>
+							</div>
+							<div class="thick">
+								<div class="fnItemNm">품목명</div>
+							</div>
+							<div class="thick" style="font-weight:100;">
+								<div class="space">단위 :</div>
+								<div class="fnUnit"></div>
+							</div>
+							<div class="thick" style="font-weight:100;">
+								<div class="space">현재고수량 :</div>
+								<div class="fnStckQty"></div>
+							</div>
+						</div>
+						<div class="right">
+							<button id="ITP_BTN_MSTOCKMNG02010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>
+							<div class="num fnPchReqQty">1</div>
+							<button id="ITP_BTN_MSTOCKMNG02010_POP_ITEM_PLUS" class="POP_ITEM_PLUS">+</button>
+						</div>
+						<div class="add">
+							<button id="ITP_BTN_MSTOCKMNG02010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
   </section>

src/main/webapp/mobile/js/app/mstockmng/ITP_MSTOCKMNG02010.js

@@ -8,8 +8,10 @@ require(['config'], function() {
 /*API URL*/
 const API_MOBILE_GRID_LIST 			= '/api/stock/cdd/detail-grid-list';	// 목록
 const API_MOBILE_SAVE 				= '/api/stock/cdd/save-stock-cdd';		// 저장
+const API_MOBILE_BARCODE			= '/api/stock/mng/info-barcode-stock';	// 바코드
 const API_MOBILE_LOCATION			= '/api/whs/mng/location-grid-list';	// 이력
 const API_POP_SEARCH_LIST			= '/api/whs/mng/detail-grid-list';
+const API_POP_STOCK_MNG_LIST 		= '/api/stock/mng/detail-grid-list';
 
 const PAGE_MODE_LIST				= "LIST";
 const PAGE_MODE_VIEW				= "VIEW";
@@ -53,7 +55,7 @@ let mobPageObj = {
 					case 'ITP_BTN_MSTOCKMNG02010_LIST_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 		break;
 					case 'ITP_BTN_MSTOCKMNG02010_LIST_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete(); 		break;
 					case 'ITP_BTN_MSTOCKMNG02010_LIST_SEARCH'			: mobContentObj.list.search();		break;
-					case 'ITP_BTN_MSTOCKMNG02010_LIST_BARCODE'			: mobContentObj.list.barcode();		break;
+					case 'ITP_BTN_MSTOCKMNG02010_LIST_BARCODE'			: mobContentObj.barcode.callApp();	break;
 				}
 				return false;
 			});
@@ -113,58 +115,46 @@ let mobPageObj = {
 
 let mobContentObj = {
 	list: {
-		listSize: 10,
-		listPage: 0,
-		totPage: 0,
-		isSearch: false,
 		rows: [],
 		init: function() {
 			mobPageObj.switchScreen(PAGE_MODE_LIST);
-			this.search();
 		},
 		search: function() {
-			this.listPage = 0;
-			this.totPage = 0;
-			this.rows.length = 0;
-			$('#ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWS').empty();
-			this.load();
+			var formId = '#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH';
+			itp_fn_form_clear_validate(null, formId);
+			if (itp_fn_form_event.isValid(formId)) {
+				mobPopObj.popItemNm.init();
+			}
 		},
-		load: function() {
-			var _this = this;
-			this.isSearch = true;
-			var callbackFn = function(result) {
+		validClear: function() {
+			var formId = '#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH';
+			itp_fn_form_clear_validate(null, formId);
+		}
+	},
+	barcode: {
+		callApp: function() {
+			var formId = '#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH';
+			itp_fn_form_clear_validate(null, formId);
+			if (itp_fn_form_event.isValid(formId)) {
+				this.callbackFn('');
+				// location.replace('app:barcode');
+				// location.href = 'app:barcode';
+			}
+		},
+		callbackFn: function(barcode) {
+			var infoFn = function(result) {
 				console.log(result);
-				_this.isSearch = false;
-				_this.totPage = result.gridTotal;
-				$.each(result.gridRows, function (i, item) {
-					$('#ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWCOPY').html());
-					var $li = $('#ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA .panel-group > .list-row:last');
-					$li.find('.fnStoreNm').text(item.storeNm);
-					$li.find('.fnLoanDvsnNm').text(item.loanDvsnNm);
-					var limitAmt;
-					if(item.loanDvsn == 'LD01') { // 선불(충전)
-						limitAmt = item.chrgeLimitAmt;
-					} else if(item.loanDvsn == 'LD02') { // 후불(신용)
-						limitAmt = item.credtLimitAmt;
-					}
-					$li.find('.fnLimitAmt').text(CommonObj.currency.add(limitAmt));
-					$li.find('.fnPosbLimitAmt').text(CommonObj.currency.add(limitAmt - item.useAmtTotal));
-					$li.find('.fnTmpRcvAcctTotal').text(CommonObj.currency.add(item.tmpRcvAcctTotal));
-					$li.find('.fnUseAmtTotal').text(CommonObj.currency.add(item.useAmtTotal));
-					$li.find('.fnUseYnNm').text(item.useYnNm);
-					_this.rows.push(item);
-				});
 			};
-			var errFn = function() { _this.isSearch = false;};
+			// const param = {
+			// 	'sBrandId': $('#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_BRAND_ID').val(),
+			// 	'sWhsId': $('#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH #ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_ID').val(),
+			// 	'sLocation': $('#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH #ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_LOCATION').val(),
+			// 	'sBarcode': barcode
+			// };
+			// fn_ajax_call(API_MOBILE_BARCODE, param, callbackFn, 'GET');
 			const param = $('#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH').serializeObject();
-			param.gridPage = ++this.listPage;
-			param.gridSize = this.listSize
-			// console.log(JSON.stringify(param));
-			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
-		},
-		barcode: function() {
-			location.replace('app:barcode');
-			// location.href = 'app:barcode';
+			param['sBarcode'] = barcode;
+			fn_ajax_call(API_MOBILE_BARCODE, JSON.stringify(param), infoFn, 'GET');
 		}
 	}
 };
@@ -175,6 +165,7 @@ let mobPopObj = {
 		rows: [],
 		init: function () {
 			this.rows.length = 0;
+			mobContentObj.list.validClear();
 			mobPopObj.show(this.popId);
 			this.search();
 			this.action();
@@ -239,6 +230,7 @@ let mobPopObj = {
 		delete: function() {
 			$('#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH #ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_ID').val('');
 			$('#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH #ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_NM').val('');
+			$('#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH select[name="slocation"] option').empty();
 		},
 		close: function() {
 			this.rows.length = 0;
@@ -247,9 +239,44 @@ let mobPopObj = {
 			mobPopObj.hide(this.popId);
 		}
 	},
+	popItemNm: {
+		popId: 'ITP_POP_MSTOCKMNG02010_ITEM_AREA',
+		rows: [],
+		init: function () {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.rows = result.gridRows;
+				$.each(result.gridRows, function (i, item) {
+					$('#ITP_LIST_MSTOCKMNG02010_POP_ITEM_AREA .panel-group').append($('#ITP_LIST_MSTOCKMNG02010_POP_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MSTOCKMNG02010_POP_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnItemId').text(item.itemId);
+					$li.find('.fnItemNm').text(item.itemNm);
+					$li.find('.fnUnit').text(item.unit);
+					$li.find('.fnStckQty').text(CommonObj.currency.add(item.stckQty, '개'));
+				});
+			};
+			var param = $('#ITP_FORM_MSTOCKMNG02010_LIST_SEARCH').serializeObject();
+			fn_ajax_call(API_POP_STOCK_MNG_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		action: function() {
+
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MSTOCKMNG02010_LIST_ITEM_AREA .panel-group').empty();
+			$('#ITP_FORM_MSTOCKMNG02010_POP_ITEM #ITP_FORM_MSTOCKMNG02010_POP_ITEM_KEYWORD').val('');
+			mobPopObj.hide(this.popId);
+		}
+	},
 	show: function(popId) {
 		$('button[id$="_CLOSE"]').off('click').on('click', function() {
-			console.log($(this).attr('id'));
 			if($(this).hasClass('btn-pop-close')) {
 				mobPopObj.hide(popId);
 			}