fix : 전체적인 팝업 그리드 다시 수정

main
psy 2 years ago
parent e9b99ba657
commit 548a400887

@ -2,7 +2,7 @@
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp" %>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 800px;">
<div class="popup_inner_02" style="max-width: 800px;">
<p class="pop_title">CCTV 단속 자료 선택</p>
<form name="frmSearch" id="frmSearch">
<div class="search r2">
@ -38,8 +38,8 @@
</span>
</div>
<div id="grid"></div>
<div class="popup_btn">
<span class="flr p_flr">
<div class="popup_btn_02">
<span>
<a href="#" class="btn blue" id="btnRegist">파일 처리</a>
<a href="#" id="btnClose" class="btn lightgray">닫기</a>
</span>

@ -7,7 +7,7 @@
<%--<c:set var="gridInfo" value="${gridInfo}"/>--%>
<div class="popup" style="min-width: 100px;">
<div class="popup_inner" style="max-width: 900px;">
<div class="popup_inner_02" style="max-width: 900px;">
<p class="pop_title">
<c:out value="${bizName}"/>(<c:out value="${extrDTO.extrlRegltCntcId}"/>) 상세
</p>
@ -155,7 +155,7 @@
</form>
<div class="popup_btn">
<span class="flr" >
<span class="align_center" >
<a href="#" class="btn blue" onclick="fnBiz.savePhoto()">save</a>
</span>
</div>
@ -167,7 +167,7 @@
</div>
<div class="popup_btn">
<span class="flr p_flr">
<span class="align_center">
<a href="#" id="btnClose" class="btn lightgray">닫기</a>
</span>
</div>

@ -111,7 +111,7 @@
</form>
<div class="popup_btn">
<span class="flr p_flr">
<span class="align_center">
<a href="#" class="btn blue" id="btnRegist">저장</a>
<a href="#" id="btnClose" class="btn lightgray">닫기</a>
</span>

@ -5,7 +5,7 @@
<c:set var="bizName" value="주민 신고"/>
<div class="popup" style="min-width: 100px;">
<div class="popup_inner" style="max-width: 900px;">
<div class="popup_inner_02" style="max-width: 900px;">
<p class="pop_title">
<c:out value="${bizName}"/>(<c:out value="${reqDTO.interfaceSeqN}"/>) 상세
</p>
@ -228,8 +228,8 @@
</form>
<div class="popup_btn">
<span class="flr" >
<div class="popup_btn_02">
<span>
<a href="#" class="btn blue" onclick="fnBiz.savePhoto()">save</a>
</span>
</div>
@ -240,8 +240,8 @@
<img id="uploadImage"/>
</div>
<div class="popup_btn">
<span class="flr p_flr">
<div class="popup_btn_02">
<span>
<a href="#" id="btnClose" class="btn lightgray">닫기</a>
</span>
</div>

@ -37,8 +37,8 @@
</span>
</div>
<div id="grid"></div>
<div class="popup_btn">
<span class="flr p_flr">
<div class="popup_btn_02">
<span>
<a href="#" class="btn blue" id="btnRegist">파일 처리</a>
<a href="#" class="btn lightgray" id="btnClose">닫기</a>
</span>

@ -6,7 +6,7 @@
<c:set var="bizName" value="주민 신고 데이타"/>
<div class="popup" style="min-width: 100px;">
<div class="popup_inner" style="max-width: 1000px;">
<div class="popup_inner_02" style="max-width: 1000px;">
<p class="pop_title">
<c:out value="${bizName}"/>(<c:out value="${rcvXmlDTO.interfaceSeqN}"/>) 상세
</p>

@ -5,8 +5,8 @@
<c:set var="isUpdate" value="${!empty authorInfoVO.authorCode}"/>
--%>
<!-- popup button -->
<div class="popup_btn">
<span class="flr p_flr align_center">
<div class="popup_btn_02">
<span>
<c:choose>
<c:when test="${isUpdate}">
<a href="#" class="btn blue" id="btnModify">변경</a>

