193 lines
12 KiB
HTML
193 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
|
|
<div class="modal-header bg-dark">
|
|
<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>
|
|
<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body" id="activityCaseViewModalBody">
|
|
<input type="hidden" id="receiptKey" th:value="${activityCase.receiptKey}">
|
|
<input type="hidden" id="caseKey" th:value="${activityCaseInfo.caseKey}">
|
|
<input type="hidden" id="caseType" th:value="${activityCaseInfo.caseType}">
|
|
<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>
|
|
<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>
|
|
</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">
|
|
<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>
|
|
<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.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>
|
|
</div>
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">제목</label>
|
|
<label class="col-form-label col-form-label-sm text-start" th:classappend="${activityCaseInfo.caseType eq 'ACT003'?'col-sm-5':'col-sm-8'}" th:text="${activityCaseInfo.title}"></label>
|
|
<th:block th:if="${activityCaseInfo.caseType eq 'ACT003'}">
|
|
<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:block th:each="code:${session.commonCode.get('ACAT')}">
|
|
<th:block th:if="${code.itemCd eq activityCaseInfo.activityResult}" th:text="${code.itemValue}"></th:block>
|
|
</th:block>
|
|
</label>
|
|
</th:block>
|
|
<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.reportDate, 'yyyy-MM-dd')}"></label>
|
|
</div>
|
|
<hr class="my-1">
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">외사활동<br>대상자</label>
|
|
<div class="col-sm-11 form-control-sm" id="suspectDiv">
|
|
<th:block th:each="suspect:${activityCase.suspectList}">
|
|
<div class="row mx-2 my-1">
|
|
<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:block th:each="code:${session.commonCode.get('ACS')}">
|
|
<th:block th:if="${code.itemCd eq suspect.type}" th:text="${code.itemValue}"></th:block>
|
|
</th:block>
|
|
</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="${suspect.name}"></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:block th:each="code:${session.commonCode.get('SEX')}">
|
|
<th:block th:if="${code.itemCd eq suspect.sex}" th:text="${code.itemValue}"></th:block>
|
|
</th:block>
|
|
</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(suspect.birthDate, 'yyyy-MM-dd')}"></label>
|
|
</div>
|
|
<div class="row mx-2 my-1">
|
|
<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="${suspect.phone}"></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="${suspect.job}"></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="${suspect.area}"></label>
|
|
</div>
|
|
<div class="row mx-2 my-1">
|
|
<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="${suspect.address}"></label>
|
|
</div>
|
|
<div class="row mx-2 my-1">
|
|
<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="${suspect.etc}"></label>
|
|
</div>
|
|
<hr class="my-1">
|
|
</th:block>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">외사활동 사항</label>
|
|
<div class="col-sm-11 form-control-sm" id="contentDiv">
|
|
<div th:utext="${activityCaseInfo.content}"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">결제</label>
|
|
<div class="col-sm-11">
|
|
<div class="row">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center mb-0 fw-bold">구분</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-center mb-0 fw-bold">경로</label>
|
|
<label class="col-sm-6 col-form-label col-form-label-sm text-center mb-0 fw-bold">지휘 및 의견</label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center mb-0 fw-bold">결재</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-center mb-0 fw-bold">일시</label>
|
|
</div>
|
|
<th:block th:each="apprv:${activityCaseInfo.apprvList}">
|
|
<div class="row apprvRow">
|
|
<input type="hidden" class="apprvUserSeq" th:value="${apprv.userSeq}">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-start mb-0">
|
|
<th:block th:each="code:${session.commonCode.get('ACAT')}">
|
|
<th:block th:if="${code.itemCd eq apprv.apprvType}" th:text="${code.itemValue}"></th:block>
|
|
</th:block>
|
|
</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start mb-0">
|
|
<th:block th:each="code:${session.commonCode.get('OG')}">
|
|
<th:block th:if="${code.itemCd eq apprv.ogCd}" th:text="${code.itemValue}"></th:block>
|
|
</th:block>
|
|
<th:block th:each="code:${session.commonCode.get(apprv.ogCd)}">
|
|
<th:block th:if="${code.itemCd eq apprv.ofcCd}" th:text="${code.itemValue}"></th:block>
|
|
</th:block>
|
|
<th:block th:each="code:${session.commonCode.get('JT')}">
|
|
<th:block th:if="${code.itemCd eq apprv.titleCd}" th:text="${code.itemValue}"></th:block>
|
|
</th:block>
|
|
<th:block th:text="${apprv.userNm}"></th:block>
|
|
</label>
|
|
<th:block th:if="${apprv.userSeq eq viewUserSeq}">
|
|
<th:block th:if="${apprv.apprvYn eq null}">
|
|
<div class="col-sm-6 border border-dark mb-0">
|
|
<input type="text" class="form-control form-control-sm instructions">
|
|
</div>
|
|
<div class="col-sm-1 border border-dark mb-0 px-0">
|
|
<button type="button" class="btn btn-sm btn-outline-success apprvBtn" data-apprvvalue="Y">승인</button>
|
|
<button type="button" class="btn btn-sm btn-outline-danger apprvBtn" data-apprvvalue="N">반려</button>
|
|
</div>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start mb-0"></label>
|
|
</th:block>
|
|
<th:block th:if="${apprv.apprvYn ne null}">
|
|
<label class="col-sm-6 col-form-label col-form-label-sm text-start mb-0" th:text="${apprv.instructions}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-start mb-0" th:text="${apprv.apprvYn eq 'Y'?'승인':'반려'}"></label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start mb-0" th:text="${#temporals.format(apprv.apprvDt, 'yyyy-MM-dd')}"></label>
|
|
</th:block>
|
|
</th:block>
|
|
<th:block th:unless="${apprv.userSeq eq viewUserSeq}">
|
|
<label class="col-sm-6 col-form-label col-form-label-sm text-start mb-0" th:text="${apprv.instructions}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-start mb-0" th:text="${apprv.apprvYn eq null?'대기':(apprv.apprvYn eq 'Y'?'승인':'반려')}"></label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start mb-0" th:text="${#temporals.format(apprv.apprvDt, 'yyyy-MM-dd')}"></label>
|
|
</th:block>
|
|
</div>
|
|
</th:block>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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>
|
|
<th:block th:if="${#lists.isEmpty(activityCaseInfo.fileList)}">
|
|
<tr>
|
|
<td colspan="2">파일이 없습니다.</td>
|
|
</tr>
|
|
</th:block>
|
|
<th:block th:unless="${#lists.isEmpty(activityCaseInfo.fileList)}">
|
|
<th:block th:each="file:${activityCaseInfo.fileList}">
|
|
<tr class="fileInfoTr">
|
|
<td>
|
|
<a href="#" class="fileDownLink" data-board="ciWork"
|
|
th:data-parentkey="${file.caseKey}" th:data-fileseq="${file.fileSeq}"
|
|
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" th:if="${activityCaseInfo.status eq 'DST001' and viewUserSeq eq activityCase.wrtUserSeq}">
|
|
<!--<button type="button" class="btn btn-danger" id="deleteInfoBtn">삭제</button>-->
|
|
<button type="button" class="btn btn-warning" id="editInfoBtn">수정</button>
|
|
</div> |