모바일 메인 챠트 출력 처리

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

@@ -122,165 +122,273 @@ var mobMainObj = {
 		view:function() {
 			$('div[id^="ITP_MAIN_DRAW"]').hide();
 			var authTpCd = fn_make_user_info.get('authTpCd');
-			if(authTpCd === '40' || authTpCd === '10') {
+			console.log("chart init authTpCd=="+authTpCd)
+			if(authTpCd === '40' ) {
 				this.brand.init();
 			} else if(authTpCd === '50') {
 				this.store.init();
 			} else if(authTpCd === '60') {
 				this.spply.init();
 			}
+			const me=this;
+			$('#ITP_FORM_MAIN_SEARCH_PR_TYPE').on('change', function() {
+				me.drawChartReq();
+			});
+			
+			$('#ITP_FORM_MAIN_SEARCH_PO_TYPE').on('change', function() {
+				me.drawChartPodr();
+			});
+			
+			$('#ITP_FORM_MAIN_SEARCH_ITEM_CNT_TYPE').on('change', function() {
+				me.drawChartReqUp();
+			});
+			
+			$('#ITP_FORM_MAIN_SEARCH_DELI_TYPE').on('change', function() {
+				this.drawChartDeli();
+			});
+			
+			$('#ITP_FORM_MAIN_SEARCH_RELEASE_TYPE').on('change', function() {
+				this.drawChartRelease();
+			});
+			
+			$('#ITP_FORM_MAIN_SEARCH_ORDERS_TYPE').on('change', function() {
+				this.drawChartOrders();
+			});
+		},
+		store: {
+			init: function() {
+				const chart=mobMainObj.chart;
+				$('#ITP_MAIN_HEADER_STORE').show();			
+				$('#ITP_MAIN_DRAW_CHART_REQ').show();  
+				google.charts.setOnLoadCallback(chart.drawChartReq); // 구매요청
+				
+				$('#ITP_MAIN_DRAW_DELI_CHART').show();  
+				google.charts.setOnLoadCallback(chart.drawChartDeli); // 입고
+				
+				$('#ITP_MAIN_DRAW_CHART_REQ_UP').show();
+				google.charts.setOnLoadCallback(chart.drawChartReqUp); // 매출순위
+				
+				$('#ITP_MAIN_DRAW_CHART_CORE').show();
+				google.charts.setOnLoadCallback(chart.drawChartcore); // 정산
+				chartCnt=4;
+				
+			}
+		},
+		spply: {
+			init: function() {
+				const chart=mobMainObj.chart;
+				$('#ITP_MAIN_HEADER_SPPLY').show();
+			
+				$('#ITP_MAIN_DRAW_ORDERS_CHART').show();  
+				google.charts.setOnLoadCallback(chart.drawChartOrders); // 수주내역
+				
+				$('#ITP_MAIN_DRAW_RELEASE_CHART').show();  
+				google.charts.setOnLoadCallback(chart.drawChartRelease); // 출고
+				
+				$('#ITP_MAIN_DRAW_CHART_REQ_UP').show();
+				google.charts.setOnLoadCallback(chart.drawChartReqUp); // 매출순위
+				
+				$('#ITP_MAIN_DRAW_CHART_CORE').show();
+				google.charts.setOnLoadCallback(chart.drawChartcore); // 정산
+				chartCnt=4; 
+			}
 		},
 		brand: {
 			init: function() {
+				const chart=mobMainObj.chart;
 				$('#ITP_MAIN_DRAW_CHART_REQ').show();
-				google.charts.setOnLoadCallback(this.drawChartReq); // 구매요청
+				google.charts.setOnLoadCallback(chart.drawChartReq); // 구매요청
 
 				$('#ITP_MAIN_DRAW_CHART_PODR').show();
-				google.charts.setOnLoadCallback(this.drawChartPodr); // 구매발주
+				google.charts.setOnLoadCallback(chart.drawChartPodr); // 구매발주
 
 				$('#ITP_MAIN_DRAW_CHART_REQ_UP').show();
-				google.charts.setOnLoadCallback(this.drawChartReqUp); // 매출순위
+				google.charts.setOnLoadCallback(chart.drawChartReqUp); // 매출순위
 
 				if(fn_make_user_info.get('brandId')) {
 					$('#ITP_MAIN_DRAW_CHART_CORE').show();
-					google.charts.setOnLoadCallback(this.drawChartcore); // 정산
-					chartCnt=4;
-				} else {
-					chartCnt=3;
+					google.charts.setOnLoadCallback(chart.drawChartcore); // 정산
 				}
-				const me=this;
-				$('#ITP_FORM_MAIN_SEARCH_PR_TYPE').on('change', function() {
-					me.drawChartReq();
-				});
-				
-				$('#ITP_FORM_MAIN_SEARCH_PO_TYPE').on('change', function() {
-					me.drawChartPodr();
-				});
-				
-				$('#ITP_FORM_MAIN_SEARCH_ITEM_CNT_TYPE').on('change', function() {
-					me.drawChartReqUp();
-				});
-				
-				$('#ITP_FORM_MAIN_SEARCH_DELI_TYPE').on('change', function() {
-					// this.drawChartDeli();
-				});
-				
-				$('#ITP_FORM_MAIN_SEARCH_RELEASE_TYPE').on('change', function() {
-					// this.drawChartRelease();
-				});
-				
-				$('#ITP_FORM_MAIN_SEARCH_ORDERS_TYPE').on('change', function() {
-					// this.drawChartOrders();
-				});
-
 				$('#ITP_MAIN_DRAW_LINE').show();
 				$('#ITP_MAIN_DRAW_LINE .itp_main_draw_line').show();
-				google.charts.setOnLoadCallback(this.drawLine); // 안전재고
-			},
-			drawChartReq: function() {
-				const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId'), prType: $('#ITP_FORM_MAIN_SEARCH_PR_TYPE').val() };
-				var param = $.param(key);
-				fn_ajax_call(MAIN_CHART_PCH_REQ_CHART, param, function(result) {
-
-					var data = google.visualization.arrayToDataTable( eval(result.chartData) );
-					var options = {
-						legend: { position: 'left' },
-						bar: { groupWidth: "50%" },
-						width: chartWidth,
-					};
-					var chart = new google.charts.Bar(document.getElementById('ITP_PCH_REQ_GRAPH'));
-					// chart.draw(data, options);
-					console.log("xx draw char req xx", param, data, chart)
-					chart.draw(data, google.charts.Bar.convertOptions(options));
-
-				}, 'GET');
-			},
-			drawChartPodr: function() {
-				const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId'), poType: $('#ITP_FORM_MAIN_SEARCH_PO_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' },
-						bar: { groupWidth: "50%" },
-						width: chartWidth,
-					};
-					var chart = new google.charts.Bar(document.getElementById('ITP_PCH_PODR_GRAPH'));
-					// chart.draw(data, options);
-					chart.draw(data, google.charts.Bar.convertOptions(options));
-
-				}, 'GET');
-			},
-			drawChartReqUp: function() {
-				const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId'), spplyId:fn_make_user_info.get('spplyId'), prType: $('#ITP_FORM_MAIN_SEARCH_ITEM_CNT_TYPE').val() };
-				var param = $.param(key);
-				fn_ajax_call(MAIN_CHART_PR_RANK_CHART, param, function(result) {
-
-					var data = google.visualization.arrayToDataTable( eval(result.chartData) );
-
-					var options = {
-						title: '구매요청 상위 품목',
-						legend: { position: 'left' },
-						bars: 'horizontal',
-						width: chartWidth,
-					};
-					console.log("xxxxxxxxxxx drawChartReqUp xxxxxxxxxxx")
-
-					var chart = new google.charts.Bar(document.getElementById('ITP_PCH_REQ_UP_ITEM_GRAPH'));
-					chart.draw(data, options);
-
-				}, 'GET');
-			},
-			drawChartcore: function() {
-				const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId'), spplyId:fn_make_user_info.get('spplyId') };
-				var param = $.param(key);
-				fn_ajax_call(MAIN_CHART_STL_CHART, param, function(result) {
-
-					// var data = google.visualization.arrayToDataTable([ [' ', ' '], ['요청', 25], ['확인', 65], ['반려', 10] ]);
-					var data = google.visualization.arrayToDataTable( eval(result.chartData) );
-
-					var options = {
-						// title: '정산',
-						legend: { position: 'left' },
-						width: chartWidth,
-					};
-					var chart = new google.visualization.PieChart(document.getElementById('ITP_STTL_GRAPH'));
-					console.log("xxxxxxxxxxx drawChartcore xxxxxxxxxxx", data, options )
-					chart.draw(data, options);
-
-				}, 'GET');
-			},
-			drawLine: function() {
-				const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId') };
-				var param = $.param(key);
-				fn_ajax_call(MAIN_CHART_SFT_STCK_CHART, param, function(result) {
-
-					var data = google.visualization.arrayToDataTable( eval(result.chartData) );
-
-					var options = {
-						title: '',
-						width: chartWidth + 100,
-						legend: { position: 'top' }
-					};
-
-					var chart = new google.visualization.LineChart(document.getElementById('ITP_SAFE_STCK_GRAPH'));
-					chart.draw(data, options);
-
-				}, 'GET');
-			}
+				google.charts.setOnLoadCallback(chart.drawLine); // 안전재고
+			},			
 		},
