CSS 수정(XXL 모달 창 추가)

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

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

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

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

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

Loading…
Cancel
Save