DBNT
/
FAISP
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

대시보드 ui수정

master
DESKTOP-QGC5RJO\DBNT 2023-03-17 14:35:51 +09:00
parent 9a7fe92321
commit 3429bf7824
4 changed files with 90 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/main/resources/static/css/common.css
View File

@ -249,3 +249,11 @@ body {
.titleLeft { .titleLeft {
text-align: left !important; text-align: left !important;
} }
.gray3{
background-color: #F8F9FA;
}
.gray5{
background-color:#E6E6E6;
}

BIN
src/main/resources/static/img/dash01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

2
src/main/resources/templates/fragments/header.html
View File

@ -2,7 +2,7 @@
<html lang="ko" <html lang="ko"
xmlns:th="http://www.thymeleaf.org" xmlns:th="http://www.thymeleaf.org"
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5"> xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<header th:fragment="headerFragment" class="row justify-content-between w-100 py-1 px-3 border-bottom" style="--bs-gutter-x: 0;"> <header th:fragment="headerFragment" class="row justify-content-between w-100 py-1 px-3 border-bottom bg-white" style="--bs-gutter-x: 0;">
<div class="col-auto row justify-content-start"> <div class="col-auto row justify-content-start">
<div class="col-auto"> <div class="col-auto">
<div class="navbar-header"> <div class="navbar-header">

156
src/main/resources/templates/login/dashboard.html
View File

@ -17,20 +17,25 @@
</div> </div>
</div> </div>
<div class="row mx-0"> <div class="row mx-0">
<div class="col-12 card bg-lightB-card"> <div class="col-12">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row justify-content-center pt-2">
<div class="col-3 py-1 text-center align-middle align-self-center" id="subPage2">
<img src="img/dash01.png" alt="대시보드이미지" class="mb-4">
<h4>안녕하세요, 경감 관리자님 :D</h4>
<h5>해양경찰청의 외사포털에 오신것을 환영합니다.</h5>
</div>
<div class="col-4 py-1" id="subPage0"> <div class="col-4 py-1" id="subPage0">
<script type="text/javascript" th:src="@{/js/publicBoard/publicBoard.js}"></script> <script type="text/javascript" th:src="@{/js/publicBoard/publicBoard.js}"></script>
<script type="text/javascript" th:src="@{/js/publicBoard/notice.js}"></script> <script type="text/javascript" th:src="@{/js/publicBoard/notice.js}"></script>
<div class="card"> <div class="card">
<div class="card-header bg-white"> <div class="card-header gray5">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto dash-title">공지사항</div> <div class="col-auto dash-title">공지사항</div>
<div class="col-auto"><a href="/publicBoard/noticePage" class="link-dark"><i class="bi bi-list"></i></a></div> <div class="col-auto"><a href="/publicBoard/noticePage" class="link-dark"><i class="bi bi-list"></i></a></div>
</div> </div>
</div> </div>
<div class="card-body"> <div class="card-body" style="height: 320px;">
<table class="table table-sm table-hover"> <table class="table table-sm table-hover">
<thead> <thead>
<tr> <tr>
@ -44,8 +49,8 @@
<input type="hidden" class="publicKey" th:value="${notice.publicKey}"> <input type="hidden" class="publicKey" th:value="${notice.publicKey}">
<td> <td>
<i class="bi bi-dot" style="color: #3d73d7"></i> <i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(notice.title)>20}" th:text="|${#strings.substring(notice.title, 0, 20)}...|"></th:block> <th:block th:if="${#strings.length(notice.title)>25}" th:text="|${#strings.substring(notice.title, 0, 25)}...|"></th:block>
<th:block th:unless="${#strings.length(notice.title)>20}" th:text="${notice.title}"></th:block> <th:block th:unless="${#strings.length(notice.title)>25}" th:text="${notice.title}"></th:block>
</td> </td>
<td th:text="${notice.wrtUserNm}"></td> <td th:text="${notice.wrtUserNm}"></td>
<td th:text="${#temporals.format(notice.wrtDt, 'yyyy-MM-dd')}"></td> <td th:text="${#temporals.format(notice.wrtDt, 'yyyy-MM-dd')}"></td>
@ -55,78 +60,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-4 py-1" id="subPage1">
<div class="card">
<div class="card-header bg-white">
<div class="row justify-content-between">
<div class="col-auto dash-title" th:text="${#strings.concat('미확인 수신알람(', alarmListCnt, ')')}"></div>
<div class="col-auto"><a href="/myInfo/myAlarm" class="link-dark"><i class="bi bi-list"></i></a></div>
</div>
</div>
<div class="card-body">
<table class="table table-sm table-hover">
<thead>
<tr>
<th>메시지</th>
<th>발생일시</th>
</tr>
</thead>
<tbody>
<tr class="alarmTr" th:each="alarm:${dashboardAlarmList}">
<input type="hidden" class="alarmKey" th:value="${alarm.alarmKey}">
<input type="hidden" class="userSeq" th:value="${alarm.userSeq}">
<td>
<i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(alarm.alarmMsg)>20}" th:text="|${#strings.substring(alarm.alarmMsg, 0, 20)}...|"></th:block>
<th:block th:unless="${#strings.length(alarm.alarmMsg)>20}" th:text="${alarm.alarmMsg}"></th:block>
</td>
<td th:text="${#temporals.format(alarm.wrtDt, 'yyyy-MM-dd HH:mm:ss')}"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-4 py-1" id="subPage2">
</div>
<div class="col-4 py-1" id="subPage3">
<div class="card">
<div class="card-header bg-white">
<div class="row justify-content-between">
<div class="col-auto dash-title">외사정보보고 수신문서</div>
<div class="col-auto"><a href="/faRpt/faRptBoard?activeTab=receive" class="link-dark"><i class="bi bi-list"></i></a></div>
</div>
</div>
<div class="card-body">
<table class="table table-sm table-hover">
<thead>
<tr>
<th>제목</th>
<th>작성일시</th>
</tr>
</thead>
<tbody>
<tr class="faRptTr" th:each="faRpt:${faRptList}">
<input type="hidden" class="faRptKey" th:value="${faRpt.faRptKey}">
<td><i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:text="${faRpt.title}"></th:block>
</td>
<td th:text="${#temporals.format(faRpt.wrtDt, 'yyyy-MM-dd HH:mm')}"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-4 py-1" id="subPage4"> <div class="col-4 py-1" id="subPage4">
<div class="card"> <div class="card">
<div class="card-header bg-white"> <div class="card-header gray5">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto dash-title">외사경찰 견문관리</div> <div class="col-auto dash-title">외사경찰 견문관리</div>
<div class="col-auto"><a href="/affair/affairMgt/myReport?affairCategory=CAT215" class="link-dark"><i class="bi bi-list"></i></a></div> <div class="col-auto"><a href="/affair/affairMgt/myReport?affairCategory=CAT215" class="link-dark"><i class="bi bi-list"></i></a></div>
</div> </div>
</div> </div>
<div class="card-body"> <div class="card-body" style="height: 320px;">
<table class="table table-sm table-hover"> <table class="table table-sm table-hover">
<thead> <thead>
<tr> <tr>
@ -145,7 +87,8 @@
<th:block th:if="${affair.board eq 'result'}">청산보고서</th:block> <th:block th:if="${affair.board eq 'result'}">청산보고서</th:block>
</td> </td>
<td ><i class="bi bi-dot" style="color: #3d73d7"></i> <td ><i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:text="${affair.title}"></th:block> <th:block th:if="${#strings.length(affair.title)>25}" th:text="|${#strings.substring(affair.title,0,25)}...|"></th:block>
<th:block th:unless="${#strings.length(affair.title)>25}" th:text="${affair.title}"></th:block>
</td> </td>
<td> <td>
<th:block th:each="code:${session.commonCode.get('JT')}"> <th:block th:each="code:${session.commonCode.get('JT')}">
@ -159,15 +102,77 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-3 py-1" id="subPage1">
<div class="card">
<div class="card-header gray5">
<div class="row justify-content-between">
<div class="col-auto dash-title" th:text="${#strings.concat('미확인 수신알람(', alarmListCnt, ')')}"></div>
<div class="col-auto"><a href="/myInfo/myAlarm" class="link-dark"><i class="bi bi-list"></i></a></div>
</div>
</div>
<div class="card-body" style="height: 320px;">
<table class="table table-sm table-hover">
<thead>
<tr>
<th>메시지</th>
<th>발생일시</th>
</tr>
</thead>
<tbody>
<tr class="alarmTr" th:each="alarm:${dashboardAlarmList}">
<input type="hidden" class="alarmKey" th:value="${alarm.alarmKey}">
<input type="hidden" class="userSeq" th:value="${alarm.userSeq}">
<td>
<i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(alarm.alarmMsg)>11}" th:text="|${#strings.substring(alarm.alarmMsg, 0, 11)}...|"></th:block>
<th:block th:unless="${#strings.length(alarm.alarmMsg)>11}" th:text="${alarm.alarmMsg}"></th:block>
</td>
<td th:text="${#temporals.format(alarm.wrtDt, 'yyyy-MM-dd HH:mm:ss')}"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-4 py-1" id="subPage3">
<div class="card">
<div class="card-header gray5">
<div class="row justify-content-between">
<div class="col-auto dash-title">외사정보보고 수신문서</div>
<div class="col-auto"><a href="/faRpt/faRptBoard?activeTab=receive" class="link-dark"><i class="bi bi-list"></i></a></div>
</div>
</div>
<div class="card-body" style="height: 320px;">
<table class="table table-sm table-hover">
<thead>
<tr>
<th>제목</th>
<th>작성일시</th>
</tr>
</thead>
<tbody>
<tr class="faRptTr" th:each="faRpt:${faRptList}">
<input type="hidden" class="faRptKey" th:value="${faRpt.faRptKey}">
<td><i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(faRpt.title)>25}" th:text="|${#strings.substring(faRpt.title, 0, 25)}...|"></th:block>
<th:block th:unless="${#strings.length(faRpt.title)>25}" th:text="${faRpt.title}"></th:block>
</td>
<td th:text="${#temporals.format(faRpt.wrtDt, 'yyyy-MM-dd HH:mm')}"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-4 py-1" id="subPage5"> <div class="col-4 py-1" id="subPage5">
<div class="card"> <div class="card">
<div class="card-header bg-white"> <div class="card-header gray5">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto dash-title">외사첩보망 견문관리</div> <div class="col-auto dash-title">외사첩보망 견문관리</div>
<div class="col-auto"><a href="/affair/affairMgt/myReport?affairCategory=CAT216" class="link-dark"><i class="bi bi-list"></i></a></div> <div class="col-auto"><a href="/affair/affairMgt/myReport?affairCategory=CAT216" class="link-dark"><i class="bi bi-list"></i></a></div>
</div> </div>
</div> </div>
<div class="card-body"> <div class="card-body" style="height: 320px;">
<table class="table table-sm table-hover"> <table class="table table-sm table-hover">
<thead> <thead>
<tr> <tr>
@ -186,7 +191,8 @@
<th:block th:if="${affair.board eq 'fire'}">해고/연장보고</th:block> <th:block th:if="${affair.board eq 'fire'}">해고/연장보고</th:block>
</td> </td>
<td ><i class="bi bi-dot" style="color: #3d73d7"></i> <td ><i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:text="${affair.title}"></th:block> <th:block th:if="${#strings.length(affair.title)>25}" th:text="|${#strings.substring(affair.title, 0, 25)}...|"></th:block>
<th:block th:unless="${#strings.length(affair.title)>25}" th:text="${affair.title}"></th:block>
</td> </td>
<td> <td>
<th:block th:each="code:${session.commonCode.get('JT')}"> <th:block th:each="code:${session.commonCode.get('JT')}">