메인화면 수주내역

src/main/webapp/js/app/main.js

@@ -50,6 +50,10 @@ require(['config'], function() {
 				drawChartRelease();
 			});
 			
+			$('#ITP_FORM_MAIN_SEARCH_ORDERS_TYPE').on('change', function() {
+				drawChartOrders();
+			});
+			
 			//그래프 
 			google.charts.load('current', {'packages':['corechart']});
 			google.charts.load('current', {'packages':['bar']});
@@ -61,6 +65,7 @@ require(['config'], function() {
 			$('#ITP_MAIN_DRAW_LINE').hide();
 			$('#ITP_MAIN_DRAW_DELI_CHART').hide(); 		// 입고
 			$('#ITP_MAIN_DRAW_RELEASE_CHART').hide();	// 출고
+			$('#ITP_MAIN_DRAW_ORDERS_CHART').hide();	// 수주내역
 			
 			var authTpCd = fn_make_user_info.get('authTpCd'); // 10:관리자, 20:영업담당자, 30:가맹점, 40:브랜드, 50:매장, 60:공급사
 			// console.log('>>>> authTpCd = ' + authTpCd);
@@ -95,7 +100,8 @@ require(['config'], function() {
 				
 			} else if( authTpCd == '60' ) { // 공급사
 			
-				// 수주내역 (pch_odr_base_info)
+				$('#ITP_MAIN_DRAW_ORDERS_CHART').show();  
+				google.charts.setOnLoadCallback(drawChartOrders); // 수주내역
 				
 				$('#ITP_MAIN_DRAW_RELEASE_CHART').show();  
 				google.charts.setOnLoadCallback(drawChartRelease); // 출고
@@ -129,6 +135,26 @@ function drawChartReq() {
 	
 }
 
+//수주내역 그래프
+function drawChartOrders() {
+	
+	const key = { brandId:fn_make_user_info.get('brandId'), 
+			      spplyId:fn_make_user_info.get('spplyId'), 
+				  poType: $('#ITP_FORM_MAIN_SEARCH_ORDERS_TYPE').val() };
+	var param = $.param(key);
+	fn_ajax_call(MAIN_CHART_PCH_ODR_CHART, param, function(result) {
+		
+		var data = google.visualization.arrayToDataTable( eval(result.chartData) );
+	  	var options = {
+			legend: { position: 'left' }
+	  	};	
+	  	var chart = new google.charts.Bar(document.getElementById('ITP_ORDERS_GRAPH'));
+	  	chart.draw(data, options);
+		
+	}, 'GET');
+	
+}
+
 //입고 그래프
 function drawChartDeli() {
 	

src/main/webapp/main.html

@@ -253,6 +253,21 @@
 										<div id="ITP_DELI_GRAPH" class="itp_graph_area"></div>
 									</div>
 									
+									<div class="itp_graph_box" id="ITP_MAIN_DRAW_ORDERS_CHART">
+										<div class="itp_graph_side">
+											<select id="ITP_FORM_MAIN_SEARCH_ORDERS_TYPE">
+												<option value="A">당일</option>
+												<option value="B">1주일</option>
+												<option value="C">15일</option>
+												<option value="D">1개월</option>
+											</select>
+											<div class="itp_graph_info_bar">
+												<div class="itp_graph_info">수주내역</div>
+											</div>
+										</div>
+										<div id="ITP_ORDERS_GRAPH" class="itp_graph_area"></div>
+									</div>
+									
 									<div class="itp_graph_box" id="ITP_MAIN_DRAW_RELEASE_CHART">
 										<div class="itp_graph_side">
 											<select id="ITP_FORM_MAIN_SEARCH_RELEASE_TYPE">