331 lines
22 KiB
HTML
331 lines
22 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="fishingBoatEditModalLabel" th:text="${asfCov.asfcovKey eq null?' 조치현황 작성':'조치현황 수정'}"></h5>
|
|
<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form action="#" method="post" id="asfCovEditForm">
|
|
<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="asfcovKey" id="asfcovKey" th:value="${asfCov.asfcovKey}">
|
|
<input type="hidden" name="wrtOrgan" th:value="${asfCov.wrtOrgan}">
|
|
<input type="hidden" name="wrtPart" th:value="${asfCov.wrtPart}">
|
|
<input type="hidden" name="wrtUserSeq" th:value="${asfCov.wrtUserSeq}">
|
|
<input type="hidden" name="wrtUserNm" th:value="${asfCov.wrtUserNm}">
|
|
<input type="hidden" name="wrtUserGrd" th:value="${asfCov.wrtUserGrd}">
|
|
<ul class="nav nav-tabs" id="userTab" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link active" id="baseInfoTab" data-bs-toggle="tab" data-bs-target="#baseInfoTabPanel" type="button" role="tab" aria-controls="baseInfoTabPanel" aria-selected="true">기본정보</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="sailorTab" data-bs-toggle="tab" data-bs-target="#sailorTabPanel" type="button" role="tab" aria-controls="sailorTabPanel" aria-selected="false">선장/선주정보</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="fishingBoatTab" data-bs-toggle="tab" data-bs-target="#fishingBoatTabPanel" type="button" role="tab" aria-controls="fishingBoatTabPanel" aria-selected="false">어선정보</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="processResultTab" data-bs-toggle="tab" data-bs-target="#processResultTabPanel" type="button" role="tab" aria-controls="processResultTabPanel" aria-selected="false">처리결과</button>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content bg-white border border-top-0">
|
|
<div class="tab-pane fade p-2 show active" id="baseInfoTabPanel" role="tabpanel" aria-labelledby="baseInfoTab" tabindex="0">
|
|
<div class="row mb-1">
|
|
<label for="boatNameKr" class="col-sm-1 col-form-label col-form-label-sm text-center">선명</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm fishingBoatInfo boatNameKr" id="boatNameKr" name="fishingBoat.boatNameKr" placeholder="한글" th:value="${asfCov.crackdownStatus.boatNameKr}">
|
|
</div>
|
|
<label for="caseNum" class="col-sm-1 col-form-label col-form-label-sm text-center">사건번호</label>
|
|
<div class="col-sm-2">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control form-control-sm crackdownStatusInfo" id="caseNum" name="caseNum" th:value="${asfCov.crackdownStatus.caseNum}">
|
|
<input type="button" class="btn btn-sm btn-outline-primary crackdownStatusInfo w-auto" id="caseNumBtn" value="불러오기">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-1">
|
|
<label for="caseAgency" class="col-sm-1 col-form-label col-form-label-sm text-center">사건담당기관</label>
|
|
<div class="col-sm-2">
|
|
<select class="form-select form-select-sm crackdownStatusInfo" id="caseAgency" name="caseAgency">
|
|
<option value="">선택</option>
|
|
<th:block th:each="commonCode:${session.commonCode.get('ATA')}">
|
|
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd eq asfCov.crackdownStatus.caseAgency}"></option>
|
|
</th:block>
|
|
</select>
|
|
</div>
|
|
<label for="casePoliceOfficer" class="col-sm-1 col-form-label col-form-label-sm text-center fs-13">사건담당경찰관</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm crackdownStatusInfo" id="casePoliceOfficer" name="casePoliceOfficer" th:value="${asfCov.crackdownStatus.casePoliceOfficer}">
|
|
</div>
|
|
<label for="crackdownPolice" class="col-sm-1 col-form-label col-form-label-sm text-center">단속경찰서</label>
|
|
<div class="col-sm-2">
|
|
<select class="form-select form-select-sm crackdownStatusInfo crackdownPolice" name="crackdownPolice" id="crackdownPolice">
|
|
<option value="">선택</option>
|
|
<th:block th:each="commonCode:${session.commonCode.get('CPO')}">
|
|
<option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd eq asfCov.crackdownStatus.crackdownPolice}"></option>
|
|
</th:block>
|
|
</select>
|
|
</div>
|
|
<label for="crackdownBoat" class="col-sm-1 col-form-label col-form-label-sm text-center">단속함정</label>
|
|
<div class="col-sm-2">
|
|
<select class="form-select form-select-sm crackdownStatusInfo crackdownBoat" name="crackdownBoat" id="crackdownBoat" th:data-boatcode="${asfCov.crackdownStatus.crackdownBoat}" disabled>
|
|
<option value="">단속경찰서를 선택해주세요.</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-1">
|
|
<label for="napoDt" class="col-sm-1 col-form-label col-form-label-sm text-center">나포일시</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm crackdownStatusInfo dateTimeSelector" id="napoDt" name="napoDt" placeholder="0000-00-00 00:00" th:value="${#temporals.format(asfCov.crackdownStatus.napoDt, 'yyyy-MM-dd')}" autocomplete="off">
|
|
</div>
|
|
<label for="napoSeaPointLon" class="col-sm-1 col-form-label col-form-label-sm text-center">나포장소</label>
|
|
<div class="col-sm-5">
|
|
<div class="input-group w-auto">
|
|
<input type="text" class="form-control form-control-sm w-25 crackdownStatusInfo" id="napoSeaPointLon" name="napoSeaPointLon" placeholder="00 . 00 . 00N" th:value="${asfCov.crackdownStatus.napoSeaPointLon}">
|
|
<input type="text" class="form-control form-control-sm w-25 crackdownStatusInfo" id="napoSeaPointLat" name="napoSeaPointLat" placeholder="000-00.00E" th:value="${asfCov.crackdownStatus.napoSeaPointLat}">
|
|
<input type="text" class="form-control form-control-sm w-50 crackdownStatusInfo" id="napoSeaPointDetail" name="napoSeaPointDetail" placeholder="00도 00방 00해리, 어업협정선 내측 00해리" th:value="${asfCov.crackdownStatus.napoSeaPointDetail}">
|
|
</div>
|
|
</div>
|
|
<label for="fieldIvsgt" class="col-sm-1 col-form-label col-form-label-sm text-center">압송/현장조사</label>
|
|
<div class="col-sm-2">
|
|
<select class="form-select form-select-sm crackdownStatusInfo" name="fieldIvsgt" id="fieldIvsgt">
|
|
<option value="">선택</option>
|
|
<option value="C" th:selected="${asfCov.crackdownStatus.fieldIvsgt eq 'C'}">압송</option>
|
|
<option value="F" th:selected="${asfCov.crackdownStatus.fieldIvsgt eq 'F'}">현장조사</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane fade p-2" id="fishingBoatTabPanel" role="tabpanel" aria-labelledby="fishingBoatTab" tabindex="0">
|
|
<div class="row mb-1">
|
|
<label for="boatNameCn" class="col-sm-1 col-form-label col-form-label-sm text-center">선명</label>
|
|
<div class="col-sm-4">
|
|
<div class="input-group w-auto">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="row" id="violationDiv">
|
|
<th:block th:each="violation:${asfCov.crackdownStatus.violationList}">
|
|
<div class="col-6 violation">
|
|
<input type="hidden" class="form-control form-control-sm fishingBoatInfo violationCd" th:value="${violation.violation}">
|
|
<div class="input-group w-auto">
|
|
<th:block th:each="commonCode:${session.commonCode.get('VT')}">
|
|
<input type="text" class="form-control form-control-sm" th:if="${commonCode.itemCd eq violation.violation}" th:value="${commonCode.itemValue}">
|
|
</th:block>
|
|
<button type="button" class="btn btn-sm btn-outline-secondary opacity-75 violationRemoveBtn">
|
|
<i class="bi bi-dash-square text-danger"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</th:block>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div class="tab-pane fade p-2" id="processResultTabPanel" role="tabpanel" aria-labelledby="processResultTab" tabindex="0">
|
|
<div class="row mb-1">
|
|
<label for="processStatus" class="col-sm-1 col-form-label col-form-label-sm text-center">처리현황</label>
|
|
<div class="col-sm-2">
|
|
<select class="form-select form-select-sm processResultInfo" id="processStatus" name="processResult.processStatus">
|
|
<option value="">선택</option>
|
|
<th:block th:each="code:${prList}">
|
|
<option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq crackdownStatus.processResult.processStatus}"></option>
|
|
</th:block>
|
|
</select>
|
|
</div>
|
|
<label for="pressurizedTimeTakenDate" class="col-sm-1 col-form-label col-form-label-sm text-center">압송소요시간</label>
|
|
<div class="col-sm-2">
|
|
<th:block th:with="ptt=${crackdownStatus.processResult.pressurizedTimeTaken}">
|
|
<div class="input-group w-auto">
|
|
<input type="number" class="form-control form-control-sm pressurizedTimeTaken processResultInfo" id="pressurizedTimeTakenDate" placeholder="일" th:value="${#strings.substringBefore(ptt, '일')}">
|
|
<input type="text" class="form-control form-control-sm pressurizedTimeTaken processResultInfo timeSelector" id="pressurizedTimeTakenTime" placeholder="00:00" autocomplete="off" th:value="${#strings.substringAfter(ptt, '일')}">
|
|
</div>
|
|
<input type="hidden" class="processResultInfo" name="processResult.pressurizedTimeTaken" id="pressurizedTimeTaken" th:value="${ptt}">
|
|
</th:block>
|
|
</div>
|
|
<label for="warrantReqTakeDate" class="col-sm-1 col-form-label col-form-label-sm text-center fs-11">영장청구 소요시간</label>
|
|
<div class="col-sm-2">
|
|
<th:block th:with="wrtt=${crackdownStatus.processResult.warrantReqTakeTime}">
|
|
<div class="input-group w-auto">
|
|
<input type="number" class="form-control form-control-sm warrantReqTake processResultInfo" id="warrantReqTakeDate" placeholder="일" th:value="${#strings.substringBefore(wrtt, '일')}">
|
|
<input type="text" class="form-control form-control-sm warrantReqTake processResultInfo timeSelector" id="warrantReqTakeTime" placeholder="00:00" autocomplete="off" th:value="${#strings.substringAfter(wrtt, '일')}">
|
|
</div>
|
|
<input type="hidden" class="processResultInfo" name="processResult.warrantReqTakeTime" id="warrantReqTake" th:value="${wrtt}">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="row mb-1">
|
|
<label for="consignmentStartDt" class="col-sm-1 col-form-label col-form-label-sm text-center">위탁시작일</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="consignmentStartDt" name="processResult.consignmentStartDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.consignmentStartDt}" autocomplete="off">
|
|
</div>
|
|
<label for="consignmentEndDt" class="col-sm-1 col-form-label col-form-label-sm text-center">위탁종료일</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="consignmentEndDt" name="processResult.consignmentEndDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.consignmentEndDt}" autocomplete="off">
|
|
</div>
|
|
<label for="confiscationDt" class="col-sm-1 col-form-label col-form-label-sm text-center">몰수확정일</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="confiscationDt" name="processResult.confiscationDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.confiscationDt}" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div class="row mb-1">
|
|
<label for="boatDisposalDt" class="col-sm-1 col-form-label col-form-label-sm text-center">폐선일</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="boatDisposalDt" name="processResult.boatDisposalDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.boatDisposalDt}" autocomplete="off">
|
|
</div>
|
|
<label for="boatDisposalType" class="col-sm-1 col-form-label col-form-label-sm text-center">폐선종류</label>
|
|
<div class="col-sm-2">
|
|
<select class="form-select form-select-sm processResultInfo" id="boatDisposalType" name="processResult.boatDisposalType">
|
|
<option value="">선택</option>
|
|
<th:block th:each="code:${bdtList}">
|
|
<option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq crackdownStatus.processResult.boatDisposalType}"></option>
|
|
</th:block>
|
|
</select>
|
|
</div>
|
|
<label for="returnDt" class="col-sm-1 col-form-label col-form-label-sm text-center">환부일</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="returnDt" name="processResult.returnDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.returnDt}" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div class="row mb-1">
|
|
<th:block th:if="${#lists.isEmpty(crackdownStatus.sailorList)}">
|
|
<label for="captainRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">선장구속</label>
|
|
<div class="col-sm-2">
|
|
<select class="form-select form-select-sm sailorInfo" id="captainRestriction">
|
|
<option value="">선택</option>
|
|
<option value="Y">O</option>
|
|
<option value="N">X</option>
|
|
</select>
|
|
</div>
|
|
<label for="navigatingOfficerRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">항해장구속</label>
|
|
<div class="col-sm-2">
|
|
<select class="form-select form-select-sm sailorInfo" id="navigatingOfficerRestriction">
|
|
<option value="">선택</option>
|
|
<option value="Y">O</option>
|
|
<option value="N">X</option>
|
|
</select>
|
|
</div>
|
|
<label for="chiefEngineerRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">기관장구속</label>
|
|
<div class="col-sm-2">
|
|
<select class="form-select form-select-sm sailorInfo" id="chiefEngineerRestriction">
|
|
<option value="">선택</option>
|
|
<option value="Y">O</option>
|
|
<option value="N">X</option>
|
|
</select>
|
|
</div>
|
|
</th:block>
|
|
<th:block th:unless="${#lists.isEmpty(crackdownStatus.sailorList)}">
|
|
<label for="captainRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">선장구속</label>
|
|
<div class="col-sm-2">
|
|
<th:block th:each="sailor:${crackdownStatus.sailorList}">
|
|
<th:block th:if="${sailor.position eq 'POS001'}">
|
|
<select class="form-select form-select-sm sailorInfo" id="captainRestriction">
|
|
<option value="">선택</option>
|
|
<option value="Y" th:selected="${sailor.isRestriction eq 'Y'}">O</option>
|
|
<option value="N" th:selected="${sailor.isRestriction eq 'N'}">X</option>
|
|
</select>
|
|
</th:block>
|
|
</th:block>
|
|
</div>
|
|
<label for="navigatingOfficerRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">항해장구속</label>
|
|
<div class="col-sm-2">
|
|
<th:block th:each="sailor:${crackdownStatus.sailorList}">
|
|
<th:block th:if="${sailor.position eq 'POS002'}">
|
|
<select class="form-select form-select-sm sailorInfo" id="navigatingOfficerRestriction">
|
|
<option value="">선택</option>
|
|
<option value="Y" th:selected="${sailor.isRestriction eq 'Y'}">O</option>
|
|
<option value="N" th:selected="${sailor.isRestriction eq 'N'}">X</option>
|
|
</select>
|
|
</th:block>
|
|
</th:block>
|
|
</div>
|
|
<label for="chiefEngineerRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">기관장구속</label>
|
|
<div class="col-sm-2">
|
|
<th:block th:each="sailor:${crackdownStatus.sailorList}">
|
|
<th:block th:if="${sailor.position eq 'POS003'}">
|
|
<select class="form-select form-select-sm sailorInfo" id="chiefEngineerRestriction">
|
|
<option value="">선택</option>
|
|
<option value="Y" th:selected="${sailor.isRestriction eq 'Y'}">O</option>
|
|
<option value="N" th:selected="${sailor.isRestriction eq 'N'}">X</option>
|
|
</select>
|
|
</th:block>
|
|
</th:block>
|
|
</div>
|
|
</th:block>
|
|
</div>
|
|
<div class="row mb-1">
|
|
<label for="sailorAddBtn" class="col-sm-1 col-form-label col-form-label-sm text-center">
|
|
선원구속
|
|
<button type="button" class="border-0 sailorInfo" id="sailorAddBtn">
|
|
<i class="bi bi-plus-square text-primary"></i>
|
|
</button>
|
|
</label>
|
|
<div class="col-sm-10 row" id="sailorRestrictionHome">
|
|
<th:block th:each="sailor:${crackdownStatus.sailorList}">
|
|
<th:block th:if="${sailor.position eq 'POS005' or sailor.position eq 'POS006'}">
|
|
<div class="col-4 sailorRestriction">
|
|
<div class="input-group">
|
|
<select class="form-select form-select-sm sailorInfo isRestriction normalSailorPosition" style="width: 75px">
|
|
<option value="">직책</option>
|
|
<option value="POS005" th:selected="${sailor.position eq 'POS005'}">기타 간부선원</option>
|
|
<option value="POS006" th:selected="${sailor.position eq 'POS006'}">일반선원 또는 확인불가</option>
|
|
</select>
|
|
<select class="form-select form-select-sm sailorInfo isRestriction w-auto normalSailorRestriction">
|
|
<option value="">선택</option>
|
|
<option value="Y" th:selected="${sailor.isRestriction eq 'Y'}">O</option>
|
|
<option value="N" th:selected="${sailor.isRestriction eq 'N'}">X</option>
|
|
</select>
|
|
<input type="text" class="form-control form-control-sm sailorInfo normalSailorNm w-auto" placeholder="이름" th:value="${sailor.sailorNameKr}">
|
|
<button type="button" class="btn btn-sm btn-outline-secondary sailorInfo w-auto opacity-75 sailorRemoveBtn">
|
|
<i class="bi bi-dash-square text-danger"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</th:block>
|
|
</th:block>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-1">
|
|
<label for="exileCnt" class="col-sm-1 col-form-label col-form-label-sm text-center">추방인원</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm processResultInfo" id="exileCnt" name="processResult.exileCnt" placeholder="00명" th:value="${crackdownStatus.processResult.exileCnt}">
|
|
</div>
|
|
<label for="exileDt" class="col-sm-1 col-form-label col-form-label-sm text-center">추방일</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="exileDt" name="processResult.exileDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.exileDt}" autocomplete="off">
|
|
</div>
|
|
<label for="flight" class="col-sm-1 col-form-label col-form-label-sm text-center">항공편</label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control form-control-sm processResultInfo" id="flight" name="processResult.flight" th:value="${crackdownStatus.processResult.flight}">
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<label for="immigrationOfficeName" class="col-sm-1 col-form-label col-form-label-sm text-center">출입국 담당자</label>
|
|
<div class="col-sm-4">
|
|
<div class="input-group w-auto">
|
|
<input type="text" class="form-control form-control-sm processResultInfo" id="immigrationOfficeName" name="processResult.immigrationOfficeName" placeholder="사무소명" th:value="${crackdownStatus.processResult.immigrationOfficeName}">
|
|
<input type="text" class="form-control form-control-sm processResultInfo" id="immigrationOfficeOfficerName" name="processResult.immigrationOfficeOfficerName" placeholder="이름" th:value="${crackdownStatus.processResult.immigrationOfficeOfficerName}">
|
|
<input type="text" class="form-control form-control-sm processResultInfo" id="immigrationOfficeOfficerContact" name="processResult.immigrationOfficeOfficerContact" placeholder="연락처" th:value="${crackdownStatus.processResult.immigrationOfficeOfficerContact}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer bg-light">
|
|
<!--<button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>-->
|
|
<button type="button" class="btn btn-primary" id="saveResultBtn">저장</button>
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
|
|
</div> |