수요예측현황

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

@@ -2,7 +2,7 @@
 	<div class="itp_cont">
 		<article class="itp_detail">
 			<div class="itp_det_head fix">
-				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i> <strong>수요에측현황</strong></h2>
+				<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_STOCKMNG07010_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;조회&nbsp;&nbsp;</button>
 				</div>				
@@ -26,8 +26,11 @@
 											<label class="col-xs-2 itp_lb">기간선택</label>
 			                                <div class="col-xs-4 itp_ip">
 												<div class="col-xs-8 itp_in">
-													<select id="ITP_FORM_STOCKMNG07010_DETAIL_" data-select-code="" class="form-control itp_input" name="">
-														<option>기간선택</option>
+													<select id="ITP_FORM_STOCKMNG07010_DETAIL_TERM_CNT" data-select-code="" class="form-control itp_input" name="termCnt">
+														<option value="3">3개월</option>
+														<option value="4">4개월</option>
+														<option value="5">5개월</option>
+														<option value="6">6개월</option>
 													</select>												
 												</div>
 											</div>
@@ -38,7 +41,7 @@
 				                            <label class="col-xs-2 itp_lb">수요예측 품목명</label>
 												<div class="col-xs-10 itp_ip">
 													<div class="col-xs-3 itp_in">
-														<input type="text" id="ITP_FORM_STOCKMNG07010_DETAIL_SCH_ITEM_ID" class="form-control itp_input" value="" maxlength="100" readonly>
+														<input type="text" id="ITP_FORM_STOCKMNG07010_DETAIL_SCH_ITEM_ID" name="itemId" class="form-control itp_input" value="" maxlength="100" readonly>
 									                </div>
 									                <div class="col-xs-3 itp_in">
 														<div class="input-group">

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

@@ -1,30 +1,10 @@
-/********************************************************
- --------------------------------------------------------
- - Object 목록								            -
- --------------------------------------------------------
- * let pageObj = {}			: 화면공통 Object			*
- * let viewObj = {}			: 상세화면 Object			*
- *******************************************************/
- require(['config'], function() {
-	require([
-		'kakao.map.util'
-	], function($) {
-		pageObj.init();
-	});
-});
 
 google.charts.load('current', {'packages':['corechart']});
-google.charts.setOnLoadCallback(drawChart1);
-google.charts.setOnLoadCallback(drawChart2);
+// google.charts.setOnLoadCallback(drawChart1);
+// google.charts.setOnLoadCallback(drawChart2);
  
