국제여객선 목록 모달 디자인 수정.
parent
f775e2632a
commit
94b5e61eb9
|
|
@ -571,8 +571,10 @@ public class FipTargetController {
|
|||
|
||||
@GetMapping("/ipShipHistoryView")
|
||||
@ResponseBody
|
||||
public ShipInfo ipShipHistoryView(ShipInfo shipInfo){
|
||||
return fipTargetService.selectIpShipHistoryView(shipInfo);
|
||||
public ModelAndView ipShipHistoryView(ShipInfo shipInfo){
|
||||
ModelAndView mav = new ModelAndView("fipTarget/ipShipHistoryDiv");
|
||||
mav.addObject("shipInfo", fipTargetService.selectIpShipHistoryView(shipInfo));
|
||||
return mav;
|
||||
}
|
||||
|
||||
@PostMapping("/deleteShipInfo")
|
||||
|
|
|
|||
|
|
@ -96,6 +96,7 @@ $(document).on('click', '.shipInfoTr', function (){
|
|||
$(document).on('click', '#viewTab', function (){
|
||||
const siSeq = (Number($(this).data('siseq')));
|
||||
const siType = $(this).data('sitype');
|
||||
$(this).parents(".modal-dialog")[0].className = "modal-dialog modal-lg modal-dialog-scrollable";
|
||||
showViewModal(siSeq,siType);
|
||||
})
|
||||
|
||||
|
|
@ -121,6 +122,7 @@ function showViewModal(siSeq,siType){
|
|||
$(document).on('click', '#historyTab', function (){
|
||||
const siSeq = (Number($(this).data('siseq')));
|
||||
const siType = $(this).data('sitype');
|
||||
$(this).parents(".modal-dialog")[0].className = "modal-dialog modal-xl modal-dialog-scrollable";
|
||||
showHistory(siSeq,siType);
|
||||
})
|
||||
|
||||
|
|
@ -210,15 +212,9 @@ $(document).on('click', '.historyInfoTr', function (){
|
|||
versionNo : Number($(this).find(".verNo").val())
|
||||
},
|
||||
type: 'GET',
|
||||
dataType:"json",
|
||||
success: function(data){
|
||||
$('#hHangro').val(data.startPoint+' / '+data.endPoint+'('+data.distanceNm+','+data.distanceKm+')');
|
||||
$('#hOwnerNm').val(data.ownerNm);
|
||||
$('#hShipNm').val(data.shipNm);
|
||||
$('#hShipWeight').val(data.shipWeight);
|
||||
$('#hSusong').val('여객 : '+data.passengerCnt+'명'+'\n'+'화물 : '+data.freightCnt+'TEU');
|
||||
$('#hOperationCnt').val(data.operationCnt);
|
||||
$('#hCloseYn').val(data.closeYn);
|
||||
dataType:"html",
|
||||
success: function(html){
|
||||
$("#valueDiv").empty().append(html);
|
||||
},
|
||||
error:function(){
|
||||
|
||||
|
|
|
|||
|
|
@ -9,88 +9,98 @@
|
|||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="shipInfoSave" 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="siType" th:value="${siType}">
|
||||
<h5 class="text-center">항로</h5>
|
||||
<div class="mb-2 row">
|
||||
<label for="startPoint" class="col-sm-2 col-form-label text-center">출발</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="startPoint" name="startPoint">
|
||||
</div>
|
||||
<label for="endPoint" class="col-sm-2 col-form-label text-center">도착</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="endPoint" name="endPoint">
|
||||
</div>
|
||||
<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="siType" th:value="${siType}">
|
||||
<div class="row mb-1">
|
||||
<label class="col-1 col-form-label col-form-label-sm text-center">여객선 정보</label>
|
||||
<div class="col-11 border">
|
||||
<div class="row my-1">
|
||||
<label for="shipNm" class="col-sm-2 col-form-label col-form-label-sm text-center">선명</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="shipNm" name="shipNm">
|
||||
</div>
|
||||
<div class="mb-2 row">
|
||||
<label for="distanceNm" class="col-sm-2 col-form-label text-center">거리(해리)</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="distanceNm" name="distanceNm" placeholder="ex:OOO해리">
|
||||
</div>
|
||||
<label for="distanceKm" class="col-sm-2 col-form-label text-center">거리(KM)</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="distanceKm" name="distanceKm" placeholder="ex:OOOKm">
|
||||
</div>
|
||||
<label for="ownerNm" class="col-sm-2 col-form-label col-form-label-sm text-center">사업자</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="ownerNm" name="ownerNm">
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row mb-1">
|
||||
<label for="shipWeight" class="col-sm-2 col-form-label text-center">국제총톤 수</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="number" class="form-control" id="shipWeight" name="shipWeight">
|
||||
</div>
|
||||
<label for="passengerCnt" class="col-sm-2 col-form-label text-center">여객</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="number" class="form-control" id="passengerCnt" name="passengerCnt" placeholder="단위:명">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="shipWeight" class="col-sm-2 col-form-label col-form-label-sm text-center">국제총톤 수</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="number" class= "form-control form-control-sm" id="shipWeight" name="shipWeight">
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="freightCnt" class="col-sm-2 col-form-label text-center">화물</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="number" class="form-control" id="freightCnt" name="freightCnt" placeholder="단위:TEU">
|
||||
</div>
|
||||
<label for="operationCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">운항횟수</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="operationCnt" name="operationCnt" placeholder="ex:주0회(00H)">
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row mb-1">
|
||||
<label for="ownerNm" class="col-sm-2 col-form-label text-center">사업자</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="ownerNm" name="ownerNm">
|
||||
</div>
|
||||
<label for="shipNm" class="col-sm-2 col-form-label text-center">선명</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="shipNm" name="shipNm">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="operationCnt" class="col-sm-2 col-form-label text-center">운항횟수</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="operationCnt" name="operationCnt" placeholder="ex:주0회(00H)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="closeYn" class="col-sm-2 col-form-label text-center">휴항</label>
|
||||
<div class="col-sm-3">
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="closeYn" class="col-sm-2 col-form-label col-form-label-sm text-center">휴항</label>
|
||||
<div class="col-sm-4">
|
||||
<select class="form-select form-select-sm" id="closeYn" name="closeYn">
|
||||
<option value="">선택</option>
|
||||
<option value="O">O</option>
|
||||
<option value="X">X</option>
|
||||
</select>
|
||||
</div>
|
||||
<option value="">선택</option>
|
||||
<option value="O">O</option>
|
||||
<option value="X">X</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="description" class="col-sm-2 col-form-label text-center">비고</label>
|
||||
<div class="col-sm-4">
|
||||
<textarea id="description" name="description" rows="4" cols="65"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<label class="col-1 col-form-label col-form-label-sm text-center">항로</label>
|
||||
<div class="col-11 border">
|
||||
<div class="row my-1">
|
||||
<label for="startPoint" class="col-sm-2 col-form-label col-form-label-sm text-center">출발</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="startPoint" name="startPoint">
|
||||
</div>
|
||||
</form>
|
||||
<label for="endPoint" class="col-sm-2 col-form-label col-form-label-sm text-center">도착</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="endPoint" name="endPoint">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="distanceNm" class="col-sm-2 col-form-label col-form-label-sm text-center">거리(해리)</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="distanceNm" name="distanceNm" placeholder="ex:OOO해리">
|
||||
</div>
|
||||
<label for="distanceKm" class="col-sm-2 col-form-label col-form-label-sm text-center">거리(KM)</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="distanceKm" name="distanceKm" placeholder="ex:OOOKm">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<label class="col-1 col-form-label col-form-label-sm text-center">수송능력</label>
|
||||
<div class="col-11 border">
|
||||
<div class="row my-1">
|
||||
<label for="passengerCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">여객</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="number" class= "form-control form-control-sm" id="passengerCnt" name="passengerCnt" placeholder="단위:명">
|
||||
</div>
|
||||
<label for="freightCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">화물</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="number" class= "form-control form-control-sm" id="freightCnt" name="freightCnt" placeholder="단위:TEU">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="description" class="col-sm-1 col-form-label col-form-label-sm text-center">비고</label>
|
||||
<div class="col-sm-11 px-0">
|
||||
<textarea id="description" name="description" class="form-control form-control-sm" rows="5"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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">
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button type="button" class="btn btn-primary" id="saveShipInfo">저장</button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,98 +2,53 @@
|
|||
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<div class="modal-header bg-dark">
|
||||
<h5 class="modal-title text-white">
|
||||
<h5 class="modal-title text-white">
|
||||
<th:block th:if="${shipInfo.siType eq 'KRCN'}">한-중 국제여객선 수정이력</th:block>
|
||||
<th:block th:if="${shipInfo.siType eq 'KRJPRU'}">한-일,러 국제여객선 수정이력</th:block>
|
||||
</h5>
|
||||
<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
<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" id="viewTab" th:data-siseq="${shipInfoList[0].siSeq}" th:data-sitype="${shipInfoList[0].siType}" data-bs-toggle="tab" data-bs-target="#accessTabPanel" type="button" role="tab" aria-controls="accessTabPanel" aria-selected="true">현황상세</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="historyTab" th:data-siseq="${shipInfoList[0].siSeq}" th:data-sitype="${shipInfoList[0].siType}" data-bs-toggle="tab" data-bs-target="#approvalTabPanel" type="button" role="tab" aria-controls="approvalTabPanel" aria-selected="false">수정이력</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="row justify-content-start">
|
||||
<div class="col-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<table class="table table-sm table-hover table-bordered" id="categoryTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>작성자</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="table-group-divider overflow-scroll">
|
||||
<tr class="historyInfoTr" th:each="si:${shipInfoList}">
|
||||
<td><input type="checkbox" class="hisChk">
|
||||
<input type="hidden" class="siSeq" th:value="${si.siSeq}">
|
||||
<input type="hidden" class="siType" th:value="${si.siType}">
|
||||
<input type="hidden" class="verNo" th:value="${si.versionNo}"></td>
|
||||
<td th:text="|${si.wrtTitle} ${si.wrtNm}|"></td>
|
||||
<td th:text="${#temporals.format(si.wrtDt, 'yyyy-MM-dd')}"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-8" id="valueDiv">
|
||||
<div class="row mb-3">
|
||||
<label for="cat1Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">항로</label>
|
||||
<div class="col-sm-7">
|
||||
<input type="text" class="form-control" id="hHangro" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<label for="cat1Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">사업자</label>
|
||||
<div class="col-sm-7">
|
||||
<input type="text" class="form-control" id="hOwnerNm" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<label for="cat2Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">선명</label>
|
||||
<div class="col-sm-7">
|
||||
<input type="text" class="form-control" id="hShipNm" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<label for="cat3Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">국제총톤수</label>
|
||||
<div class="col-sm-7">
|
||||
<input type="text" class="form-control" id="hShipWeight" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<label for="cat3Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">수송능력</label>
|
||||
<div class="col-sm-7">
|
||||
<textarea class="form-control" id="hSusong" readonly></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<label for="cat2Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">운항횟수</label>
|
||||
<div class="col-sm-7">
|
||||
<input type="text" class="form-control" id="hOperationCnt" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<label for="cat3Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">휴항</label>
|
||||
<div class="col-sm-7">
|
||||
<input type="text" class="form-control" id="hCloseYn" readonly>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="nav nav-tabs" id="userTab" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="viewTab" th:data-siseq="${shipInfoList[0].siSeq}" th:data-sitype="${shipInfoList[0].siType}" data-bs-toggle="tab" data-bs-target="#accessTabPanel" type="button" role="tab" aria-controls="accessTabPanel" aria-selected="true">현황상세</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="historyTab" th:data-siseq="${shipInfoList[0].siSeq}" th:data-sitype="${shipInfoList[0].siType}" data-bs-toggle="tab" data-bs-target="#approvalTabPanel" type="button" role="tab" aria-controls="approvalTabPanel" aria-selected="false">수정이력</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content bg-white border border-top-0 p-2">
|
||||
<div class="row justify-content-start">
|
||||
<div class="col-3">
|
||||
<table class="table table-sm table-hover table-bordered" id="categoryTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>작성자</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="table-group-divider overflow-scroll">
|
||||
<tr class="historyInfoTr" th:each="si:${shipInfoList}">
|
||||
<td><input type="checkbox" class="hisChk">
|
||||
<input type="hidden" class="siSeq" th:value="${si.siSeq}">
|
||||
<input type="hidden" class="siType" th:value="${si.siType}">
|
||||
<input type="hidden" class="verNo" th:value="${si.versionNo}"></td>
|
||||
<td th:text="|${si.wrtTitle} ${si.wrtNm}|"></td>
|
||||
<td th:text="${#temporals.format(si.wrtDt, 'yyyy-MM-dd')}"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-9 border" id="valueDiv">
|
||||
목록에서 선택해주세요.
|
||||
</div>
|
||||
</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">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
<div class="row mb-1">
|
||||
<label class="col-2 col-form-label col-form-label-sm text-center">여객선 정보</label>
|
||||
<div class="col-10 border">
|
||||
<div class="row my-1">
|
||||
<label for="shipNm" class="col-sm-2 col-form-label col-form-label-sm text-center">선명</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="shipNm" name="shipNm" th:value="${shipInfo.shipNm}">
|
||||
</div>
|
||||
<label for="ownerNm" class="col-sm-2 col-form-label col-form-label-sm text-center">사업자</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="ownerNm" name="ownerNm" th:value="${shipInfo.ownerNm}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="shipWeight" class="col-sm-2 col-form-label col-form-label-sm text-center">국제총톤 수</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="number" class= "form-control form-control-sm" id="shipWeight" name="shipWeight" th:value="${shipInfo.shipWeight}">
|
||||
</div>
|
||||
<label for="operationCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">운항횟수</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="operationCnt" name="operationCnt" placeholder="ex:주0회(00H)" th:value="${shipInfo.operationCnt}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="closeYn" class="col-sm-2 col-form-label col-form-label-sm text-center">휴항</label>
|
||||
<div class="col-sm-4">
|
||||
<select class="form-select form-select-sm" id="closeYn" name="closeYn">
|
||||
<option value="">선택</option>
|
||||
<option value="O" th:selected="${shipInfo.closeYn eq 'O'}">O</option>
|
||||
<option value="X" th:selected="${shipInfo.closeYn eq 'X'}">X</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<label class="col-2 col-form-label col-form-label-sm text-center">항로</label>
|
||||
<div class="col-10 border">
|
||||
<div class="row my-1">
|
||||
<label for="startPoint" class="col-sm-2 col-form-label col-form-label-sm text-center">출발</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="startPoint" name="startPoint" th:value="${shipInfo.startPoint}">
|
||||
</div>
|
||||
<label for="endPoint" class="col-sm-2 col-form-label col-form-label-sm text-center">도착</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="endPoint" name="endPoint" th:value="${shipInfo.endPoint}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="distanceNm" class="col-sm-2 col-form-label col-form-label-sm text-center">거리(해리)</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="distanceNm" name="distanceNm" placeholder="ex:OOO해리" th:value="${shipInfo.distanceNm}">
|
||||
</div>
|
||||
<label for="distanceKm" class="col-sm-2 col-form-label col-form-label-sm text-center">거리(KM)</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="distanceKm" name="distanceKm" placeholder="ex:OOOKm" th:value="${shipInfo.distanceKm}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<label class="col-2 col-form-label col-form-label-sm text-center">수송능력</label>
|
||||
<div class="col-10 border">
|
||||
<div class="row my-1">
|
||||
<label for="passengerCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">여객</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="number" class= "form-control form-control-sm" id="passengerCnt" name="passengerCnt" placeholder="단위:명" th:value="${shipInfo.passengerCnt}">
|
||||
</div>
|
||||
<label for="freightCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">화물</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="number" class= "form-control form-control-sm" id="freightCnt" name="freightCnt" placeholder="단위:TEU" th:value="${shipInfo.freightCnt}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="description" class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
|
||||
<div class="col-sm-10 px-0">
|
||||
<textarea id="description" name="description" class="form-control form-control-sm" rows="5" th:utext="${shipInfo.description}"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -1,105 +1,119 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<div class="modal-header bg-dark">
|
||||
<h5 class="modal-title text-white" th:text="${shipInfo.siType eq 'KRCN' ? '한-중 국제여객선 상세' : shipInfo.siType eq 'KRJPRU' ? '한-일,러 국제여객선 상세' : null}"></h5>
|
||||
<h5 class="modal-title text-white">
|
||||
<th:block th:if="${shipInfo.siType eq 'KRCN'}">한-중 국제여객선 상세</th:block>
|
||||
<th:block th:if="${shipInfo.siType eq 'KRJPRU'}">한-일,러 국제여객선 상세</th:block>
|
||||
</h5>
|
||||
<button type="button" class="btn-close modalCloseBtn 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" th:data-siseq="${shipInfo.siSeq}" th:data-sitype="${shipInfo.siType}" data-bs-toggle="tab" data-bs-target="#accessTabPanel" type="button" role="tab" aria-controls="accessTabPanel" aria-selected="true">현황상세</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="historyTab" th:data-siseq="${shipInfo.siSeq}" th:data-sitype="${shipInfo.siType}" data-bs-toggle="tab" data-bs-target="#approvalTabPanel" type="button" role="tab" aria-controls="approvalTabPanel" aria-selected="false">수정이력</button>
|
||||
</li>
|
||||
</ul>
|
||||
<form id="shipInfoUpdate" 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" id="vSiSeq" name="siSeq" th:value="${shipInfo.siSeq}">
|
||||
<input type="hidden" id="vSiType" name="siType" th:value="${shipInfo.siType}">
|
||||
<input type="hidden" name="versionNo" th:value="${shipInfo.versionNo}">
|
||||
<h5 class="text-center">항로</h5>
|
||||
<div class="mb-2 row">
|
||||
<label for="startPointM" class="col-sm-2 col-form-label text-center">출발</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="startPointM" name="startPoint" th:value="${shipInfo.startPoint}">
|
||||
</div>
|
||||
<label for="endPointM" class="col-sm-2 col-form-label text-center">도착</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="endPointM" name="endPoint" th:value="${shipInfo.endPoint}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-2 row">
|
||||
<label for="distanceNmM" class="col-sm-2 col-form-label text-center">거리(해리)</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="distanceNmM" name="distanceNm" th:value="${shipInfo.distanceNm}" placeholder="ex:OOO해리">
|
||||
</div>
|
||||
<label for="distanceKmM" class="col-sm-2 col-form-label text-center">거리(KM)</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="distanceKmM" name="distanceKm" th:value="${shipInfo.distanceKm}" placeholder="ex:OOOKm">
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row mb-1">
|
||||
<label for="shipWeightM" class="col-sm-2 col-form-label text-center">국제총톤 수</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="number" class="form-control" id="shipWeightM" name="shipWeight" th:value="${shipInfo.shipWeight}">
|
||||
</div>
|
||||
<label for="passengerCntM" class="col-sm-2 col-form-label text-center">여객</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="number" class="form-control" id="passengerCntM" name="passengerCnt" th:value="${shipInfo.passengerCnt}" placeholder="단위:명">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="freightCntM" class="col-sm-2 col-form-label text-center">화물</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="number" class="form-control" id="freightCntM" name="freightCnt" th:value="${shipInfo.freightCnt}" placeholder="단위:TEU">
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="mb-4 row">
|
||||
<label for="ownerNmM" class="col-sm-2 col-form-label text-center">사업자</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="ownerNmM" name="ownerNm" th:value="${shipInfo.ownerNm}">
|
||||
</div>
|
||||
<label for="shipNmM" class="col-sm-2 col-form-label text-center">선명</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="shipNmM" name="shipNm" th:value="${shipInfo.shipNm}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="operationCntM" class="col-sm-2 col-form-label text-center">운항횟수</label>
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" id="operationCntM" name="operationCnt" th:value="${shipInfo.operationCnt}" placeholder="ex:주0회(00H)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="closeYnM" class="col-sm-2 col-form-label text-center">휴항</label>
|
||||
<div class="col-sm-2">
|
||||
<select class="form-select form-select-sm" id="closeYnM" name="closeYn">
|
||||
<option value="">선택</option>
|
||||
<option value="O" th:selected="${shipInfo.closeYn eq 'O'}">O</option>
|
||||
<option value="X" th:selected="${shipInfo.closeYn eq 'X'}">X</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="descriptionM" class="col-sm-2 col-form-label text-center">비고</label>
|
||||
<ul class="nav nav-tabs" id="userTab" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="viewTab" th:data-siseq="${shipInfo.siSeq}" th:data-sitype="${shipInfo.siType}" data-bs-toggle="tab" data-bs-target="#accessTabPanel" type="button" role="tab" aria-controls="accessTabPanel" aria-selected="true">현황상세</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="historyTab" th:data-siseq="${shipInfo.siSeq}" th:data-sitype="${shipInfo.siType}" data-bs-toggle="tab" data-bs-target="#approvalTabPanel" type="button" role="tab" aria-controls="approvalTabPanel" aria-selected="false">수정이력</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content bg-white border border-top-0 p-2">
|
||||
<form id="shipInfoUpdate" 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" id="vSiSeq" name="siSeq" th:value="${shipInfo.siSeq}">
|
||||
<input type="hidden" id="vSiType" name="siType" th:value="${shipInfo.siType}">
|
||||
<input type="hidden" name="versionNo" th:value="${shipInfo.versionNo}">
|
||||
<div class="row mb-1">
|
||||
<label class="col-2 col-form-label col-form-label-sm text-center">여객선 정보</label>
|
||||
<div class="col-10 border">
|
||||
<div class="row my-1">
|
||||
<label for="shipNm" class="col-sm-2 col-form-label col-form-label-sm text-center">선명</label>
|
||||
<div class="col-sm-4">
|
||||
<textarea id="descriptionM" name="description" rows="4" cols="50" th:utext="${shipInfo.description}"></textarea>
|
||||
<input type="text" class= "form-control form-control-sm" id="shipNm" name="shipNm" th:value="${shipInfo.shipNm}">
|
||||
</div>
|
||||
<label for="ownerNm" class="col-sm-2 col-form-label col-form-label-sm text-center">사업자</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="ownerNm" name="ownerNm" th:value="${shipInfo.ownerNm}">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="row my-1">
|
||||
<label for="shipWeight" class="col-sm-2 col-form-label col-form-label-sm text-center">국제총톤 수</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="number" class= "form-control form-control-sm" id="shipWeight" name="shipWeight" th:value="${shipInfo.shipWeight}">
|
||||
</div>
|
||||
<label for="operationCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">운항횟수</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="operationCnt" name="operationCnt" placeholder="ex:주0회(00H)" th:value="${shipInfo.operationCnt}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="closeYn" class="col-sm-2 col-form-label col-form-label-sm text-center">휴항</label>
|
||||
<div class="col-sm-4">
|
||||
<select class="form-select form-select-sm" id="closeYn" name="closeYn">
|
||||
<option value="">선택</option>
|
||||
<option value="O" th:selected="${shipInfo.closeYn eq 'O'}">O</option>
|
||||
<option value="X" th:selected="${shipInfo.closeYn eq 'X'}">X</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<label class="col-2 col-form-label col-form-label-sm text-center">항로</label>
|
||||
<div class="col-10 border">
|
||||
<div class="row my-1">
|
||||
<label for="startPoint" class="col-sm-2 col-form-label col-form-label-sm text-center">출발</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="startPoint" name="startPoint" th:value="${shipInfo.startPoint}">
|
||||
</div>
|
||||
<label for="endPoint" class="col-sm-2 col-form-label col-form-label-sm text-center">도착</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="endPoint" name="endPoint" th:value="${shipInfo.endPoint}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="distanceNm" class="col-sm-2 col-form-label col-form-label-sm text-center">거리(해리)</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="distanceNm" name="distanceNm" placeholder="ex:OOO해리" th:value="${shipInfo.distanceNm}">
|
||||
</div>
|
||||
<label for="distanceKm" class="col-sm-2 col-form-label col-form-label-sm text-center">거리(KM)</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="text" class= "form-control form-control-sm" id="distanceKm" name="distanceKm" placeholder="ex:OOOKm" th:value="${shipInfo.distanceKm}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<label class="col-2 col-form-label col-form-label-sm text-center">수송능력</label>
|
||||
<div class="col-10 border">
|
||||
<div class="row my-1">
|
||||
<label for="passengerCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">여객</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="number" class= "form-control form-control-sm" id="passengerCnt" name="passengerCnt" placeholder="단위:명" th:value="${shipInfo.passengerCnt}">
|
||||
</div>
|
||||
<label for="freightCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">화물</label>
|
||||
<div class="col-sm-4">
|
||||
<input type="number" class= "form-control form-control-sm" id="freightCnt" name="freightCnt" placeholder="단위:TEU" th:value="${shipInfo.freightCnt}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<label for="description" class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
|
||||
<div class="col-sm-10 px-0">
|
||||
<textarea id="description" name="description" class="form-control form-control-sm" rows="5" th:utext="${shipInfo.description}"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer justify-content-between bg-light">
|
||||
<div class="col-auto">
|
||||
<div class="col-auto">
|
||||
<button type="button" class="btn btn-secondary modalCloseBtn" data-bs-dismiss="modal">닫기</button>
|
||||
<button type="button" class="btn btn-danger" id="deleteShipInfo" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">삭제</button>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button type="button" class="btn btn-warning" id="updateShipInfo" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">수정</button>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue