메인화면 구매요청

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

@@ -5,6 +5,7 @@ const MAIN_NOTICE_GRID_PAGER = '#ITP_MAIN_NOTICE_jqGridPager';
 const MAIN_NOTICE_GRID_EMPTY = '#ITP_MAIN_NOTICE_jqGridEmpty';
 
 let NTICE_DETAIL_GRID_LIST = '/api/ntice/main-detail-grid-list';
+let MAIN_CHART_PCH_REQ_CHART = '/api/main/chart/pch-req-chart';
 
 require(['config'], function() {
 	require([
@@ -22,9 +23,13 @@ require(['config'], function() {
 	    	// itp_fn_fire_window_resize();
 
 			// 조회
-	    	itp_fn_MAIN_NOTICE_search();			
+	    	itp_fn_MAIN_NOTICE_search();		
 
 		}, 300);
+		
+		$('#ITP_FORM_MAIN_SEARCH_PR_TYPE').on('change', function() {
+			drawChartReq();
+		});
 				
 	});
 });
@@ -41,18 +46,20 @@ google.charts.setOnLoadCallback(drawLine);
 
 //구매요청 그래프
 function drawChartReq() {
-  var data = google.visualization.arrayToDataTable([
-    ['구매요청', '대기', '반려', '승인',],
-    ['2014', 4.2 , 2.5 , 2]
-  ]);
-
-  var options = {
-    	legend: { position: 'left' }
-  };
-
-  var chart = new google.charts.Bar(document.getElementById('ITP_PCH_REQ_GRAPH'));
-
-  chart.draw(data, options);
+	
+	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' }
+	  	};	
+	  	var chart = new google.charts.Bar(document.getElementById('ITP_PCH_REQ_GRAPH'));
+	  	chart.draw(data, options);
+		
+	}, 'GET');
+	
 }
 
 //구매발주 그래프
@@ -131,101 +138,6 @@ function drawLine() {
   chart.draw(data, options);
 }
 
