메인화면 공지사항

src/main/webapp/css/style.css

@@ -131,7 +131,7 @@ a, button {outline:none !important; text-decoration:none !important;}
 #ITP_MAIN_HEADER .col_4 .itp_header_label {width:125px; padding:13px 16px; font-size:17px; font-weight:700; display:inline-block;}
 #ITP_MAIN_HEADER .col_4 .itp_header_result {width:auto; float: right; display:inline-block; font-size:18px; font-weight:700; color:blue; text-align: right; padding:12px;}
 
-#ITP_NOTE_BAR {background:#eee; width:100%; height:160px; float:right; border-radius:15px;}
+#ITP_NOTE_BAR {background:#eee; width:100%; float:right; border-radius:15px;}
 #ITP_NOTE_BAR .itp_side_bar_header {padding-top:12px; text-align:center; font-size:17px;}
 #ITP_NOTE_BAR .itp_side_bar_note {padding:0 15px;}
 #ITP_NOTE_BAR .itp_side_bar_note label {width:15%; margin-bottom:8px;}

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

@@ -24,7 +24,7 @@ require(['config'], function() {
 			// 조회
 	    	itp_fn_MAIN_NOTICE_search();			
 
-		}, 500);
+		}, 300);
 				
 	});
 });
@@ -233,7 +233,14 @@ var itp_fn_MAIN_NOTICE_search = function() {
 	const formId = '#ITP_FORM_MAIN_SEARCH';
 	let param = $(formId).serializeObject();
 	var searhFn = function(result) {
-		console.log('>>>>>> ' + JSON.stringify(result));
+		$.each(result.gridRows, function(idx, value) {
+		
+			$('#ITP_NOTE_BAR').append($('#ITP_NOTE_ROWCOPY').val());			
+			$('#ITP_NOTE_BAR .itp_side_bar_note:last').find('.fnTitle').html(value.nticeTitl);
+			$('#ITP_NOTE_BAR .itp_side_bar_note:last').find('.fnDate').html(value.addDt);
+			$('#ITP_NOTE_BAR .itp_side_bar_note:last').find('.fnContents').html(value.nticeDesc);
+			
+		});
 	};
 	fn_ajax_call(NTICE_DETAIL_GRID_LIST, JSON.stringify(param), searhFn, 'POST');
 };

src/main/webapp/main.html

@@ -148,11 +148,20 @@
 								<form id="ITP_FORM_MAIN_SEARCH" class="form-horizontal">
 								</form>
 								
+								<textarea id="ITP_NOTE_ROWCOPY" rows="0" cols="0" style="display:none;">
+								<div class="itp_side_bar_note">
+									<label class="fnTitle"></label>
+									<label class="date fnDate"></label>
+									<div class="fnContents"></div>
+								</div>
+								</textarea>
+								
 								<!-- 여기는 공급사 매장 로그인 시 나오는 구간 -->
 								<div id="ITP_NOTE_BAR">
 									<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>
@@ -168,6 +177,7 @@
 										<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">