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,13 +1,16 @@
<%@ 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">
<div class="card" style="max-width:1100px;" title="단속정보">
<form id="frm--${pageName}" class="dpv eca">
<input name="id" type="hidden" data-map="CRDN_ID" /> <input name="id" type="hidden" data-map="CRDN_ID" />
<div class="row g-1"> <div class="row g-1">
<div class="col-md-4"> <div class="col-md-4">
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required" for="crdnYmd"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required" for="crdnYmd">
위반일자 위반일자
</label> </label>
<input type="text" id="crdnYmd--${pageName}" name="crdnYmd" data-map="CRDN_YMD" class="form-control form-date" data-fmt-type="day" required /> <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> <button type="button" class="bx bx-sm bx-calendar bg-white"></button>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
@ -22,8 +25,8 @@
</label> </label>
<input type="text" name="vhrno" data-map="VHRNO" class="form-control" required /> <input type="text" name="vhrno" data-map="VHRNO" class="form-control" required />
</div> </div>
<div class="col-md-6"> <div class="col-md-12">
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="vltnId"> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="vltnCd">
위반내용 위반내용
</label> </label>
<select name="vltnCd" class="form-select" data-map="VLTN_CD"> <select name="vltnCd" class="form-select" data-map="VLTN_CD">
@ -32,15 +35,15 @@
</c:forEach> </c:forEach>
</select> </select>
</div> </div>
<div class="col-md-6"> <div class="col-md-12">
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for=""> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">
단속자,신고자 단속자,신고자
</label> </label>
(보류) (보류)
</div> </div>
<div class="col-md-6 select2-primary"> <div class="col-md-6 select2-primary">
<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="">법정동</label> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="crdnStdgNm">법정동</label>
<input type="text" name="" class="form-control" readonly/> <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> <button type="button" class="btn btn-sm btn-outline-dark" onclick="">검색</button>
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
@ -52,16 +55,16 @@
<input type="text" name="crdnSn" data-map="CRDN_SN" 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="">견인지시</label> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="towngYn">견인지시</label>
<select name="" class="form-select"> <select name="towngYn" class="form-select" data-map="TOWNG_YN">
<c:forEach items="${FIM053List}" var="item"> <c:forEach items="${FIM053List}" var="item">
<option value="${item.code}">${item.value}</option> <option value="${item.code}">${item.value}</option>
</c:forEach> </c:forEach>
</select> </select>
</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="">장애차량확인</label> <label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end" for="parkngPsbltyRsltCd">장애차량확인</label>
<select name="" class="form-select"> <select name="parkngPsbltyRsltCd" data-map="PARKNG_PSBLTY_RSLT_CD" class="form-select">
<c:forEach items="${FIM034List}" var="item"> <c:forEach items="${FIM034List}" var="item">
<c:if test="${item.code == '0' or item.code == '1'}"> <c:if test="${item.code == '0' or item.code == '1'}">
<option value="${item.code}">${item.value}</option> <option value="${item.code}">${item.value}</option>
@ -127,18 +130,28 @@
</c:forEach> </c:forEach>
</select> </select>
</div> </div>
<div class="col-md-6">
<label>
<input type="checkbox" name="doGuidance" class="form-check-input" />계도처리
</label>
</div>
</div> </div>
<div class="row mt-4 justify-content-end"> <div class="row mt-4 justify-content-end mb-3">
<div class="col-md-6"> <div class="col-md-6">
<div class="row justify-content-end"> <div class="row justify-content-end">
<div class="col-sm-3"> <div class="col-sm-3">
체크 계도처리 <button onclick="saveinfoPrefix();" type="button" class="btn btn-primary">등록</button>
<button onclick="saveinfoPrefix();" type="button" class="btn btn-primary">저장</button> </div>
</div> </div>
</div> </div>
</div> </div>
</form>
</div> </div>
</form> <div class="card" style="width:400px;">
사진
</div>
</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