-var itp_fn_MAIN_NOTICE_grid = {
-	init: function() {
-		// 데이터 없을때
-		itp_fn_MAIN_NOTICE_empty.push();
-		$(MAIN_NOTICE_GRID_EMPTY).on('click', function() {
-			itp_fn_MAIN_NOTICE_empty.back();
-			itp_MAIN_NOTICE_param.gridSize = $.jgrid.defaults.rowNum;
-			$(MAIN_NOTICE_GRID_ID).setGridParam({'postData': JSON.stringify(itp_MAIN_NOTICE_param)}).trigger('reloadGrid');
-		});
-		console.log("grid init", MAIN_NOTICE_GRID_LIST);
-		itp_fn_jqgrid_resize(MAIN_NOTICE_GRID_ID, MAIN_NOTICE_GRID_LIST, 'lg');
-	},
-	callBack: function() {
-		let param = $('#ITP_FORM_MAIN_NOTICE_SEARCH').serializeObject();
-		param.gridSize = $.jgrid.defaults.rowNum;
-		$(MAIN_NOTICE_GRID_ID).jqGrid({
-			colModel: [
-				{
-					index: 'NTICE_NO', name: 'nticeNo',
-					label: ITP_MSG_LOCALE.label.notiNo, //공지번호
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'NTICE_TITL', name: 'nticeTitl',
-					label: '공지사항', //공지제목
-					width: '15', fixed: false, align: 'left',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'ADD_DT', name: 'addDt',
-					label: ITP_MSG_LOCALE.label.regDt, //등록일
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				}
-			],
-			loadBeforeSend: function(jqXHR) {
-			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
-			},
-			postData: JSON.stringify(param),
-			url: DOMAIN + NTICE_DETAIL_GRID_LIST,
-			pager: MAIN_NOTICE_GRID_PAGER,
-			multiselect: false,
-			rownumbers: true,
-			onCellSelect: function(rowId, cellIdx, cellValue) {
-				var cm = $(this).jqGrid('getGridParam', 'colModel');
-				var colNm = cm[cellIdx].name;
-				if (colNm == 'nticeTitl') {
-					const nticeNoVal = $(this).jqGrid('getCell', rowId, 'nticeNo');
-					const key = {nticeNo: nticeNoVal, viewCd: 'R'};
-					var param = $.param(key);
-					// itp_fn_MAIN_NOTICE_view(param);
-					
-					fn_call_popup('comm', 'NOTICE_INFO_POPUP', '#ITP_ASIDE', function() {
-												
-					}, param, 'S');
-					$('#ITP_NOTICE_INFO_POPUP > div.modal-dialog').width('500px');
-				}
-		   	},
-			loadComplete: function(data) {
-				
-				console.log('>>>>> ' + JSON.stringify(data));
-				
-				itp_fn_grid_load_complete(data, MAIN_NOTICE_GRID_ID, true, 'number', 'MAIN_NOTICE', itp_MAIN_NOTICE_search, itp_fn_MAIN_NOTICE_empty, false, data.gridRecords, true);
-				var ids = $(MAIN_NOTICE_GRID_ID).getDataIDs();
-				$.each(ids, function(idx, rowId) {
-					$(MAIN_NOTICE_GRID_ID).jqGrid('setCell', rowId, 'nticeTitl', '', ITP_GRID_COL_STYLE.link);
-				});
-
-				if ($('#ITP_CONTAINER').data('openYn') == 'Y') {
-					$('#ITP_CONTAINER').data('openYn', 'N');
-					const keyNew = {nticeNo: $('#ITP_CONTAINER').data('nticeNo'), viewCd: 'R'};
-					var paramNew = $.param(keyNew);
-					itp_fn_MAIN_NOTICE_view(paramNew);
-				}
-		    },
-		    loadError: function(jqXHR, textStatus, errorThrown) {
-		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
-		    },
-		    onPaging: function(action) {
-		    	itp_fn_grid_paging(MAIN_NOTICE_GRID_ID, action, param);
-		    }
-		}).navGrid(MAIN_NOTICE_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
-	},
-	clearData : function() {
-		$(MAIN_NOTICE_GRID_ID).jqGrid('clearGridData', true);
-		$(MAIN_NOTICE_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-		$(MAIN_NOTICE_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-		$(MAIN_NOTICE_GRID_EMPTY).show();
-	},
-	unload : function() {
-		$.jgrid.gridUnload(MAIN_NOTICE_GRID_ID);
-	}
-};
-
 var itp_fn_MAIN_NOTICE_search = function() {
 	// itp_fn_MAIN_NOTICE_grid.unload();
 	// itp_fn_MAIN_NOTICE_grid.callBack();
@@ -245,14 +157,3 @@ var itp_fn_MAIN_NOTICE_search = function() {
 	fn_ajax_call(NTICE_DETAIL_GRID_LIST, JSON.stringify(param), searhFn, 'POST');
 };
 
-let itp_MAIN_NOTICE_param = {};
-let itp_MAIN_NOTICE_search = false;
-var itp_fn_MAIN_NOTICE_empty = {
-	push: function() {		
-		let param = $('#ITP_FORM_MAIN_NOTICE_SEARCH').serializeObject();
-		itp_MAIN_NOTICE_param = param;
-	},
-	back: function() {
-		
-	}
-};

src/main/webapp/main.html

@@ -161,23 +161,6 @@
 									<div class="itp_side_bar_header">
 										<label>공지사항</label>
 									</div>
-									<!--  
-									<div class="itp_side_bar_note">
-										<label class="fn">공지 xxx제목 조금 긴 제목</label>
-										<label class="date fn">2022.11.01</label>
-										<div class="fn">공지1 내용 들어가는곳fasdfdddddddddddddddasdfasdfsfdasdasdsadsaasdasdasdadsadaasdasdafddddddddddddddddddddddsdsfsdfdsfsdfddasdsadasdssds </div>
-									</div>
-									<div class="itp_side_bar_note">
-										<label class="fn">공지 2제목</label>
-										<label class="date fn">2022.11.01</label>
-										<div class="fn">공지 1 내용 가나다라마바상라ㅣㅁㄴ리ㅏㄴ멀ㄴ얾ㅣ;ㅁ너ㅣㅏ런ㅁ이ㅏ;러</div>
-									</div>
-									<div class="itp_side_bar_note">
-										<label class="fn">공지 2제목</label>
-										<label class="date fn">2022.11.01</label>
-										<div class="fn">공지 1 내용 가나다라마바상라ㅣㅁㄴ리ㅏㄴ멀ㄴ얾ㅣ;ㅁ너ㅣㅏ런ㅁ이ㅏ;러</div>
-									</div>
-									-->
 								</div>
 								<div id="ITP_MAIN_HEADER" style="display: inline-block;">
 									<div class="col_4" style="margin-left:0">
@@ -242,8 +225,11 @@
 								<div id="ITP_MAIN_GRAPH_AREA">
 									<div class="itp_graph_box">
 										<div class="itp_graph_side">
-											<select>
-												<option>fasdf</option>
+											<select id="ITP_FORM_MAIN_SEARCH_PR_TYPE" name="prType">
+												<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>