레드마인

#2835, #2839
팝업 작업
This commit is contained in:
HappyITN 2022-10-17 12:52:24 +09:00
parent 16def35184
commit a70db8677c
6 changed files with 195 additions and 89 deletions

View File

@ -376,6 +376,15 @@ public class AdjstConciliatorController {
return "/web/kccadr/adjcclt/popup/adjstOpinionsPopList"; return "/web/kccadr/adjcclt/popup/adjstOpinionsPopList";
} }
/**
* 의견관리 목록 > 자주쓰는 의견 등록 팝업
*/
@RequestMapping("/web/kccadr/adjcclt/popup/adjstOpinionsRegistPopList.do")
public String adjstOpinionsRegistPopList(@ModelAttribute("adjstConciliatorVO") AdjstConciliatorVO adjstConciliatorVO, ModelMap model) throws Exception {
// model.addAttribute("info", adjstConciliatorService.selectAdjstRecommendationCommentDetail(adjstConciliatorVO));
return "/web/kccadr/adjcclt/popup/adjstOpinionsRegistPopList";
}
/** /**
* 조정사건 목록 화면 * 조정사건 목록 화면
*/ */

View File

@ -155,7 +155,7 @@
<!-- 하단 버튼 --> <!-- 하단 버튼 -->
<div class="btn_wrap btn_layout01"> <div class="btn_wrap btn_layout01">
<%--<button class="btnType09" onclick="fncGoCreate()">등록</button>--%> <button class="btnType09" data-tooltip="opinion_regi_popup" onclick="AdjstReq.opinionsRegistAdjstPopList();">등록</button>
</div> </div>
<!-- //하단 버튼 --> <!-- //하단 버튼 -->

View File

@ -0,0 +1,99 @@
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="kc" uri="/WEB-INF/tlds/kcc_tld.tld"%>
<!DOCTYPE html>
<html lang="ko">
<head>
<title>조정신청 수정요청</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="/kccadrPb/usr/script/popup.js"></script>
<script type="text/javaScript" language="javascript">
function fncGoList(){
linkPage(1);
}
function linkPage(pageNo){
var data = {
pageIndex : pageNo,
searchKeyword : $("#searchKeyword").val(),
searchCondition : $("#searchCondition").val(),
pageUnit : 5,
}
AdjstReq.historyAdjstPopList(data);
}
$(document).ready(function(){
// 레이어팝업 포커싱 이동 수정
$(".tooltip-close").click(function(){
var activeTarget = $('[data-tooltip-con="opinion_regi_popup"]');
activeTarget.hide();
$('[data-tooltip="opinion_regi_popup"]').focus();
});
});
</script>
<style type="text/css">
.btn_wrap .btnType07 {vertical-align:middle;}
</style>
</head>
<body>
<!-- 일정 상세 -->
<form:form commandName="adjstReqVO" id="popList" name="popList" method="post" onsubmit="return false;">
<input type="hidden" name="pageIndex" value="<c:out value='${adjstReqVO.pageIndex}' default='1' />"/>
<input type="hidden" name="searchSortCnd" value="<c:out value="${adjstReqVO.searchSortCnd}" />" />
<input type="hidden" name="searchSortOrd" value="<c:out value="${adjstReqVO.searchSortOrd}" />" />
</form:form>
<div class="popup_wrap opinion_regi_popup" tabindex="0" data-tooltip-con="opinion_regi_popup" data-focus="opinion_regi_popup" data-focus-prev="opinion_regi_popup_close">
<div class="popup_tit">
<p>자주쓰는 의견 등록</p> <button class="btn_popup_close tooltip-close" data-focus="opinion_regi_popup_close" title="팝업 닫기"><i></i></button>
</div>
<div class="popup_cont">
<table class="popup_tbType01">
<colgroup>
<col style="width:100px;" />
<col style="width:auto;" />
</colgroup>
<tbody>
<tr>
<td>유형</td>
<td>
<select name="" id="">
<option value="">기일조서</option>
<option value="">조정권고안</option>
<option value="">조정조서</option>
<option value="">직권조정결정서</option>
</select>
</td>
</tr>
<tr>
<td>제목</td>
<td>
<input type="text" name="" id="" />
</td>
</tr>
<tr>
<td>제목</td>
<td>
<textarea name="" id="" rows="5"></textarea>
</td>
</tr>
</tbody>
</table>
<div class="btn_wrap">
<button class="btnType07">저장</button>
<button class="btnType01 tooltip-close" data-focus="opinion_regi_popup_close" data-focus-next="opinion_regi_popup">닫기</button>
</div>
</div>
</div>
</body>
</html>

View File

