CSS 수정(XXL 모달 창 추가)

main
이범준 1 year ago
parent 8da4f8ac74
commit c5e3916881

@ -15,6 +15,11 @@ public class Crdn extends AbstractEntity {
*/ */
private String updateInfomation; private String updateInfomation;
/**
* -
*/
private String doGuidance;
/** /**
* ID * ID
*/ */
@ -100,6 +105,11 @@ public class Crdn extends AbstractEntity {
*/ */
private String vltnId; private String vltnId;
/**
*
*/
private String vltnCd;
/** /**
* *
*/ */

@ -106,7 +106,7 @@ $(document).ready(function(){
id: dialogId, id: dialogId,
title: title, title: title,
content:resp, content:resp,
size: "xl", size: "xxl",
init:() => {} init:() => {}
}); });
} }

@ -1,144 +1,157 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%> <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<form id="frm--${pageName}" class="dpv eca"> <div class="d-flex flex-row justify-content-evenly">
<input name="id" type="hidden" data-map="CRDN_ID" /> <div class="card" style="max-width:1100px;" title="단속정보">
<div class="row g-1"> <form id="frm--${pageName}" class="dpv eca">
<div class="col-md-4"> <input name="id" type="hidden" data-map="CRDN_ID" />
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required" for="crdnYmd"> <div class="row g-1">
위반일자 <div class="col-md-4">
</label> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required" for="crdnYmd">
<input type="text" id="crdnYmd--${pageName}" name="crdnYmd" data-map="CRDN_YMD" class="form-control form-date" data-fmt-type="day" required /> 위반일자
<button type="button" class="bx bx-sm bx-calendar bg-white"></button> </label>
</div> <input type="text" id="crdnYmd--${pageName}" name="crdnYmd" data-map="CRDN_YMD"
<div class="col-md-4"> class="form-control form-date" data-fmt-type="day" required />
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required" for="crdnHm"> <button type="button" class="bx bx-sm bx-calendar bg-white"></button>
(숫자6자리)위반시간 </div>
</label> <div class="col-md-4">
<input type="text" name="crdnHm" data-map="CRDN_TM" class="form-control form-time" data-fmt-type="time" required /> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required" for="crdnHm">
</div> (숫자6자리)위반시간
<div class="col-md-4"> </label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required" for="vhrno"> <input type="text" name="crdnHm" data-map="CRDN_TM" class="form-control form-time" data-fmt-type="time" required />
차량번호 </div>
</label> <div class="col-md-4">
<input type="text" name="vhrno" data-map="VHRNO" class="form-control" required /> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required" for="vhrno">
</div> 차량번호
<div class="col-md-6"> </label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="vltnId"> <input type="text" name="vhrno" data-map="VHRNO" class="form-control" required />
위반내용 </div>
</label> <div class="col-md-12">
<select name="vltnCd" class="form-select" data-map="VLTN_CD"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="vltnCd">
<c:forEach items="${FIM006List}" var="item"> 위반내용
<option value="${item.code}">${item.value}</option> </label>
</c:forEach> <select name="vltnCd" class="form-select" data-map="VLTN_CD">
</select> <c:forEach items="${FIM006List}" var="item">
</div> <option value="${item.code}">${item.value}</option>
<div class="col-md-6"> </c:forEach>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for=""> </select>
단속자,신고자 </div>
</label> <div class="col-md-12">
(보류) <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">
</div> 단속자,신고자
<div class="col-md-6 select2-primary"> </label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="">법정동</label> (보류)
<input type="text" name="" class="form-control" readonly/> </div>
<button type="button" class="btn btn-sm btn-outline-dark" onclick="">검색</button> <div class="col-md-6 select2-primary">
</div> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="crdnStdgNm">법정동</label>
<div class="col-md-12"> <input type="text" name="crdnStdgNm" data-map="CRDN_STDG_NM" class="form-control" readonly/>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="crdnPlc">위반장소</label> <button type="button" class="btn btn-sm btn-outline-dark" onclick="">검색</button>
<input type="text" name="crdnPlc" data-map="CRDN_PLC" class="form-control" /> </div>
</div> <div class="col-md-12">
<div class="col-md-12"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="crdnPlc">위반장소</label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="crdnSn">발행번호</label> <input type="text" name="crdnPlc" data-map="CRDN_PLC" class="form-control" />
<input type="text" name="crdnSn" data-map="CRDN_SN" class="form-control" /> </div>
</div> <div class="col-md-12">
<div class="col-md-12"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="crdnSn">발행번호</label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="">견인지시</label> <input type="text" name="crdnSn" data-map="CRDN_SN" class="form-control" />
<select name="" class="form-select"> </div>
<c:forEach items="${FIM053List}" var="item"> <div class="col-md-12">
<option value="${item.code}">${item.value}</option> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="towngYn">견인지시</label>
</c:forEach> <select name="towngYn" class="form-select" data-map="TOWNG_YN">
</select> <c:forEach items="${FIM053List}" var="item">
</div> <option value="${item.code}">${item.value}</option>
<div class="col-md-12"> </c:forEach>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="">장애차량확인</label> </select>
<select name="" class="form-select"> </div>
<c:forEach items="${FIM034List}" var="item"> <div class="col-md-12">
<c:if test="${item.code == '0' or item.code == '1'}"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="parkngPsbltyRsltCd">장애차량확인</label>
<option value="${item.code}">${item.value}</option> <select name="parkngPsbltyRsltCd" data-map="PARKNG_PSBLTY_RSLT_CD" class="form-select">
</c:if> <c:forEach items="${FIM034List}" var="item">
</c:forEach> <c:if test="${item.code == '0' or item.code == '1'}">
</select> <option value="${item.code}">${item.value}</option>
</div> </c:if>
<div class="col-md-12"> </c:forEach>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="etcCn">특기사항</label> </select>
<input type="text" name="etcCn" data-map="ETC_CN" class="form-control" /> </div>
</div> <div class="col-md-12">
<div class="col-md-12"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="etcCn">특기사항</label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="rtpyrNm">소유자</label> <input type="text" name="etcCn" data-map="ETC_CN" class="form-control" />
<input type="text" name="rtpyrNm" data-map="RTPYR_NM" class="form-control" /> </div>
</div> <div class="col-md-12">
<div class="col-md-4"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="rtpyrNm">소유자</label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="rtpyrSeCd">주민번호구분</label> <input type="text" name="rtpyrNm" data-map="RTPYR_NM" class="form-control" />
<select name="rtpyrSeCd" data-map="RTPYR_SE_CD" class="form-select"> </div>
<c:forEach items="${FIM011List}" var="item"> <div class="col-md-4">
<option value="${item.code}">${item.value}</option> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="rtpyrSeCd">주민번호구분</label>
</c:forEach> <select name="rtpyrSeCd" data-map="RTPYR_SE_CD" class="form-select">
</select> <c:forEach items="${FIM011List}" var="item">
</div> <option value="${item.code}">${item.value}</option>
<div class="col-md-4"> </c:forEach>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="rtpyrNo">주민번호</label> </select>
<input type="text" id="rtpyrNo--${pageName}" name="rtpyrNo" data-map="RTPYR_NO" class="form-control privacy" /> </div>
<input type="text" id="mask-rtpyrNo--${pageName}" class="form-control privacy-mask" disabled value="******"/> <div class="col-md-4">
</div> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="rtpyrNo">주민번호</label>
<div class="col-md-4"> <input type="text" id="rtpyrNo--${pageName}" name="rtpyrNo" data-map="RTPYR_NO" class="form-control privacy" />
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="vin">차대번호</label> <input type="text" id="mask-rtpyrNo--${pageName}" class="form-control privacy-mask" disabled value="******"/>
<input type="text" name="vin" data-map="VIN" class="form-control" readonly /> </div>
</div> <div class="col-md-4">
<div class="col-md-12"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="vin">차대번호</label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="addr">주소</label> <input type="text" name="vin" data-map="VIN" class="form-control" readonly />
<input type="text" name="addr" data-map="ADDR" class="form-control w-px-700" /> </div>
</div> <div class="col-md-12">
<div class="col-md-12"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="addr">주소</label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="dtlAddr">상세주소</label> <input type="text" name="addr" data-map="ADDR" class="form-control w-px-700" />
<input type="text" name="dtlAddr" data-map="DTL_ADDR" class="form-control w-px-700" /> </div>
</div> <div class="col-md-12">
<div class="col-md-6"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="dtlAddr">상세주소</label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="zip">우편번호</label> <input type="text" name="dtlAddr" data-map="DTL_ADDR" class="form-control w-px-700" />
<input type="text" name="zip" data-map="ZIP" class="form-control w-px-100" /> </div>
<button type="button" class="btn btn-sm btn-outline-dark" onclick="">검색</button> <div class="col-md-6">
</div> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="zip">우편번호</label>
<div class="col-md-6"> <input type="text" name="zip" data-map="ZIP" class="form-control w-px-100" />
차량명칭/차량색상은 입력항목이 아닙니다. <button type="button" class="btn btn-sm btn-outline-dark" onclick="">검색</button>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="vhclNm">차량명칭</label> 차량명칭/차량색상은 입력항목이 아닙니다.
<input type="text" name="vhclNm" data-map="VHCL_NM" class="form-control" readonly /> </div>
</div> <div class="col-md-6">
<div class="col-md-6"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="vhclNm">차량명칭</label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="vhclColor">차량색상</label> <input type="text" name="vhclNm" data-map="VHCL_NM" class="form-control" readonly />
<input type="text" name="vhclColor" data-map="VHCL_COLOR" class="form-control" readonly /> </div>
</div> <div class="col-md-6">
<div class="col-md-6"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="vhclColor">차량색상</label>
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="useFuelCd">연료구분</label> <input type="text" name="vhclColor" data-map="VHCL_COLOR" class="form-control" readonly />
<select name="useFuelCd" data-map="USE_FUEL_CD" class="form-select" disabled> </div>
<c:forEach items="${LVS005List}" var="item"> <div class="col-md-6">
<option value=""></option> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="useFuelCd">연료구분</label>
<option value="${item.code}">${item.value}</option> <select name="useFuelCd" data-map="USE_FUEL_CD" class="form-select" disabled>
</c:forEach> <c:forEach items="${LVS005List}" var="item">
</select> <option value=""></option>
</div> <option value="${item.code}">${item.value}</option>
</div> </c:forEach>
<div class="row mt-4 justify-content-end"> </select>
<div class="col-md-6"> </div>
<div class="row justify-content-end"> <div class="col-md-6">
<div class="col-sm-3"> <label>
체크 계도처리 <input type="checkbox" name="doGuidance" class="form-check-input" />계도처리
<button onclick="saveinfoPrefix();" type="button" class="btn btn-primary">저장</button> </label>
</div>
</div>
<div class="row mt-4 justify-content-end mb-3">
<div class="col-md-6">
<div class="row justify-content-end">
<div class="col-sm-3">
<button onclick="saveinfoPrefix();" type="button" class="btn btn-primary">등록</button>
</div>
</div>
</div> </div>
</div> </div>
</div> </form>
</div>
<div class="card" style="width:400px;">
사진
</div> </div>
</form> </div>
<script> <script>
$(document).ready(function(){ $(document).ready(function(){

@ -4826,6 +4826,11 @@ ul.nav-tabs > li.nav-item{
--bs-modal-width: 1140px; --bs-modal-width: 1140px;
} }
} }
.modal-xxl {
--bs-modal-width: 1600px;
}
.modal-fullscreen { .modal-fullscreen {
width: 100vw; width: 100vw;
max-width: none; max-width: none;
@ -9715,6 +9720,11 @@ form select.selectpicker.is-invalid ~ .btn {
max-width: 1140px; max-width: 1140px;
} }
} }
.modal-xxl .modal-dialog {
max-width: 1600px;
}
.progress { .progress {
overflow: initial; overflow: initial;
} }

Loading…
Cancel
Save