djb-eapim/eapim-admin
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

대시보드 UI 개선, 한글깨짐 처리.

Browse Source
This commit is contained in:
daekuk
2025-12-08 19:35:27 +09:00
parent 5b482904db
commit d0006eda86
11 changed files with 179 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebContent/jsp/dashboard-modern/modern-dashboard.jsp
+31 -25
View File
@@ -126,19 +126,25 @@
</script>
<style>
/* 2025.12.08 광주은행
1. 모든 카드를 7:3 기준으로 변경함.
2. 자동으로 높이를 맞추지않고 왼쪽 요소 기준으로 오른쪽 높이를 강제로 설정함.
3. 중요도에 따라 각 카드 위치 변경.
*/
/* 1번 줄 (5:3 비율) - 서버 상태, 배치 처리 상태 */
.first-row {
grid-template-columns: 5fr 3fr;
grid-template-columns: 7fr 3fr;
}
/* 2번 줄 (1:1 비율) - 거래 처리 집계, 실시간 트랜잭션 현황 */
.second-row {
grid-template-columns: 1fr 1fr;
grid-template-columns: 7fr 3fr;
}
/* 3번 줄 (7:3 비율) - 어댑터 상태, 장애통보(SMS) */
.third-row {
grid-template-columns: 6fr 4fr;
grid-template-columns: 7fr 3fr;
}
/* 컴팩트한 대시보드를 위한 추가 스타일 */
@@ -186,9 +192,9 @@
</jsp:include>
</div>
<!-- 배치 처리 상태 섹션 (3/8 비율) -->
<div class="batch-container">
<jsp:include page="components/dashboard-batch.jsp" />
<!-- 장애통보(SMS) 섹션 (2/10 비율) -->
<div class="sms-container">
<jsp:include page="components/dashboard-sms.jsp" />
</div>
<!-- 피크 처리 성능 섹션 (1/8 비율) -->
@@ -199,31 +205,31 @@
<!-- 2번 줄 (1:1 비율) - 거래 처리 집계, 실시간 트랜잭션 현황 -->
<div class="dashboard-row second-row">
<!-- 거래 처리 집계 섹션 (좌측) -->
<div class="transaction-container" style="overflow-y:auto;">
<jsp:include page="components/dashboard-transactions.jsp">
<jsp:param name="serverTypeMap" value="<%= serverTypeMap %>" />
</jsp:include>
</div>
<!-- 실시간 트랜잭션 현황 섹션 (우측) -->
<div class="transaction-overview-container">
<jsp:include page="components/dashboard-tran-chart.jsp" />
</div>
</div>
<!-- 3번 줄 (8:2 비율) - 어댑터 상태, 장애통보(SMS) -->
<div class="dashboard-row third-row">
<!-- 어댑터 섹션 (8/10 비율) -->
<!-- 어댑터 섹션 (8/10 비율) -->
<div class="adapters-container">
<jsp:include page="components/dashboard-adapter.jsp">
<jsp:param name="serverTypeMap" value="<%= serverTypeMap %>" />
</jsp:include>
</div>
<!-- 장애통보(SMS) 섹션 (2/10 비율) -->
<div class="sms-container">
<jsp:include page="components/dashboard-sms.jsp" />
<!-- 거래 처리 집계 섹션 (우측) -->
<div class="transaction-container" style="overflow-y:auto;">
<jsp:include page="components/dashboard-transactions.jsp">
<jsp:param name="serverTypeMap" value="<%= serverTypeMap %>" />
</jsp:include>
</div>
</div>
<!-- 3번 줄 (8:2 비율) - 어댑터 상태, 장애통보(SMS) -->
<div class="dashboard-row third-row">
<!-- 실시간 트랜잭션 현황 섹션 (좌측) -->
<div class="transaction-overview-container">
<jsp:include page="components/dashboard-tran-chart.jsp" />
</div>
<!-- 배치 처리 상태 섹션 (3/8 비율) -->
<div class="batch-container">
<jsp:include page="components/dashboard-batch.jsp" />
</div>
</div>
<!-- 인터페이스 로그 조회 모달 -->