@ -15,106 +15,74 @@
<script type="text/javascript" src="/kccadrPb/usr/script/popup.js"></script> <script type="text/javascript" src="/kccadrPb/usr/script/popup.js"></script>
<script type="text/javaScript" language="javascript"> <script type="text/javaScript" language="javascript">
$(document).ready(function(){ $(document).ready(function(){
$('.work_flow_wrap').each(function(){
var exmpList = ''; $(this).find(".btn_open").on('click',function(){
if($(this).closest('.work_flow_wrap').is(".off") == true){
// 레이어팝업 포커싱 이동 수정 $(this).closest('.work_flow_wrap').removeClass("off");
var popupTit = $(".cont_tit03").text(); $(this).addClass("btn_close").removeClass("btn_open").attr('title','닫힘');
}else{
$(".tooltip-close").click(function(){ $(this).closest('.work_flow_wrap').addClass("off");
var activeTarget = $('[data-tooltip-con="fee_info_popup"]'); $(this).removeClass("btn_close").addClass("btn_open").attr('title','열림');
activeTarget.hide(); }
$('[data-tooltip="fee_info_popup"]').eq(0).focus();
}); });
var data = new FormData(document.getElementById("selectForm"));
$.ajax({
type:"POST",
url: "/web/kccadr/adjst/popup/adjstReqOpenExampleAjax.do",
data: data,
dataType:'json',
async: false,
processData: false,
contentType: false,
cache: false,
success:function(returnData){
exmpList = returnData.dataList;
},
error:function(request , status, error){
console.log('request : ', request);
console.log('status : ', status);
console.log('error : ', error);
}
}); });
$(".tooltip-close").click(function(){
var activeTarget = $('[data-tooltip-con="fee_info_popup"]');
activeTarget.hide();
/* $('[data-tooltip="fee_info_popup"]').eq(0).focus();
* 저작물 변경 event
*/
$('#selectId').on('change', function(){
var exmpCn = exmpList[$(this).val()].exmpCn;
$('#exmpCn').text(exmpCn);
}); });
/*
* 등록버튼 event
*/
$('#redBtn').on('click', function(){
var exmpCd = $("#exmpCd").val();
console.log(exmpCd.replace(/(^0+)/, ""));
var perId = '#reqCn'+exmpCd.replace(/(^0+)/, "");
$(perId).val($('#exmpCn').text().trim());
});
}) })
</script> </script>
<style type="text/css">
.fee_info_popup {overflow:hidden;overflow-y:auto;max-height:600px;}
</style>
</head> </head>
<body> <body>
<div class="popup_wrap fee_info_popup" style="max-width: 580px;" tabindex="0" data-tooltip-con="fee_info_popup" data-focus="fee_info_popup" data-focus-prev="fee_info_popup_close"> <div class="popup_wrap fee_info_popup" style="max-width: 580px;" tabindex="0" data-tooltip-con="fee_info_popup" data-focus="fee_info_popup" data-focus-prev="fee_info_popup_close">
<div class="popup_tit"> <div class="popup_tit">
<p>신청취지 예문</p> <button class="btn_popup_close tooltip-close" data-focus="fee_info_popup_close" title="팝업 닫기"><i></i></button> <p>청구취지 작성예시</p> <button class="btn_popup_close tooltip-close" data-focus="fee_info_popup_close" title="팝업 닫기"><i></i></button>
</div> </div>
<div class="popup_cont"> <div class="popup_cont">
<c:if test="${not empty exmpCd}"> <div class="work_flow_wrap off">
<div class="cont_tit03"> <div class="work_tit">
* <kc:code codeId="CC040" code="${exmpList[0].exmpCd}"/> <p>금전청구 일반</p>
</div> <button type="button" title="열림" class="btn_open"><i></i></button>
</c:if> </div>
<table class="popup_tbType01 t_center"> <div class="work_cont">
<colgroup> <dl>
<col style="width: 20%;"> <dt>- 기본형</dt>
<col style="width: 80%;"> <dd>피고는 원고에게 <span>△△,△△△,△△△원</span>을 지급하라.</dd>
</colgroup> </dl>
<tbody> <dl>
<tr> <dt>- 부대청구(이자 등)가 있는 경우</dt>
<td style="line-height: 30px; text-align: left;"> <dd>피고는 원고에게 <span>△△,△△△,△△△원</span>과 이에 대하여 <span>△△△△.△△.△△</span>부터 다 갚믄 날까지 연 <span>△△%</span>의 비율로 계산한 돈을 지급하라.</dd>
<kc:code codeId="CC040" code="${exmpList[0].exmpCd}"/> </dl>
</td> </div>
<td style="line-height: 30px; text-align: left;"> </div>
<select id="selectId" style="width: 135px;"> <div class="work_flow_wrap off">
<c:forEach var="exmp" items="${exmpList }" varStatus="stat"> <div class="work_tit">
<option value="${stat.index }"> <c:out value="${exmp.exmpTit }" /> </option> <p>보증채무금</p>
</c:forEach> <button type="button" title="열림" class="btn_open"><i></i></button>
</select> </div>
</td> <div class="work_cont">
</tr> <div class="text">
<tr> 피고는 원고에게 <span>△△,△△△,△△△원</span>과 이에 대하여 <span>△△△△.△△.△△</span>부터 다 갚믄 날까지 연 <span>△△%</span>의 비율로 계산한 돈을 지급하라.
<td style="line-height: 30px; text-align: left;"> </div>
내용 </div>
</td> </div>
<td id="exmpCn" style="line-height: 30px; text-align: left;" > <div class="work_flow_wrap off">
<c:out value="${exmpList[0].exmpCn}" /> <div class="work_tit">
</td> <p>임대차보증금반환</p>
</tr> <button type="button" title="열림" class="btn_open"><i></i></button>
</tbody> </div>
</table> <div class="work_cont">
<div class="text">
피고는 원고에게 <span>△△,△△△,△△△원</span>과 이에 대하여 <span>△△△△.△△.△△</span>부터 다 갚믄 날까지 연 <span>△△%</span>의 비율로 계산한 돈을 지급하라.
</div>
</div>
</div>
<div class="btn_wrap"> <div class="btn_wrap">
<!-- <button class="btnType01 tooltip-close" data-focus="fee_info_popup_close" data-focus-next="fee_info_popup">닫기</button> --> <button class="btnType01 tooltip-close" data-focus="fee_info_popup_close" data-focus-next="fee_info_popup">닫기</button>
<button class="btnType01 tooltip-close" id="redBtn">등록</button>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1242,6 +1242,25 @@ var AdjstReq = {
, "adjstOpinionsPop" , "adjstOpinionsPop"
); );
}, },
opinionsRegistAdjstPopList : function(paramObj){
if(paramObj == undefined || paramObj == ''){
paramObj = {
pageIndex : 1,
searchKeyword : "",
searchCondition : "",
pageUnit : 5
};
}
// 이전신청데이터 팝업 호출..
commonPopLayeropen(
"/web/kccadr/adjcclt/popup/adjstOpinionsRegistPopList.do"
, 1000
, 700
, paramObj
, "N"
, "adjstOpinionsRegistPop"
);
},
openExamplePop : function(exmpCd){ openExamplePop : function(exmpCd){
/* /*
- 01 : 신청취지 - 01 : 신청취지

View File

@ -732,6 +732,17 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.work_cont p.status01{border: 1px solid #ea5404; color: #ea5404;} .work_cont p.status01{border: 1px solid #ea5404; color: #ea5404;}
.work_cont .status02 p{border: 2px solid #1b6fcd; color: #1b6fcd; font-weight: 500;width:208px;height:43px;} .work_cont .status02 p{border: 2px solid #1b6fcd; color: #1b6fcd; font-weight: 500;width:208px;height:43px;}
.work_cont p.status02{border: 2px solid #1b6fcd; color: #1b6fcd; font-weight: 500;width:208px;height:43px;} .work_cont p.status02{border: 2px solid #1b6fcd; color: #1b6fcd; font-weight: 500;width:208px;height:43px;}
.popup_wrap .work_flow_wrap {padding:0 10px;margin:0 0 15px;}
.popup_wrap .work_flow_wrap .work_tit {padding:10px 0 10px 5px;font-size:16px;}
.popup_wrap .work_flow_wrap .work_cont {height:auto;padding:10px 15px;transition:none;}
.popup_wrap .work_flow_wrap .work_cont dl dt {margin:10px 0 0;line-height:30px;}
.popup_wrap .work_flow_wrap .work_cont dl dd {margin:5px 0 0;padding:10px;line-height:24px;background:#f1f2f4;border-radius:5px;}
.popup_wrap .work_flow_wrap .work_cont dl dd span {color:#d43403;}
.popup_wrap .work_flow_wrap .work_cont dl:first-child dt {margin:0;}
.popup_wrap .work_flow_wrap .work_cont .text {line-height:24px;}
.popup_wrap .work_flow_wrap .work_cont .text span {color:#d43403;}
.popup_wrap .work_flow_wrap.off .work_cont {height:0;padding:0 15px;}
/* //워크플로우 */ /* //워크플로우 */
/* 익스플로어 */ /* 익스플로어 */