@ -5,8 +5,8 @@
<c:set var="isUpdate" value="${!empty authorInfoVO.authorCode}"/>
--%>
<!-- popup button -->
<div class="popup_btn">
<span class="flr p_flr align_center">
<div class="popup_btn_02">
<span>
<c:choose>
<c:when test="${isUpdate}">
<a href="#" class="btn blue" id="btnModify">변경</a>

@ -9,7 +9,7 @@
<validator:javascript formName="cmmAnsTmpl" staticJavascript="false" xhtml="true" cdata="false"/>
<div class="popup" style="min-width: 100px;">
<div class="popup_inner" style="max-width: 800px;">
<div class="popup_inner_02" style="max-width: 800px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp" %>
<%--@elvariable id="cmmAnsTmpl" type="validator"--%>

@ -6,7 +6,7 @@
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 400px;">
<div class="popup_inner_02" style="max-width: 400px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp" %>
<form>
<table class="tbl03">

@ -5,7 +5,7 @@
<c:set var="bizName" value="권한그룹"/>
<div class="popup" style="min-width: 100%">
<div class="popup_inner">
<div class="popup_inner_02">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp"%>
<form>
<table class="tbl03">

@ -1,4 +1,4 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
@ -8,34 +8,40 @@
margin: 2px 0 0 5px;
}
div.popup, div.popup_inner{
div.popup, div.popup_inner {
min-width: 680px;
}
table li {
margin-top: 10px;
}
table li:not(.separator) span{
table li:not(.separator) span {
border: solid #dddddd 1px;
border-radius: 8px;
padding: 3px;
margin: 10px 2px 10px 0px;
}
#authorRescue {
white-space: normal;
word-break: break-word;
}
#authorRescue li, #authorList li {
/* 가로 정렬 */
margin: 10px 0 10px 0;
padding: 0 0 0 0;
border : 0;
border: 0;
float: left;
}
table span {
/* border: solid 1px gray; */
padding: 2px;
cursor: pointer;
}
table.tbl03 th {
font-weight: bold;
font-size: 100%;
@ -46,7 +52,7 @@
<validator:javascript formName="authHierarchyManage" staticJavascript="false" xhtml="true" cdata="false"/>
<div class="popup">
<div class="popup_inner">
<div class="popup_inner_02">
<p class="pop_title">권한 계층 설정</p>
<div>
@ -57,7 +63,9 @@
<li>: 권한계층은 부모와 자녀로 이루어 집니다.</li>
<li>: 상속받은 부모의 Role이 많을 수록 "상위 권한"이 되며, 적을 수록 "하위 권한"이 됩니다.</li>
<li>: 자녀는 부모에게 부여된 모든 Role에 대해 접근이 가능 합니다.</li>
<li>: 권한 계층에서 부모를 제외 할 시 해당 부모의 Role이 자녀에게도 동일하게 부여되어 있지 않다면 자녀는 접근이 불가 하기에 계층 구조에서 제외 시에는 주의가 필요 합니다.</li>
<li>: 권한 계층에서 부모를 제외 할 시 해당 부모의 Role이 자녀에게도 동일하게 부여되어 있지 않다면 자녀는 접근이 불가 하기에 계층 구조에서 제외 시에는 주의가
필요 합니다.
</li>
</ul>
</li>
</ul>
@ -74,14 +82,15 @@
</tr>
<tr>
<td id="authorRescue" class="connectWith">
<c:set var="strAuthorRescueCode" value="${fn:trim(authHierarchyManage.authorRescueCode) }" />
<c:set var="arrAuthorCode" value="${fn:split(strAuthorRescueCode, '>') }" />
<c:set var="strAuthorRescueCode" value="${fn:trim(authHierarchyManage.authorRescueCode) }"/>
<c:set var="arrAuthorCode" value="${fn:split(strAuthorRescueCode, '>') }"/>
<c:forEach var="row" items="${arrAuthorCode }" varStatus="status">
<c:set var="arrSilbingAutorCode" value="${fn:split(row, ',') }" />
<c:set var="arrSilbingAutorCode" value="${fn:split(row, ',') }"/>
<c:forEach var="authorCode" items="${arrSilbingAutorCode }">
<li>
<span><c:out value="${mAuthorInfo[fn:trim(authorCode)] }"/></span>
<input type="hidden" id="authorCode" value="<c:out value="${fn:trim(authorCode) }"/>" />
<input type="hidden" id="authorCode"
value="<c:out value="${fn:trim(authorCode) }"/>"/>
</li>
</c:forEach>
@ -115,7 +124,8 @@
<li>
<span>
<c:out value="${row.author_nm }"/>
<input type="hidden" id="authorCode" value="<c:out value="${row.author_code }"/>" />
<input type="hidden" id="authorCode"
value="<c:out value="${row.author_code }"/>"/>
</span>
</li>
</c:forEach>
@ -125,8 +135,8 @@
</table>
</div>
</form:form>
<div class="popup_btn">
<span class="flr align_center">
<div class="popup_btn_02">
<span>
<a href="#" class="btn blue" id="btnRegist">저장</a>
<a href="#" class="btn gray" id="btnInit">원래대로</a>
<a href="#" class="btn red" id="btnReload">설정정보적용</a>
@ -151,59 +161,59 @@
const fnBiz = {
save: () => {
let data = $(document.authHierarchyManage).serialize();
if(initArrAuthorCode === data){
if (initArrAuthorCode === data) {
alert('변경된 내역이 없습니다.');
return false;
}
if(confirm("저장 하시겠습니까?")) {
if (confirm("저장 하시겠습니까?")) {
cmmAjax({
url: '<c:url value="/framework/biz/mng/auth/saveAuthHierarchy.do"/>'
, data: data
,success: () => {
, success: () => {
//$('#btnReload').css('display', 'inline-block');
}
})
}
}
,init: () => {
, init: () => {
window.location = '<c:url value="/framework/biz/mng/auth/mngAuthHierarchyMgtPopup.do"/>'
}
,reload: () => {
, reload: () => {
const msg = [];
msg.push('설정하신 정보를 적용 하시겠습니까?');
msg.push('적용된 설정은 사이트를 재접속 하셔야 동작 합니다.');
msg.push('※"설정정보 적용"을 하지 않을 시 저장하신 정보는 서버가 재기동 되기전까진 반영되지 않습니다.');
if(confirm(msg.join('\n'))) {
if (confirm(msg.join('\n'))) {
cmmAjax({
url: '<c:url value="/framework/biz/mng/auth/reloadAuthHierarchy.do"/>'
});
}
}
,setParam : function(){
, setParam: function () {
let i = 0;
const totCnt = $('#authorRescue li').length;
let sb = [];
const arrAuthorCode = [];
$('#authorRescue li').each(function(){
if($(this).hasClass('separator')){ //구분자 일때
$('#authorRescue li').each(function () {
if ($(this).hasClass('separator')) { //구분자 일때
//배열에 담기
if(sb.length>0)
if (sb.length > 0)
// arrAuthorCode.push(sb);
arrAuthorCode.push(sb.join(';'));
//StringBuffer 초기화
sb = [];
}else{ //구분자가 아닐때
} else { //구분자가 아닐때
sb.push($(this).find('#authorCode').val());
}
//마지막 요소
if(i == totCnt-1){
if (i == totCnt - 1) {
//배열에 담기
if(sb.length>0)
if (sb.length > 0)
arrAuthorCode.push(sb);
}
i++;
@ -213,7 +223,7 @@
//Elements 삭제
$(frm).find('input[name="authorCode"]').remove();
//Elements 생성
for(let i = 0; i<arrAuthorCode.length; i++){
for (let i = 0; i < arrAuthorCode.length; i++) {
const param = document.createElement('input');
param.setAttribute('type', 'hidden');
param.setAttribute('name', 'authorCode');
@ -221,17 +231,17 @@
frm.appendChild(param);
}
}
,validate: () => {
if(orgData === $('form').serialize()){
, validate: () => {
if (orgData === $('form').serialize()) {
alert('변경된 내용이 없습니다.');
return false;
}
if($('#groupId').val() === ''){
if ($('#groupId').val() === '') {
alert('[권한그룹 ID]는 필수 입니다.');
$('#authorCode').focus();
return false;
}
if($('#groupNm').val() === ''){
if ($('#groupNm').val() === '') {
alert('[권한그룹 명]은 필수 입니다.');
$('#authorNm').focus();
return false;
@ -263,7 +273,7 @@
//sortable 적용
$('.connectWith').sortable({
connectWith: '.connectWith'
,stop : function(){
, stop: function () {
//구분자 생성
$('#authorList li.separator').remove();
$('#authorList').prepend('<li class="separator"><span style="font-weight: bold">&nbsp;>&nbsp;</span></li>');
@ -277,7 +287,7 @@
/**************************************************************************
* initialize
**************************************************************************/
$(document).ready(function(){
$(document).ready(function () {
fnBiz.setParam();
initArrAuthorCode = $(document.authHierarchyManage).serialize();
orgData = $('form').serialize();

@ -2,7 +2,7 @@
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp" %>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 1000px;">
<div class="popup_inner_02" style="max-width: 1000px;">
<p class="pop_title">권한별 롤 목록</p>
<form name="frmSearch" id="frmSearch">
@ -39,8 +39,8 @@
</div>
<!-- 데이터 출력 -->
<div id="grid"></div>
<div class="popup_btn">
<span class="flr p_flr">
<div class="popup_btn_02">
<span>
<a href="#" class="btn blue" id="btnRegist" title="저장">저장</a>
<a href="#" id="btnClose" class="btn lightgray">닫기</a>
</span>

@ -10,7 +10,7 @@
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 420px;">
<div class="popup_inner_02" style="max-width: 420px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp"%>
<%--@elvariable id="roleManage" type=""--%>
<form:form commandName="roleManage" name="roleManage">

@ -9,7 +9,7 @@
<validator:javascript formName="boardBasic" staticJavascript="false" xhtml="true" cdata="false"/>
<div class="popup" style="min-width: 100px;">
<div class="popup_inner" style="max-width: 800px;">
<div class="popup_inner_02" style="max-width: 800px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp" %>
<%--@elvariable id="boardBasic" type="validator"--%>

@ -7,7 +7,7 @@
<script type="text/javascript" src="<c:url value="/framework/util/validator.do"/>"></script>
<validator:javascript formName="boardMaster" staticJavascript="false" xhtml="true" cdata="false"/>
<div class="popup" style="min-width: 100px;">
<div class="popup_inner" style="max-width: 800px;">
<div class="popup_inner_02" style="max-width: 800px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp" %>
<%--@elvariable id="boardMaster" type="validator"--%>

@ -10,7 +10,7 @@
<%--@elvariable id="templateInf" type="validator"--%>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 530px;">
<div class="popup_inner_02" style="max-width: 530px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp" %>
<form:form commandName="templateInf" name="templateInf">
<table class="tbl03">
@ -63,8 +63,8 @@
</table>
</form:form>
<div class="popup_btn">
<span class="flr p_flr align_center">
<div class="popup_btn_02">
<span>
<c:choose>
<c:when test="${isUpdate}">
<a href="#" class="btn blue" id="btnModify">변경</a>

@ -9,7 +9,7 @@
<validator:javascript formName="boardUseInf" staticJavascript="false" xhtml="true" cdata="false"/>
<div class="popup" style="min-width: 100px;">
<div class="popup_inner" style="max-width: 800px;">
<div class="popup_inner_02" style="max-width: 800px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp" %>
<form id="boardUseInf" name="boardUseInf">

@ -9,7 +9,7 @@
<validator:javascript formName="cmmnClCode" staticJavascript="false" xhtml="true" cdata="false"/>
<%--@elvariable id="cmmnClCode" type="validator"--%>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 700px;">
<div class="popup_inner_02" style="max-width: 700px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp" %>
<form:form commandName="cmmnClCode" name="cmmnClCode">
<table class="tbl03">

@ -9,7 +9,7 @@
<validator:javascript formName="cmmnDetailCode" staticJavascript="false" xhtml="true" cdata="false"/>
<%--@elvariable id="cmmnDetailCode" type="validator"--%>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 700px;">
<div class="popup_inner_02" style="max-width: 700px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp" %>
<form:form commandName="cmmnDetailCode" name="cmmnDetailCode">

@ -9,7 +9,7 @@
<validator:javascript formName="cmmnCode" staticJavascript="false" xhtml="true" cdata="false"/>
<%--@elvariable id="cmmnCode" type="validator"--%>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 700px;">
<div class="popup_inner_02" style="max-width: 700px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp"%>
<form:form commandName="cmmnCode" name="cmmnCode">
<table class="tbl03">

@ -11,7 +11,7 @@
<validator:javascript formName="zipVO" staticJavascript="false" xhtml="true" cdata="false"/>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 600px;">
<div class="popup_inner_02" style="max-width: 600px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp"%>
<%--@elvariable id="zipVO" type="validator"--%>
<form:form commandName="zipVO" name="zipVO">

@ -4,7 +4,7 @@
<script type="text/javaScript" src="<c:url value='/resources/framework/js/egov/EgovMenuCreat.js'/>" ></script>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 600px;">
<div class="popup_inner_02" style="max-width: 600px;">
<p class="pop_title">권한별 메뉴</p>
<form name="frmSearch" id="frmSearch">
@ -85,8 +85,8 @@
</div>
</div>
</form>
<div class="popup_btn">
<span class="flr p_flr">
<div class="popup_btn_02">
<span>
<a href="#" class="btn blue" id="btnRegist" title="저장" onclick="fInsertMenuCreat()">저장</a>
<a href="#" id="btnClose" class="btn lightgray">닫기</a>
</span>

@ -15,7 +15,7 @@
<input name="cmd" type="hidden" value="update"/>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 900px;">
<div class="popup_inner_02" style="max-width: 900px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp" %>
<table class="tbl03" summary="메뉴 등록화면">
<caption><c:out value="${bizName}"/> 등록 / 변경</caption>

@ -9,7 +9,7 @@
<validator:javascript formName="progrmMngVO" staticJavascript="false" xhtml="true" cdata="false"/>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 700px;">
<div class="popup_inner_02" style="max-width: 700px;">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp"%>
<%--@elvariable id="progrmMngVO" type=""--%>
<form:form name="progrmMngVO" commandName="progrmMngVO">

@ -9,7 +9,7 @@
<validator:javascript formName="userInfoVO" staticJavascript="false" xhtml="true" cdata="false"/>
<div class="popup" style="min-width: 100%;">
<div class="popup_inner" style="max-width: 1100px; margin: 0px;">
<div class="popup_inner_02">
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp"%>
<%--@elvariable id="userInfoVO" type=""--%>
<form:form commandName="userInfoVO" name="userInfoVO">

@ -705,8 +705,17 @@ select:enabled{
padding: 40px 45px;
text-align: left;
display: flex;
flex-direction: row;
gap: 1rem;
}
/*세부팝업창*/
.popup_inner_02{
margin: 20px auto;
padding: 40px 45px;
text-align: left;
display: flex;
flex-flow: column;
}
/* ****************************
* 2020.06.11.
* ".popup_inner *"
@ -875,8 +884,14 @@ table.tac th, table.tac td{
overflow: hidden;
clear: both;
display: flex;
justify-content: space-between;
}
.popup_btn_02 {
margin-top: 20px;
overflow: hidden;
clear: both;
display: flex;
flex-direction: row-reverse;
}
.popup .btn {
display: inline-block;
margin-right: 5px;
@ -1272,7 +1287,7 @@ input:read-only {
font-size: 15px;
font-weight: bold;
letter-spacing: -1.6px;
padding: 10px 10px 10px 15px;
padding: 10px 10px 10px 10px;
margin-top: 12px;
}
@ -1283,6 +1298,9 @@ input:read-only {
clear: both;
position: relative;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
}
.p_flr{
display: flex;
@ -1382,8 +1400,11 @@ input:read-only {
border-bottom: none;
padding-right: 8px;
margin-right: 5px;
font-size:13px;
}
/*.flr{
margin-right:15px;
}*/
/*등록,삭제,변경신청 버튼*/
/* .darkgray {border:0px solid red; width:55px;} */

Loading…
Cancel
Save