FAISP/src/main/resources/templates/counterIntelligence/activityCase/activityCaseViewModal.html

90 lines
5.1 KiB
HTML
Raw Normal View History

2022-12-29 09:16:45 +00:00
<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<div class="modal-header bg-dark">
2023-03-08 04:00:08 +00:00
<h5 class="modal-title text-white" id="activityCaseViewModalLabel">
<th:block th:if="${activityCaseInfo.caseType eq 'ACT001'}">착수보고서 열람</th:block>
<th:block th:if="${activityCaseInfo.caseType eq 'ACT002'}">진행보고서 열람</th:block>
<th:block th:if="${activityCaseInfo.caseType eq 'ACT003'}">결과보고서 열람</th:block>
</h5>
2022-12-29 09:16:45 +00:00
<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
2023-03-06 10:15:03 +00:00
<div class="modal-body" id="activityCaseViewModalBody">
<input type="hidden" id="caseKey" th:value="${activityCaseInfo.caseKey}">
2022-12-29 09:16:45 +00:00
<ul class="nav nav-tabs" id="userTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="boardTab" data-bs-toggle="tab" data-bs-target="#boardTabPanel" type="button" role="tab" aria-controls="boardTabPanel" aria-selected="true">본문</button>
</li>
2023-03-06 10:15:03 +00:00
<li class="nav-item" role="presentation">
<button class="nav-link" id="apprvTab" data-bs-toggle="tab" data-bs-target="#apprvTabPanel" type="button" role="tab" aria-controls="apprvTabPanel" aria-selected="false">결재</button>
</li>
<li class="nav-item" role="presentation" th:if="${#lists.size(activityCaseInfo.fileList)>0}">
<button class="nav-link" id="fileTab" data-bs-toggle="tab" data-bs-target="#fileTabPanel" type="button" role="tab" aria-controls="fileTabPanel" aria-selected="false" th:text="${#strings.concat('첨부파일(', #lists.size(activityCaseInfo.fileList), ')')}"></button>
2022-12-29 09:16:45 +00:00
</li>
</ul>
<div class="tab-content bg-white border border-top-0 p-2">
<div class="tab-pane fade p-2 show active" id="boardTabPanel" role="tabpanel" tabindex="0">
<div class="row mb-1">
2023-03-06 10:15:03 +00:00
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">접수번호</label>
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${activityCase.receiptNum}"></label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">사건번호</label>
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${activityCaseInfo.caseNum}"></label>
2023-01-02 10:12:26 +00:00
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">작성자</label>
2023-03-06 10:15:03 +00:00
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${activityCase.wrtUserNm}"></label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">작성일시</label>
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(activityCaseInfo.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">제목</label>
<label class="col-sm-11 col-form-label col-form-label-sm text-start" th:text="${activityCaseInfo.title}"></label>
2022-12-29 09:16:45 +00:00
</div>
<hr class="my-1">
2023-01-02 10:12:26 +00:00
<div class="row mb-1">
2023-03-06 10:15:03 +00:00
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">외사활동<br>대상자</label>
2022-12-29 09:16:45 +00:00
</div>
<div class="row mb-1">
2023-03-06 10:15:03 +00:00
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">외사활동 사항</label>
2022-12-29 09:16:45 +00:00
</div>
2023-01-02 10:12:26 +00:00
<div class="row mb-1">
2023-03-06 10:15:03 +00:00
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">외사활동이<br>필요한 이유</label>
2022-12-29 09:16:45 +00:00
</div>
</div>
2023-03-06 10:15:03 +00:00
<div class="tab-pane fade p-2" id="apprvTabPanel" role="tabpanel" tabindex="0">
</div>
2022-12-29 09:16:45 +00:00
<div class="tab-pane fade p-2" id="fileTabPanel" role="tabpanel" tabindex="0">
<div class="row mb-3">
<div class="col-sm-12">
<table class="table table-sm" id="fileTable">
<thead>
<tr>
<th>파일명</th>
<th>사이즈</th>
</tr>
</thead>
<tbody>
2023-03-06 10:15:03 +00:00
<th:block th:if="${#lists.isEmpty(activityCaseInfo.fileList)}">
2022-12-29 09:16:45 +00:00
<tr>
<td colspan="2">파일이 없습니다.</td>
</tr>
</th:block>
2023-03-06 10:15:03 +00:00
<th:block th:unless="${#lists.isEmpty(activityCaseInfo.fileList)}">
<th:block th:each="file:${activityCaseInfo.fileList}">
2022-12-29 09:16:45 +00:00
<tr class="fileInfoTr">
<td>
2023-01-02 10:12:26 +00:00
<a href="#" class="fileDownLink" data-board="ciWork"
2023-03-06 10:15:03 +00:00
th:data-parentkey="${file.caseKey}" th:data-fileseq="${file.fileSeq}"
2022-12-29 09:16:45 +00:00
th:text="|${file.origNm}.${file.fileExtn}|"></a>
</td>
<td th:text="${file.fileSize}"></td>
</tr>
</th:block>
</th:block>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer bg-light">
2023-03-06 10:15:03 +00:00
<button type="button" class="btn btn-danger" id="deleteCiWorkBtn">삭제</button>
<button type="button" class="btn btn-warning" id="editCiWorkBtn">수정</button>
2023-01-28 07:25:01 +00:00
<!-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>-->
2022-12-29 09:16:45 +00:00
</div>