FAISP/src/main/resources/templates/fipTarget/partInfoModifyModal.html

169 lines
10 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">외사분실운영 현황</h5>
<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<ul class="nav nav-tabs" id="userTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="viewTab" data-bs-toggle="tab" data-bs-target="#viewTabPanel" type="button" role="tab" aria-controls="viewTabPanel" aria-selected="true">현황상세</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="historyTab" data-bs-toggle="tab" data-bs-target="#historyTabPanel" type="button" role="tab" aria-controls="historyTabPanel" aria-selected="false">수정이력</button>
</li>
</ul>
<div class="tab-content bg-white border border-top-0 p-2">
<form id="partInfoUpdate" method="post">
<input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
<input type="hidden" name="piSeq" id="piSeq" th:value="${partInfo.piSeq}">
<input type="hidden" name="versionNo" th:value="${partInfo.versionNo}">
<input type="hidden" id="mPiState" name="piState" th:value="${partInfo.piState}">
<div class="row mb-1">
<label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">터미널 정보</label>
<div class="col-10 border">
<div class="row m-0">
<label for="terminalNm" class="col-sm-2 col-form-label col-form-label-sm text-center">터미널명</label>
<div class="col-sm-3">
<input type="text" class="form-control form-control-sm" id="terminalNm" name="terminalNm" placeholder="직접입력" th:value="${partInfo.terminalNm}">
</div>
</div>
<div class="row m-0">
<label for="rentType" class="col-sm-2 col-form-label col-form-label-sm text-center">임차료</label>
<div class="col-sm-2">
<select class="form-select form-select-sm" id="mRentType" name="rentType">
<option value="">선택</option>
<option value="N" th:selected="${'N' eq partInfo.rentType}">무상</option>
<option value="Y" th:selected="${'Y' eq partInfo.rentType}">유상</option>
</select>
</div>
<div class="col-sm-2">
<input type="number" class="form-control form-control-sm" id="mRentPrice" name="rentPrice" placeholder="단위: 만/年" th:value="${partInfo.rentPrice}">
</div>
<label for="utilityType" class="col-sm-2 col-form-label col-form-label-sm text-center">공공요금</label>
<div class="col-sm-2">
<select class="form-select form-select-sm" id="mUtilityType" name="utilityType">
<option value="">선택</option>
<option value="N" th:selected="${'N' eq partInfo.utilityType}">무상</option>
<option value="Y" th:selected="${'Y' eq partInfo.utilityType}">유상</option>
</select>
</div>
<div class="col-sm-2">
<input type="number" class="form-control form-control-sm" id="mUtilityPrice" name="utilityPrice" placeholder="단위: 만/年" th:value="${partInfo.utilityPrice}">
</div>
</div>
</div>
</div>
<div class="row mb-1">
<label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">해경 정보</label>
<div class="col-10 border">
<div class="row m-0">
<label for="mgtOrgan" class="col-sm-2 col-form-label col-form-label-sm text-center">해경서</label>
<div class="col-sm-2">
<select class="form-select form-select-sm" id="mMgtOrgan" name="mgtOrgan" th:disabled="${accessAuth ne 'ACC003'}">
<option value="">선택</option>
<th:block th:each="commonCode:${session.commonCode.get('OG')}">
<th:block th:if="${#lists.contains(mgtOrganList, commonCode.itemCd)}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd eq partInfo.mgtOrgan}"></option>
</th:block>
</th:block>
</select>
</div>
<label for="mPiUserSeq" class="col-sm-2 col-form-label col-form-label-sm text-center">담당자</label>
<div class="col-sm-2">
<select class="form-select form-select-sm" id="mPiUserSeq" name="piUserSeq">
<option value="">선택</option>
<th:block th:each="info:${managerList}">
<option th:value="${info.user_seq}" th:text="|${info.title_cd} ${info.user_nm}|" th:selected="${info.user_seq eq partInfo.piUserSeq}"></option>
</th:block>
</select>
</div>
</div>
<div class="row m-0">
<label for="mpWorkType" class="col-sm-2 col-form-label col-form-label-sm text-center">근무방법</label>
<div class="col-sm-2">
<select class="form-select form-select-sm" id="mpWorkType" name="mpWorkType">
<option value="">선택</option>
<th:block th:each="commonCode:${session.commonCode.get('PIS')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd eq partInfo.mpWorkType}"></option>
</th:block>
</select>
</div>
<label for="mpPeopleCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">인원수</label>
<div class="col-sm-2">
<input type="number" class="form-control form-control-sm" id="mpPeopleCnt" name="mpPeopleCnt" th:value="${partInfo.mpPeopleCnt}" th:disabled="${partInfo.mpWorkType ne 'PIS001'}">
</div>
</div>
<div class="row m-0">
<label for="mpDescription" class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
<div class="col-sm-10">
<input type="text" class="form-control form-control-sm" id="mpDescription" name="mpDescription" th:value="${partInfo.mpDescription}">
</div>
</div>
</div>
</div>
<div class="row mb-1">
<label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">육경 정보</label>
<div class="col-10 border">
<div class="row m-0">
<label for="landPolice" class="col-sm-2 col-form-label col-form-label-sm text-center">육경서</label>
<div class="col-sm-2">
<input type="text" class="form-control form-control-sm" id="landPolice" name="landPolice" placeholder="직접입력" th:value="${partInfo.landPolice}">
</div>
<label for="plWorkType" class="col-sm-2 col-form-label col-form-label-sm text-center">근무방법</label>
<div class="col-sm-2">
<select class="form-select form-select-sm" id="plWorkType" name="plWorkType">
<option value="">선택</option>
<th:block th:each="commonCode:${session.commonCode.get('PIS')}">
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd eq partInfo.plWorkType}"></option>
</th:block>
</select>
</div>
<label for="plPeopleCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">인원수</label>
<div class="col-sm-2">
<input type="number" class="form-control form-control-sm" id="plPeopleCnt" name="plPeopleCnt" th:value="${partInfo.plPeopleCnt}" th:disabled="${partInfo.plWorkType ne 'PIS001'}">
</div>
</div>
<div class="row m-0">
<label for="plDescription" class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
<div class="col-sm-10">
<input type="text" class="form-control form-control-sm" id="plDescription" name="plDescription" th:value="${partInfo.plDescription}">
</div>
</div>
</div>
</div>
<div class="row mb-3">
<label for="fileInputer" class="col-sm-2 col-form-label col-form-label-sm text-center bg-lightB1 m-0">첨부파일</label>
<div class="col-sm-10" style="min-height: 70px;">
<div class="w-100 h-100 border border-info rounded text-center" id="uploadDiv">
<th:block th:if="${#strings.isEmpty(partInfo.fileList[0].origNm)}">
<br>파일을 업로드 해주세요.
</th:block>
<th:block th:unless="${#strings.isEmpty(partInfo.fileList[0].origNm)}">
<div class='row-col-6' th:each="infoFile:${partInfo.fileList}">
<span th:data-fileseq="${infoFile.fileSeq}" th:text="|${infoFile.origNm}.${infoFile.fileExtn} ${infoFile.fileSize}|"></span>
<a href='#' class='fileDownPartInfo text-decoration-none' th:data-fileSeq="${infoFile.fileSeq}" th:data-piSeq="${infoFile.piSeq}" th:data-verNo="${infoFile.versionNo}">다운</a>
<a href='#' class='uploadedFileDelete text-danger text-decoration-none'>삭제</a>
</div>
</th:block>
</div>
</div>
<input type="file" class="d-none" id="fileInputer" multiple>
</div>
</form>
</div>
</div>
<th:block th:if="${accessAuth eq 'ACC003' or (wrtUserSeq eq userSeq and accessAuth eq 'ACC002')}">
<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>-->
<button type="button" class="btn btn-danger" id="deletePartInfo">삭제</button>
</div>
<div class="col-auto">
<button type="button" class="btn btn-warning" id="mSaveTempBtn">임시저장</button>
<button type="button" class="btn btn-warning" id="updatePartInfo">수정</button>
</div>
</div>
</th:block>
</html>