대시보드 ui수정
parent
9a7fe92321
commit
3429bf7824
|
|
@ -249,3 +249,11 @@ body {
|
||||||
.titleLeft {
|
.titleLeft {
|
||||||
text-align: left !important;
|
text-align: left !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gray3{
|
||||||
|
background-color: #F8F9FA;
|
||||||
|
}
|
||||||
|
.gray5{
|
||||||
|
background-color:#E6E6E6;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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')}">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue