UI 조정

WebContent/jsp/onl/kjb/statistics/apiStatsHourMan.jsp

@@ -33,6 +33,18 @@
 			width: 100%;
 			height: 250px;
 		}
+		/* 달력 팝업이 파이차트 가운데 숫자(z-index:10) 위로 오도록 */
+		#ui-datepicker-div {
+		    z-index: 9999 !important;
+		}
+		.cssbtn.small {
+		    height: 24px;
+		    border-radius: 2px;
+		    min-width: 24px;
+		    box-shadow: none;
+		    border-color: #ebebec;
+		    font-size: 11px;
+		}
 	</style>
 	<jsp:include page="/jsp/common/include/script.jsp"/>
 	<script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script>
@@ -292,6 +304,25 @@
 			fetchChartData();
 		}
 
+		// 조회일자를 하루 이동 후 조회 (direction: -1 이전날, 1 이후날)
+		function shiftSearchDate(direction) {
+			var v = $("input[name=searchDate]").val().replace(/-/g, "");
+			if (!v || v.length !== 8) return;
+
+			var d = new Date(
+				parseInt(v.substring(0, 4)),
+				parseInt(v.substring(4, 6)) - 1,
+				parseInt(v.substring(6, 8))
+			);
+			d.setDate(d.getDate() + direction);
+
+			function pad(n) { return String(n).padStart(2, '0'); }
+			$("input[name=searchDate]").val(
+				d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()));
+
+			search();
+		}
+
 		function exportToExcel(isSummary) {
 			var cmdType = isSummary ? 'EXCEL_EXPORT_SUMMARY' : 'EXCEL_EXPORT';
 			console.log('[Excel Export] Starting... (type: ' + cmdType + ')');
@@ -460,8 +491,8 @@
 				datatype: "json",
 				mtype: 'POST',
 				postData: gridPostData,
-				colNames: [
-					'통계시간', 'API명', '인스턴스', '업무구분', '클라이언트ID',
+				colNames: [		
+					'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID',
 					'Inbound Adapter', 'Outbound Adapter',
 					'총건수', '성공', 'Timeout', '시스템오류',
 					'평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -507,6 +538,8 @@
 			// 날짜 입력 마스크
 			$("input[name=searchDate]").inputmask("9999-99-99", { 'autoUnmask': true });
 
+			$("input[name=searchDate]").datepicker();
+
 			// 기본값 설정 (오늘)
 			var today = getToday();
 			if (!$("input[name=searchDate]").val()) {
@@ -525,6 +558,14 @@
 				search();
 			});
 
+			$("#btnPrevDate").click(function() {
+				shiftSearchDate(-1);
+			});
+
+			$("#btnNextDate").click(function() {
+				shiftSearchDate(1);
+			});
+
 			$("#btn_excel_export_summary").click(function() {
 				exportToExcel(true);
 			});
@@ -577,6 +618,8 @@
 					<th>조회일자</th>
 					<td colspan="5">
 						<input type="text" name="searchDate" value="${param.searchDate}" style="width:100px;">
+						<button type="button" id="btnPrevDate" class="cssbtn small">&lt;</button>
+						<button type="button" id="btnNextDate" class="cssbtn small">&gt;</button>
 						<span style="color:#888; font-size:12px; margin-left:10px;">(선택일 00시 ~ 23시 조회)</span>
 					</td>
 				</tr>
@@ -622,7 +665,7 @@
 		<!-- 요약 그리드 -->
 		<div style="margin-top: 20px;">
 			<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
-				<div class="title" style="margin: 0;">API명별 요약 통계</div>
+				<div class="title" style="margin: 0;">API별 요약 통계</div>
 				<button type="button" class="cssbtn" id="btn_excel_export_summary" level="R">
 					<i class="material-icons">file_download</i> Excel 다운로드 (요약)
 				</button>