-function drawChart1() {
-	var data = google.visualization.arrayToDataTable([
-     	['Year', 'Sales', 'Expenses'],
-     	['9월',  1000,      400],
-     	['10월',  1170,      460],
-     	['11월',  660,       1120],
-     	['12월',  1030,      540]
-   	]);
+function drawChart1(chartData) {
+	var data = google.visualization.arrayToDataTable(chartData);
 
    	var options = {
     	title: '1년전 구매기준',
@@ -32,18 +12,11 @@ function drawChart1() {
    	};
 
    	var chart = new google.visualization.LineChart(document.getElementById('ITP_PCH_STDD'));
-
    	chart.draw(data, options);
 }
 
-function drawChart2() {
-	var data = google.visualization.arrayToDataTable([
-	     ['Year', 'Sales', 'Expenses'],
-	     ['9월',  1000,      400],
-	     ['10월',  1170,      460],
-	     ['11월',  660,       1120],
-	     ['12월',  1030,      540]
-	]);
+function drawChart2(chartData) {
+	var data = google.visualization.arrayToDataTable(chartData);
 
 	var options = {
 		title: '최근 구매기준',
@@ -55,9 +28,7 @@ function drawChart2() {
 }
 
 require(['config'], function() {
-	require([
-		'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
-	], function($) {
+	require([], function($) {
 		pageObj.init();
 	});
 });
@@ -80,10 +51,7 @@ let ITP_FORM_STINFO07010_DETAIL_IS_DUPLICATE = false;
 let ITP_FORM_STINFO07010_DETAIL_IS_WRITING = false;
 
 /*API URL*/
-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_INFO 		= '/api/dmand/frcst/status-dmand-frcst';		// 상세
 
 /*화면공통 Object*/
 let pageObj = {
@@ -103,6 +71,10 @@ let pageObj = {
 
 			// 공통코드 표시
 			
+			// 브랜드코드
+			$('#ITP_FORM_STOCKMNG07010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			$('#ITP_FORM_STOCKMNG07010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+			
 		},
 		grid: function() {
 		},
@@ -112,6 +84,7 @@ let pageObj = {
 	event: {
 		init: function () {
 			this.button();
+			this.change();
 		},
 		button: function () {
 			// 버튼 클릭 이벤트
@@ -119,32 +92,66 @@ let pageObj = {
 				var id = $(this).attr('id');
 				$(this).on('click', function() {
 					switch (id) {
-						case 'ITP_BTN_STINFO07010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_STOCKMNG07010_SRH'				: viewObj.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_STOCKMNG07010_DETAIL_SRH_ITEM'	: pageObj.popItem();	break;	// 품목선택
+						case 'ITP_BTN_STOCKMNG07010_DETAIL_ITEM_DELETE'	: pageObj.eraseItem();	break;	// 품목삭제
 					}
 				});
 			});
 
+		}, 
+		change: function() {
+			$('#ITP_FORM_STOCKMNG07010_DETAIL_TERM_CNT').on('change', function() {
+				
+				if($('#ITP_FORM_STOCKMNG07010_DETAIL_SCH_ITEM_ID').val() == '') {
+					return;
+				}				
+				viewObj.search();
+			});
 		}
 	},
 	switchScreen: function(mode) {
 		
+	}, 
+	popItem: function() {
+		// 팝업
+		var popFn = function(rowDataPop) {
+			// console.log('>>>> ' + JSON.stringify(rowDataPop[0]));
+			
+			$('#ITP_FORM_STOCKMNG07010_DETAIL_SCH_ITEM_ID').val( rowDataPop[0].itemId );
+			$('#ITP_FORM_STOCKMNG07010_DETAIL_SCH_ITEM_NM').val( rowDataPop[0].itemNm );
+						
+			viewObj.search();			
+		};
+		const key = {brandId:fn_make_user_info.get('brandId')};
+		fn_call_popup('biz', 'BIZPOP_ITEM', '#ITP_ASIDE', popFn, key, 'S'); 
+	}, 
+	eraseItem: function() {
+		$('#ITP_FORM_STOCKMNG07010_DETAIL_SCH_ITEM_ID').val('');
+		$('#ITP_FORM_STOCKMNG07010_DETAIL_SCH_ITEM_NM').val('');
 	}
 };
 
 /*상세화면 Object*/
 let viewObj = {
-	init: function (param) {
-		this.load(param);
+	init: function () {
+		// this.load(param);
 	},
-	load: function(param) {
-		fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	search: function() {
+		
+		const formId = '#ITP_FORM_STOCKMNG07010_DETAIL';
+		let param = $(formId).serializeObject();
+		// console.log(JSON.stringify(param));
+		fn_ajax_call(API_DETAIL_INFO, JSON.stringify(param), this.callback, 'POST');
 	},
 	callback: function (result) {
-		// console.log(result);
-		// pageObj.switchScreen('VIEW');
-		$('#ITP_FORM_STINFO07010_VIEW #ITP_FORM_STINFO07010_VIEW_ITEM_ID').val(result.itemId);
-		$('#ITP_FORM_STINFO07010_VIEW .fnBrandNm').text(result.brandNm);
-
+		// console.log(JSON.stringify('>>>> ' + JSON.stringify(result)));
 		
+		drawChart1( eval( result.poData1Year ) );
+		drawChart2( eval( result.poDataLast ) );
+		
+		// pageObj.switchScreen('VIEW');
+		// $('#ITP_FORM_STINFO07010_VIEW #ITP_FORM_STINFO07010_VIEW_ITEM_ID').val(result.itemId);
+		// $('#ITP_FORM_STINFO07010_VIEW .fnBrandNm').text(result.brandNm);
 	}
 };