모바일 메인 수정

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

@@ -12,10 +12,230 @@ require(['config'], function() {
 
 let MOBILE_APP_VERSION = '';
 
+let NTICE_DETAIL_GRID_LIST = '/api/ntice/main-detail-grid-list';
+let MAIN_CHART_COUNT = '/api/main/chart/count';
+let MAIN_CHART_PCH_REQ_CHART = '/api/main/chart/pch-req-chart';
+let MAIN_CHART_PCH_ODR_CHART = '/api/main/chart/pch-odr-chart';
+let MAIN_CHART_PR_RANK_CHART = '/api/main/chart/pr-rank-chart';
+let MAIN_CHART_STL_CHART = '/api/main/chart/stl-chart';
+let MAIN_CHART_SFT_STCK_CHART = '/api/main/chart/sft-stck-chart';
+let MAIN_CHART_DELI_CHART = '/api/main/chart/deli-chart';
+
+var chartCnt=0;
+
 var mobMainObj = {
 	init: function () {
+		this.ui();
+		this.notice.init();
+		this.count.init();
+		this.chart.init();
+	},
+	ui: function() {
+		var authTpCd = fn_make_user_info.get('authTpCd');
+		if(authTpCd === '40' || authTpCd === '10') {
+			$('#ITP_MAIN_HEADER_BRAND').show();
+		} else if(authTpCd === '50') {
+			$('#ITP_MAIN_HEADER_STORE').show();
+		} else if(authTpCd === '60') {
+			$('#ITP_MAIN_HEADER_SPPLY').show();
+		}
 	},
+	notice: {
+		init: function () {
+			this.load();
+		},
+		load: function () {
+			var searchFn = function (result) {
+				console.log(result);
+				if(result.gridRecords > 0) {
+
+				} else {
+
+				}
+			};
+			const param = {};
+			fn_ajax_call(NTICE_DETAIL_GRID_LIST, JSON.stringify(param), searchFn, 'POST');
+		}
+	},
+	count: {
+		init: function () {
+			this.load();
+		},
+		load: function () {
+			var brandId = fn_make_user_info.get('brandId');
+			var storeId = fn_make_user_info.get('storeId');
+			var spplyId = fn_make_user_info.get('spplyId');
+
+			if(brandId == '' && storeId == '' && spplyId == '') {
+				return;
+			}
+
+			const key = { brandId:brandId, storeId:storeId, spplyId:spplyId };
+			var param = $.param(key);
+			fn_ajax_call(MAIN_CHART_COUNT, param, function(result) {
+				console.log(result);
+
+				$('#ITP_MAIN_CONTAINER .fnPr20Count').text( CommonObj.currency.add( result.pr20Count, '건' ));
+				$('#ITP_MAIN_CONTAINER .fnDp02Amt').text( CommonObj.currency.add( result.dp02Amt ));
+				$('#ITP_MAIN_CONTAINER .fnUnpaidAmt').text( CommonObj.currency.add( result.unpaidAmt ));
+
+				$('#ITP_MAIN_CONTAINER .fnPo30Count').text( CommonObj.currency.add( result.po30Count, '건' ));
+				$('#ITP_MAIN_CONTAINER .fnPoEndCount').text( CommonObj.currency.add( result.poEndCount, '건' ));
+				$('#ITP_MAIN_CONTAINER .fnPoPsblAmt').text( CommonObj.currency.add( result.poPsblAmt ));
+
+				$('#ITP_MAIN_CONTAINER .fnOrdersCount').text( CommonObj.currency.add( result.ordersCount, '건' ) );
+				$('#ITP_MAIN_CONTAINER .fnOrdersAmt').text( CommonObj.currency.add( result.ordersAmt ));
+				$('#ITP_MAIN_CONTAINER .fnSttlReqAmt').text( CommonObj.currency.add( result.sttlReqAmt ));
+
+			}, 'GET');
+		}
+	},
+	chart: {
+		init: function () {
+			//그래프
+			google.charts.load('current', {'packages':['corechart']});
+			google.charts.load('current', {'packages':['bar']});
+			this.view();
+		},
+		view:function() {
+			$('div[id^="ITP_MAIN_DRAW"]').hide();
+			var authTpCd = fn_make_user_info.get('authTpCd');
+			if(authTpCd === '40' || authTpCd === '10') {
+				this.brand.init();
+			} else if(authTpCd === '50') {
+				this.store.init();
+			} else if(authTpCd === '60') {
+				this.spply.init();
+			}
+		},
+		brand: {
+			init: function() {
+				$('#ITP_MAIN_DRAW_CHART_REQ').show();
+				google.charts.setOnLoadCallback(this.drawChartReq); // 구매요청
+
+				$('#ITP_MAIN_DRAW_CHART_PODR').show();
+				google.charts.setOnLoadCallback(this.drawChartPodr); // 구매발주
+
+				$('#ITP_MAIN_DRAW_CHART_REQ_UP').show();
+				google.charts.setOnLoadCallback(this.drawChartReqUp); // 매출순위
+
+				if(fn_make_user_info.get('brandId')) {
+					$('#ITP_MAIN_DRAW_CHART_CORE').show();
+					google.charts.setOnLoadCallback(this.drawChartcore); // 정산
+					chartCnt=4;
+				} else {
+					chartCnt=3;
+				}
+
+				$('#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: chartCnt==4? 245: 300,
+					};
+					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: chartCnt==4? 245: 300,
+					};
+					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: 300,
+					};
+					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: 300,
+					};
+					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: 900,
+						legend: { position: 'top' }
+					};
+
+					var chart = new google.visualization.LineChart(document.getElementById('ITP_SAFE_STCK_GRAPH'));
+					chart.draw(data, options);
+
+				}, 'GET');
+			}
+		},
+		store: {
+			init: function() {
+
+			}
+		},
+		spply: {
+			init: function() {
 
+			}
+		}
+	}
 };
 
 function appCallFnVersion(version) {