-		store: {
-			init: function() {
+		drawChartReq: function() {
+			const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId'), prType: $('#ITP_FORM_MAIN_SEARCH_PR_TYPE').val() };
+			var param = $.param(key);
+			fn_ajax_call(MAIN_CHART_PCH_REQ_CHART, param, function(result) {
+
+				var data = google.visualization.arrayToDataTable( eval(result.chartData) );
+				var options = {
+					legend: { position: 'left' },
+					bar: { groupWidth: "50%" },
+					width: chartWidth,
+				};
+				var chart = new google.charts.Bar(document.getElementById('ITP_PCH_REQ_GRAPH'));
+				// chart.draw(data, options);
+				console.log("xx draw char req xx", param, data, chart)
+				chart.draw(data, google.charts.Bar.convertOptions(options));
 
-			}
+			}, 'GET');
 		},
-		spply: {
-			init: function() {
+		drawChartPodr: function() {
+			const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId'), poType: $('#ITP_FORM_MAIN_SEARCH_PO_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' },
+					bar: { groupWidth: "50%" },
+					width: chartWidth,
+				};
+				var chart = new google.charts.Bar(document.getElementById('ITP_PCH_PODR_GRAPH'));
+				// chart.draw(data, options);
+				chart.draw(data, google.charts.Bar.convertOptions(options));
+
+			}, 'GET');
+		},
+		drawChartReqUp: function() {
+			const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId'), spplyId:fn_make_user_info.get('spplyId'), prType: $('#ITP_FORM_MAIN_SEARCH_ITEM_CNT_TYPE').val() };
+			var param = $.param(key);
+			fn_ajax_call(MAIN_CHART_PR_RANK_CHART, param, function(result) {
+
+				var data = google.visualization.arrayToDataTable( eval(result.chartData) );
+
+				var options = {
+					title: '구매요청 상위 품목',
+					legend: { position: 'left' },
+					bars: 'horizontal',
+					width: chartWidth,
+				};
+				console.log("xxxxxxxxxxx drawChartReqUp xxxxxxxxxxx")
+
+				var chart = new google.charts.Bar(document.getElementById('ITP_PCH_REQ_UP_ITEM_GRAPH'));
+				chart.draw(data, options);
+
+			}, 'GET');
+		},
+		drawChartcore: function() {
+			const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId'), spplyId:fn_make_user_info.get('spplyId') };
+			var param = $.param(key);
+			fn_ajax_call(MAIN_CHART_STL_CHART, param, function(result) {
+
+				// var data = google.visualization.arrayToDataTable([ [' ', ' '], ['요청', 25], ['확인', 65], ['반려', 10] ]);
+				var data = google.visualization.arrayToDataTable( eval(result.chartData) );
+
+				var options = {
+					// title: '정산',
+					legend: { position: 'left' },
+					width: chartWidth,
+				};
+				var chart = new google.visualization.PieChart(document.getElementById('ITP_STTL_GRAPH'));
+				console.log("xxxxxxxxxxx drawChartcore xxxxxxxxxxx", data, options )
+				chart.draw(data, options);
+
+			}, 'GET');
+		},
+		drawLine: function() {
+			const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId') };
+			var param = $.param(key);
+			fn_ajax_call(MAIN_CHART_SFT_STCK_CHART, param, function(result) {
+
+				var data = google.visualization.arrayToDataTable( eval(result.chartData) );
+
+				var options = {
+					title: '',
+					width: chartWidth + 100,
+					legend: { position: 'top' }
+				};
+
+				var chart = new google.visualization.LineChart(document.getElementById('ITP_SAFE_STCK_GRAPH'));
+				chart.draw(data, options);
+
+			}, 'GET');
+		},
+		//수주내역 그래프
+		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' },
+					width: chartWidth,
+				};	
+				var chart = new google.charts.Bar(document.getElementById('ITP_ORDERS_GRAPH'));
+				chart.draw(data, options);
+				
+			}, 'GET');
+			
+		},
+		//입고 그래프
+		drawChartDeli() {
+			
+			const key = { brandId:fn_make_user_info.get('brandId'), 
+						storeId:fn_make_user_info.get('storeId'), 
+						deliType: $('#ITP_FORM_MAIN_SEARCH_DELI_TYPE').val() };
+			var param = $.param(key);
+			fn_ajax_call(MAIN_CHART_DELI_CHART, param, function(result) {
+				
+				var data = google.visualization.arrayToDataTable( eval(result.chartData) );
+				var options = {
+					legend: { position: 'left' },
+					width: chartWidth,
+				};	
+				var chart = new google.charts.Bar(document.getElementById('ITP_DELI_GRAPH'));
+				chart.draw(data, options);
+				
+			}, 'GET');
+			
+		},
+		//출고 그래프
+		drawChartRelease() {
+			
+			const key = { brandId:fn_make_user_info.get('brandId'), 
+						spplyId:fn_make_user_info.get('spplyId'), 
+						deliType: $('#ITP_FORM_MAIN_SEARCH_RELEASE_TYPE').val() };
+			var param = $.param(key);
+			fn_ajax_call(MAIN_CHART_DELI_CHART, param, function(result) {
+				
+				var data = google.visualization.arrayToDataTable( eval(result.chartData) );
+				var options = {
+					legend: { position: 'left' },
+					width: chartWidth,
+				};	
+				var chart = new google.charts.Bar(document.getElementById('ITP_RELEASE_GRAPH'));
+				chart.draw(data, options);
+				
+			}, 'GET');
+			
+		},
+		//구매발주 그래프
+		drawChartPodr() {
+			
+			const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId'), poType: $('#ITP_FORM_MAIN_SEARCH_PO_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' }, 
+					bar: { groupWidth: "50%" },
+					width: chartWidth,
+				};	
+				var chart = new google.charts.Bar(document.getElementById('ITP_PCH_PODR_GRAPH'));	
+				// chart.draw(data, options);
+				chart.draw(data, google.charts.Bar.convertOptions(options));
+				
+			}, 'GET');	
+			
 		}
+		
 	}
 };