FAISP/src/main/resources/templates/faStatistics/unlawfulFishing/illegalShipSailor/issAddModal.html

263 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="issEditModalLabel">선원 세부 현황 작성</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="issAddForm">
<div class="row px-2 mb-1">
<label for="boatNameKr" class="col-sm-2 col-form-label col-form-label-sm text-center">선명</label>
<div class="col-sm-3">
<div class="input-group">
<input type="hidden" id="fbKey">
<input type="text" class="form-control form-control-sm " id="boatNameKr" readonly>
<input type="button" class="btn btn-sm btn-outline-primary w-auto" id="selectIllegalShipInfoBtn" value="불러오기">
</div>
</div>
</div>
<ul class="nav nav-tabs" id="sailorTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="sailor1Tab" data-bs-toggle="tab" data-bs-target="#sailor1TabPanel" type="button" role="tab"
aria-controls="sailor1TabPanel" aria-selected="true">선원1</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="addSailorTab" data-bs-toggle="tab" type="button">+</button>
</li>
</ul>
<div class="tab-content bg-white border border-top-0" id="sailorTabContent">
<div class="tab-pane sailorInfo fade p-2 show active" id="sailor1TabPanel" role="tabpanel" aria-labelledby="sailor1Tab" tabindex="0">
<div class="row justify-content-end mb-1">
<input type="button" class="btn btn-sm btn-danger col-1 mx-2 deleteTab" value="삭제">
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">선원명(한글)</label>
<div class="col-sm-2">
<input class="form-control form-control-sm sailorNameKr">
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">선원명(중문)</label>
<div class="col-sm-2">
<input class="form-control form-control-sm sailorNameCn">
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">생년월일</label>
<div class="col-sm-2">
<input class="form-control form-control-sm birthdate">
</div>
</div>
<div class="row mb-1">
<label 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 residence">
<option value="">선택</option>
<th:block th:each="code:${session.commonCode.get('RSC')}">
<option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
</th:block>
</select>
</div>
<label 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 education">
<option value="">선택</option>
<th:block th:each="code:${session.commonCode.get('SED')}">
<option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
</th:block>
</select>
</div>
<label 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 position">
<option value="">선택</option>
<th:block th:each="code:${session.commonCode.get('POS')}">
<option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
</th:block>
</select>
</div>
</div>
<div class="row mb-1">
<label 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 career">
<option value="">선택</option>
<th:block th:each="code:${session.commonCode.get('BE')}">
<option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
</th:block>
</select>
</div>
<label 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 similarCriminalHistory">
<option value="">선택</option>
<option value="1">1건</option>
<option value="2">2건</option>
<option value="3">3건</option>
<option value="4">4이상</option>
<option value="0">없음</option>
</select>
</div>
<label 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 heterogeneousCriminalHistory">
<option value="">선택</option>
<option value="1">1건</option>
<option value="2">2건</option>
<option value="3">3건</option>
<option value="4">4이상</option>
<option value="0">없음</option>
</select>
</div>
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">임금</label>
<div class="col-sm-2">
<input class="form-control form-control-sm monthlyWages" placeholder="(0.000위안/월)">
</div>
<label 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 arrestHistory">
<option value="">선택</option>
<option value="1">1건</option>
<option value="2">2건</option>
<option value="3">3건</option>
<option value="4">4이상</option>
<option value="0">없음</option>
</select>
</div>
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄경력 세부내용</label>
<div class="col-sm-10">
<input class="form-control form-control-sm criminalHistoryDetail">
</div>
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
<div class="col-sm-10">
<input class="form-control form-control-sm note">
</div>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer bg-light">
<!--<button type="button" class="btn btn-warning saveEditInfoBtn" data-status="DST001">임시저장</button>-->
<button type="button" class="btn btn-primary saveAllInfoBtn" data-status="DST007">저장</button>
</div>
<div class="d-none" id="sailorTabEmptyLi">
<li class="nav-item" role="presentation">
<button class="nav-link" data-bs-toggle="tab" type="button" role="tab" aria-selected="false"></button>
</li>
</div>
<div class="d-none" id="sailorTabEmptyDiv">
<div class="tab-pane fade p-2" role="tabpanel" tabindex="0">
<div class="row justify-content-end mb-1">
<input type="button" class="btn btn-sm btn-danger col-1 mx-2 deleteTab" value="삭제">
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">선원명(한글)</label>
<div class="col-sm-2">
<input class="form-control form-control-sm sailorNameKr">
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">선원명(중문)</label>
<div class="col-sm-2">
<input class="form-control form-control-sm sailorNameCn">
</div>
<label class="col-sm-2 col-form-label col-form-label-sm text-center">생년월일</label>
<div class="col-sm-2">
<input class="form-control form-control-sm birthdate">
</div>
</div>
<div class="row mb-1">
<label 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 residence">
<option value="">선택</option>
<th:block th:each="code:${session.commonCode.get('RSC')}">
<option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
</th:block>
</select>
</div>
<label 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 education">
<option value="">선택</option>
<th:block th:each="code:${session.commonCode.get('SED')}">
<option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
</th:block>
</select>
</div>
<label 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 position">
<option value="">선택</option>
<th:block th:each="code:${session.commonCode.get('POS')}">
<option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
</th:block>
</select>
</div>
</div>
<div class="row mb-1">
<label 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 career">
<option value="">선택</option>
<th:block th:each="code:${session.commonCode.get('BE')}">
<option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
</th:block>
</select>
</div>
<label 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 similarCriminalHistory">
<option value="">선택</option>
<option value="1">1건</option>
<option value="2">2건</option>
<option value="3">3건</option>
<option value="4">4이상</option>
<option value="0">없음</option>
</select>
</div>
<label 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 heterogeneousCriminalHistory">
<option value="">선택</option>
<option value="1">1건</option>
<option value="2">2건</option>
<option value="3">3건</option>
<option value="4">4이상</option>
<option value="0">없음</option>
</select>
</div>
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">임금</label>
<div class="col-sm-2">
<input class="form-control form-control-sm monthlyWages" placeholder="(0.000위안/월)">
</div>
<label 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 arrestHistory">
<option value="">선택</option>
<option value="1">1건</option>
<option value="2">2건</option>
<option value="3">3건</option>
<option value="4">4이상</option>
<option value="0">없음</option>
</select>
</div>
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄경력 세부내용</label>
<div class="col-sm-10">
<input class="form-control form-control-sm criminalHistoryDetail">
</div>
</div>
<div class="row mb-1">
<label class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
<div class="col-sm-10">
<input class="form-control form-control-sm note">
</div>
</div>
</div>
</div>