레드마인

#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

@ -375,6 +375,15 @@ public class AdjstConciliatorController {
// model.addAttribute("info", adjstConciliatorService.selectAdjstRecommendationCommentDetail(adjstConciliatorVO));
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">
<%--<button class="btnType09" onclick="fncGoCreate()">등록</button>--%>
<button class="btnType09" data-tooltip="opinion_regi_popup" onclick="AdjstReq.opinionsRegistAdjstPopList();">등록</button>
</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" language="javascript">
$(document).ready(function(){
var exmpList = '';
// 레이어팝업 포커싱 이동 수정
var popupTit = $(".cont_tit03").text();
$(".tooltip-close").click(function(){
var activeTarget = $('[data-tooltip-con="fee_info_popup"]');
activeTarget.hide();
$('[data-tooltip="fee_info_popup"]').eq(0).focus();
$('.work_flow_wrap').each(function(){
$(this).find(".btn_open").on('click',function(){
if($(this).closest('.work_flow_wrap').is(".off") == true){
$(this).closest('.work_flow_wrap').removeClass("off");
$(this).addClass("btn_close").removeClass("btn_open").attr('title','닫힘');
}else{
$(this).closest('.work_flow_wrap').addClass("off");
$(this).removeClass("btn_close").addClass("btn_open").attr('title','열림');
}
});
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);
}
});
/*
* 저작물 변경 event
*/
$('#selectId').on('change', function(){
var exmpCn = exmpList[$(this).val()].exmpCn;
$('#exmpCn').text(exmpCn);
$(".tooltip-close").click(function(){
var activeTarget = $('[data-tooltip-con="fee_info_popup"]');
activeTarget.hide();
$('[data-tooltip="fee_info_popup"]').eq(0).focus();
});
/*
* 등록버튼 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>
<style type="text/css">
.fee_info_popup {overflow:hidden;overflow-y:auto;max-height:600px;}
</style>
</head>
<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_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 class="popup_cont">
<c:if test="${not empty exmpCd}">
<div class="cont_tit03">
* <kc:code codeId="CC040" code="${exmpList[0].exmpCd}"/>
</div>
</c:if>
<table class="popup_tbType01 t_center">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<tbody>
<tr>
<td style="line-height: 30px; text-align: left;">
<kc:code codeId="CC040" code="${exmpList[0].exmpCd}"/>
</td>
<td style="line-height: 30px; text-align: left;">
<select id="selectId" style="width: 135px;">
<c:forEach var="exmp" items="${exmpList }" varStatus="stat">
<option value="${stat.index }"> <c:out value="${exmp.exmpTit }" /> </option>
</c:forEach>
</select>
</td>
</tr>
<tr>
<td style="line-height: 30px; text-align: left;">
내용
</td>
<td id="exmpCn" style="line-height: 30px; text-align: left;" >
<c:out value="${exmpList[0].exmpCn}" />
</td>
</tr>
</tbody>
</table>
<div class="work_flow_wrap off">
<div class="work_tit">
<p>금전청구 일반</p>
<button type="button" title="열림" class="btn_open"><i></i></button>
</div>
<div class="work_cont">
<dl>
<dt>- 기본형</dt>
<dd>피고는 원고에게 <span>△△,△△△,△△△원</span>을 지급하라.</dd>
</dl>
<dl>
<dt>- 부대청구(이자 등)가 있는 경우</dt>
<dd>피고는 원고에게 <span>△△,△△△,△△△원</span>과 이에 대하여 <span>△△△△.△△.△△</span>부터 다 갚믄 날까지 연 <span>△△%</span>의 비율로 계산한 돈을 지급하라.</dd>
</dl>
</div>
</div>
<div class="work_flow_wrap off">
<div class="work_tit">
<p>보증채무금</p>
<button type="button" title="열림" class="btn_open"><i></i></button>
</div>
<div class="work_cont">
<div class="text">
피고는 원고에게 <span>△△,△△△,△△△원</span>과 이에 대하여 <span>△△△△.△△.△△</span>부터 다 갚믄 날까지 연 <span>△△%</span>의 비율로 계산한 돈을 지급하라.
</div>
</div>
</div>
<div class="work_flow_wrap off">
<div class="work_tit">
<p>임대차보증금반환</p>
<button type="button" title="열림" class="btn_open"><i></i></button>
</div>
<div class="work_cont">
<div class="text">
피고는 원고에게 <span>△△,△△△,△△△원</span>과 이에 대하여 <span>△△△△.△△.△△</span>부터 다 갚믄 날까지 연 <span>△△%</span>의 비율로 계산한 돈을 지급하라.
</div>
</div>
</div>
<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" id="redBtn">등록</button>
<button class="btnType01 tooltip-close" data-focus="fee_info_popup_close" data-focus-next="fee_info_popup">닫기</button>
</div>
</div>
</div>

View File

@ -1242,6 +1242,25 @@ var AdjstReq = {
, "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){
/*
- 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 .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;}
.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;}
/* //워크플로우 */
/* 익스플로어 */