243 lines
13 KiB
HTML
243 lines
13 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="affairViewModalLabel">해양 외사 모니터링보고서 열람</h5>
|
|
<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<input type="hidden" name="affairKey" id="viewModalAffairKey">
|
|
<ul class="nav nav-tabs" id="userTab" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link active" id="clearReportViewTab" data-bs-toggle="tab" data-bs-target="#clearReportViewTabPanel" type="button" role="tab" aria-controls="clearReportViewTabPanel" aria-selected="true">청산보고서</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="resultReportViewTab" data-bs-toggle="tab" data-bs-target="#resultReportViewTabPanel" type="button" role="tab" aria-controls="resultReportViewTabPanel" aria-selected="false">결과보고서</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="affairListViewTab" data-bs-toggle="tab" data-bs-target="#affairListViewTabPanel" type="button" role="tab" aria-controls="affairListViewTabPanel" aria-selected="false">견문목록&증빙자료</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="clearReportViewTabPanel" role="tabpanel" aria-labelledby="clearReportViewTab" tabindex="0">
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
|
|
<th:block th:each="commonCode:${session.commonCode.get('JT')}">
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:if="${commonCode.itemCd eq mr.wrtUserGrd}" th:text="|${commonCode.itemValue} ${mr.wrtUserNm}|"></label>
|
|
</th:block>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(mr.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">상태</label>
|
|
<th:block th:each="commonCode:${session.commonCode.get('DST')}">
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:if="${commonCode.itemCd eq mr.mrState}" th:text="${commonCode.itemValue}"></label>
|
|
</th:block>
|
|
</div>
|
|
<hr>
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
|
|
<label class="col-sm-11 col-form-label col-form-label-sm text-start" th:text="${mr.mrTitle}"></label>
|
|
</div>
|
|
<hr>
|
|
<div class="row mb-1"><h6 class="text-center">모니터링 대상자</h6></div>
|
|
<br>
|
|
<div class="row">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">대상지정일</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${mr.md.mdDt}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">성명</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${mr.md.mdName}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${mr.md.mdNationality}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">소속/계급<br>(직위)</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${mr.md.mdRank}"></label>
|
|
</div>
|
|
<hr>
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">사업기간</label>
|
|
<div class="col-sm-11 form-control-sm" id="contentDiv">
|
|
<div th:text="|${mr.mrSdate} ~ ${mr.mrEdate}|"></div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">집행액</label>
|
|
<div class="col-sm-11 form-control-sm" id="contentDiv">
|
|
<div th:text="|${mr.mrPrice}원|"></div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row mb-1">
|
|
<label for="clearTitle" class="col-sm-1 border-end border-secondary col-form-label col-form-label-sm text-center fw-bold">세부<br>집행내역</label>
|
|
<div class="col-sm-10">
|
|
<table class="table table-sm table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>구분</th>
|
|
<th>상세</th>
|
|
<th>금액</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="clearInfo:${mr.clearInfoList}">
|
|
<th:block th:each="commonCode:${session.commonCode.get('RIC')}">
|
|
<td th:if="${clearInfo.useCatg eq commonCode.itemCd}" th:text="${commonCode.itemValue}"></td>
|
|
</th:block>
|
|
<th:block th:each="commonCode:${session.commonCode.get('RID')}">
|
|
<td th:if="${clearInfo.useDetail eq commonCode.itemCd}" th:text="${commonCode.itemValue}"></td>
|
|
</th:block>
|
|
<td th:text="${#strings.concat(#numbers.formatInteger(clearInfo.price, 1, 'COMMA'), '원')}"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane fade p-2" id="resultReportViewTabPanel" role="tabpanel" aria-labelledby="resultReportViewTab" tabindex="0">
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
|
|
<th:block th:each="commonCode:${session.commonCode.get('JT')}">
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:if="${commonCode.itemCd eq mr.wrtUserGrd}" th:text="|${commonCode.itemValue} ${mr.wrtUserNm}|"></label>
|
|
</th:block>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(mr.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">상태</label>
|
|
<th:block th:each="commonCode:${session.commonCode.get('DST')}">
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:if="${commonCode.itemCd eq mr.mrState}" th:text="${commonCode.itemValue}"></label>
|
|
</th:block>
|
|
</div>
|
|
<hr>
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
|
|
<label class="col-sm-11 col-form-label col-form-label-sm text-start" th:text="${mr.mrTitle}"></label>
|
|
</div>
|
|
<hr>
|
|
<div class="row mb-1"><h6 class="text-center">모니터링 대상자</h6></div>
|
|
<br>
|
|
<div class="row">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">대상지정일</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${mr.md.mdDt}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">성명</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${mr.md.mdName}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${mr.md.mdNationality}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">소속/계급<br>(직위)</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${mr.md.mdRank}"></label>
|
|
</div>
|
|
<hr>
|
|
<div class="row mb-1 justify-content-center">
|
|
<label for="resultInfoRow" class="col-sm-1 col-form-label col-form-label-sm text-center">활동내용</label>
|
|
<div class="col-sm-11">
|
|
<div class="row">
|
|
<div class="col-4 text-center">접촉 일시</div>
|
|
<div class="col-5 text-center">접촉 내용</div>
|
|
</div>
|
|
<hr class="my-1">
|
|
<div class="row">
|
|
<div class="col-12 resultInfoRow" id="resultInfoRow">
|
|
<th:block th:each="info:${mr.resultInfoList}">
|
|
<div class="row my-1 infoRow">
|
|
<div class="col-4 text-center">
|
|
<div th:text="|${info.contactDate} ${info.contactStime}~${info.contactEtime}"></div>
|
|
</div>
|
|
<div class="col-5">
|
|
<div th:utext="${info.contactInfo}"></div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
</th:block>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center">집행예산</label>
|
|
<div class="col-sm-11 form-control-sm" id="contentDiv">
|
|
<div th:text="|${mr.mrPrice}원|"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade p-2" id="affairListViewTabPanel" role="tabpanel" aria-labelledby="affairListViewTab" tabindex="0">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>파일명</th>
|
|
<th>사이즈</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<th:block th:if="${#lists.isEmpty(mr.fileList)}">
|
|
<tr>
|
|
<td colspan="2">파일이 없습니다.</td>
|
|
</tr>
|
|
</th:block>
|
|
<th:block th:unless="${#lists.isEmpty(mr.fileList)}">
|
|
<th:block th:each="file:${mr.fileList}">
|
|
<tr class="fileInfoTr">
|
|
<td><a href="#" class="fileDownLink" data-board="monitoringResult"
|
|
th:data-parentkey="${file.mrKey}" 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 class="row">
|
|
<div class="col-12" th:unless="${#lists.isEmpty(mr.apprvList)}">
|
|
<hr>
|
|
<th:block th:each="apprv:${mr.apprvList}">
|
|
<div class="row">
|
|
<th:block th:each="commonCode:${session.commonCode.get('DST')}">
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-center" th:if="${commonCode.itemCd eq apprv.state}" th:text="|결재결과: ${commonCode.itemValue}|"></label>
|
|
</th:block>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-center">
|
|
<th:block th:each="commonCode:${session.commonCode.get('JT')}">
|
|
<th:block th:if="${commonCode.itemCd eq apprv.userGrd}" th:text="|결제자: ${commonCode.itemValue} ${apprv.userNm}|"></th:block>
|
|
</th:block>
|
|
</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-center">
|
|
<th:block th:text="|기타의견: ${apprv.etc}|"></th:block>
|
|
</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-center">
|
|
<th:block th:text="|결제일시: ${#temporals.format(apprv.saveDt, 'yyyy-MM-dd HH:mm:ss')}|"></th:block>
|
|
</label>
|
|
|
|
</div>
|
|
</th:block>
|
|
</div>
|
|
</div>
|
|
<div class="col-12" th:if="${(apprvAuth eq 'APC003' or apprvAuth eq 'APC004') and mr.mrState eq 'DST002'
|
|
or (apprvAuth eq 'APC001' or apprvAuth eq 'APC002') and mr.mrState eq 'DST004'}">
|
|
<form action="#" method="post" id="apprvForm">
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-10">
|
|
<input type="hidden" name="mrKey" th:value="${mr.mrKey}">
|
|
<input type="hidden" name="state" id="viewModalApprvValue">
|
|
<input type="text" class="form-control form-control-sm" name="etc" placeholder="추가의견, 반려사유 기입">
|
|
<input type="text" class="d-none" id="submitPrevention">
|
|
</div>
|
|
<div class="col-auto">
|
|
<input type="button" class="btn btn-sm btn-success apprvBtn" th:data-planstate="${apprvAuth eq 'APC004'||apprvAuth eq 'APC003'?'DST004':'DST006'}" value="승인">
|
|
</div>
|
|
<div class="col-auto">
|
|
<input type="button" class="btn btn-sm btn-danger apprvBtn" th:data-planstate="${apprvAuth eq 'APC004'||apprvAuth eq 'APC003'?'DST003':'DST005'}" value="반려">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer justify-content-between bg-light">
|
|
<div class="col-auto">
|
|
<!-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>-->
|
|
</div>
|
|
<div class="col-auto">
|
|
<th:block th:unless="${mr.mrState eq 'DST004' or mr.mrState eq 'DST006'}"><!--승인 상태일때는 수정 불가 -->
|
|
<th:block th:if="${userSeq eq mr.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
|
|
<button type="button" class="btn btn-warning" th:data-mrkey="${mr.mrKey}" id="editBtn">수정</button>
|
|
</th:block>
|
|
</th:block>
|
|
</div>
|
|
|
|
</div> |