국제여객선 목록 모달창 ui수정

master
DESKTOP-QGC5RJO\DBNT 2023-01-30 11:14:06 +09:00
parent 46f558a6dc
commit 9ac57dd743
4 changed files with 41 additions and 34 deletions

View File

@ -158,6 +158,13 @@
.bg-lightB{
background-color: #aabfe178;
}
.bg-lightB1{
background-color: #9bb2d9ab !important;
}
.bg-lightB2{
background-color: #92acd5c9 !important;
}
.bg-blue{
/*background-color: #1f2f5c;*/
background-color: #24396c;

View File

@ -13,9 +13,9 @@
<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>
<label class="col-1 col-form-label col-form-label-sm text-center bg-lightB1">여객선<br>정보</label>
<div class="col-11 border">
<div class="row my-1">
<div class="row m-0">
<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">
@ -25,8 +25,8 @@
<input type="text" class= "form-control form-control-sm" id="ownerNm" name="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="row m-0">
<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>
@ -35,7 +35,7 @@
<input type="text" class= "form-control form-control-sm" id="operationCnt" name="operationCnt" placeholder="ex:주0회(00H)">
</div>
</div>
<div class="row my-1">
<div class="row m-0">
<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">
@ -48,9 +48,9 @@
</div>
</div>
<div class="row mb-1">
<label class="col-1 col-form-label col-form-label-sm text-center">항로</label>
<label class="col-1 col-form-label col-form-label-sm text-center bg-lightB1">항로</label>
<div class="col-11 border">
<div class="row my-1">
<div class="row m-0">
<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">
@ -60,7 +60,7 @@
<input type="text" class= "form-control form-control-sm" id="endPoint" name="endPoint">
</div>
</div>
<div class="row my-1">
<div class="row m-0">
<label for="distanceNm" class="col-sm-2 col-form-label col-form-label-sm text-center">거리(해리)</label>
<div class="col-sm-4">
<input type="number" min="0" class= "form-control form-control-sm" id="distanceNm" name="distanceNm" placeholder="ex:OOO해리">
@ -73,9 +73,9 @@
</div>
</div>
<div class="row mb-1">
<label class="col-1 col-form-label col-form-label-sm text-center">수송능력</label>
<label class="col-1 col-form-label col-form-label-sm text-center bg-lightB1">수송능력</label>
<div class="col-11 border">
<div class="row my-1">
<div class="row m-0">
<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="단위:명">
@ -87,8 +87,8 @@
</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="row mb-1">
<label for="description" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB1">비고</label>
<div class="col-sm-11 px-0">
<textarea id="description" name="description" class="form-control form-control-sm" rows="5"></textarea>
</div>

View File

@ -1,9 +1,9 @@
<!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>
<label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">여객선 정보</label>
<div class="col-10 border">
<div class="row my-1">
<div class="row m-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}">
@ -13,7 +13,7 @@
<input type="text" class= "form-control form-control-sm" id="ownerNm" name="ownerNm" th:value="${shipInfo.ownerNm}">
</div>
</div>
<div class="row my-1">
<div class="row m-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}">
@ -23,7 +23,7 @@
<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">
<div class="row m-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">
@ -36,9 +36,9 @@
</div>
</div>
<div class="row mb-1">
<label class="col-2 col-form-label col-form-label-sm text-center">항로</label>
<label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">항로</label>
<div class="col-10 border">
<div class="row my-1">
<div class="row m-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}">
@ -48,7 +48,7 @@
<input type="text" class= "form-control form-control-sm" id="endPoint" name="endPoint" th:value="${shipInfo.endPoint}">
</div>
</div>
<div class="row my-1">
<div class="row m-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}">
@ -61,9 +61,9 @@
</div>
</div>
<div class="row mb-1">
<label class="col-2 col-form-label col-form-label-sm text-center">수송능력</label>
<label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">수송능력</label>
<div class="col-10 border">
<div class="row my-1">
<div class="row m-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}">
@ -75,8 +75,8 @@
</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="row mb-1">
<label for="description" class="col-sm-2 col-form-label col-form-label-sm text-center bg-lightB1">비고</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>

View File

@ -24,9 +24,9 @@
<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>
<label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">여객선 정보</label>
<div class="col-10 border">
<div class="row my-1">
<div class="row m-0">
<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}">
@ -36,7 +36,7 @@
<input type="text" class= "form-control form-control-sm" id="ownerNm" name="ownerNm" th:value="${shipInfo.ownerNm}">
</div>
</div>
<div class="row my-1">
<div class="row m-0">
<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}">
@ -46,7 +46,7 @@
<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">
<div class="row m-0">
<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">
@ -59,9 +59,9 @@
</div>
</div>
<div class="row mb-1">
<label class="col-2 col-form-label col-form-label-sm text-center">항로</label>
<label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">항로</label>
<div class="col-10 border">
<div class="row my-1">
<div class="row m-0">
<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}">
@ -71,7 +71,7 @@
<input type="text" class= "form-control form-control-sm" id="endPoint" name="endPoint" th:value="${shipInfo.endPoint}">
</div>
</div>
<div class="row my-1">
<div class="row m-0">
<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}">
@ -84,9 +84,9 @@
</div>
</div>
<div class="row mb-1">
<label class="col-2 col-form-label col-form-label-sm text-center">수송능력</label>
<label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">수송능력</label>
<div class="col-10 border">
<div class="row my-1">
<div class="row m-0">
<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}">
@ -98,8 +98,8 @@
</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="row mb-1">
<label for="description" class="col-sm-2 col-form-label col-form-label-sm text-center bg-lightB1">비고</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>