tolag3/kcc_adr_advc_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

220921 조정진행상황 사건 상세정보 팝업

Browse Source
This commit is contained in:
subsub8729 2022-09-21 10:53:16 +09:00
parent cec8180427
commit da15d2c159
5 changed files with 59 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ai/popup/adjstIncidentDetailPop.jsp
View File

@ -30,6 +30,9 @@
<head>
<title>관련인 정보</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/kccadrPb/usr/css/reset.css">
<link rel="stylesheet" href="/kccadrPb/usr/css/common.css">
<link rel="stylesheet" href="/kccadrPb/usr/css/popup.css">
<style>
.btn_util button{width: 30px; height: 30px; border: 1px solid #bebebe; vertical-align: middle; background-repeat: no-repeat; background-position: center; }
.btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);}
@ -59,11 +62,11 @@
</script>
</head>
<body>
<div class="area_popup supm_popup" style="width: 800px;">
<div class="cont_popup">
<div class="area_popup supm_popup" style="width: 100%;">
<div class="cont_popup popup_cont">
<!-- 신청인 정보 -->
<div class="tb_tit_wrap">
<p class="tb_tit">신청인 정보</p>
<p class="tb_tit cont_tit04">신청인 정보</p>
<div class="btn_util">
<button type="button" class="btn_minus" onclick="zoomOut();" title="글자 축소"></button>
<button type="button" class="btn_plus" onclick="zoomIn();" title="글자 확대"></button>
@ -71,14 +74,15 @@
</div>
<c:forEach var="item" items="${rppList}" varStatus="status">
<c:if test="${item.rpplTy eq KccadrConstants.ADR_RPPL_TY_REQ }">
<table class="pop_tbType01">
<table class="popup_tbType01">
<caption>신청인정보 : 신청인분류, 신청인 이름, 주소, 이메일, 연락처 등의 정보제공</caption>
<colgroup>
<col style="width: 20%;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>신청인 분류</th>
<th scope="row">신청인 분류</th>
<td>
<p>
<c:out value="${item.rpplUsrTyTx }"></c:out>&nbsp;
@ -88,7 +92,7 @@
<c:choose>
<c:when test="${not empty item.rpplBizNm}">
<tr>
<th>신청인 대표</th>
<th scope="row">신청인 대표</th>
<td>
<p>
<c:out value="${info.appliCantNm }"></c:out>&nbsp;
@ -98,7 +102,7 @@
</c:when>
<c:otherwise>
<tr>
<th>신청인 이름</th>
<th scope="row">신청인 이름</th>
<td>
<p>
<c:out value="${info.appliCantNm }"></c:out>&nbsp;
@ -110,7 +114,7 @@
<c:if test="${not empty item.rpplBizNm}">
<tr>
<th>신청인 법인명</th>
<th scope="row">신청인 법인명</th>
<td>
<p>
<c:out value="${item.rpplBizNm }"></c:out>&nbsp;
@ -119,7 +123,7 @@
</tr>
</c:if>
<tr>
<th>주소</th>
<th scope="row">주소</th>
<td>
<p>
<c:out value="(${item.rpplPost }) ${item.rpplAddr } ${item.rpplAddrDtl }"></c:out>&nbsp;
@ -127,7 +131,7 @@
</td>
</tr>
<tr>
<th>이메일</th>
<th scope="row">이메일</th>
<td>
<p>
<c:out value="${item.rpplEmail }"></c:out>&nbsp;
@ -135,7 +139,7 @@
</td>
</tr>
<tr>
<th>연락처</th>
<th scope="row">연락처</th>
<td>
<p>
<c:out value="${item.rpplPhone }"></c:out>&nbsp;
@ -181,8 +185,8 @@
<!-- 신청인 대리인 정보 -->
<c:forEach var="item" items="${rppList}" varStatus="status">
<c:if test="${item.rpplTy eq KccadrConstants.ADR_RPPL_TY_REQ_DEPUTY}">
<p class="tb_tit">신청인 대리인 정보</p>
<table class="pop_tbType01">
<p class="cont_tit02">신청인 대리인 정보</p>
<table class="popup_tbType01">
<colgroup>
<col style="width: 20%;">
<col style="width: auto;">
@ -192,7 +196,7 @@
<c:when test="${not empty item.rpplUsrTy}">
<c:out value="${item.rpplUsrTyTx }"></c:out>&nbsp;
<tr>
<th>대리인분류</th>
<th scope="row">대리인분류</th>
<td>
<p>
<c:out value="${item.rpplUsrTyTx }"></c:out>&nbsp;
@ -202,7 +206,7 @@
</c:when>
<c:otherwise>
<tr>
<th>본인과의 관계</th>
<th scope="row">본인과의 관계</th>
<td>
<p>
<kc:code codeId="CC006" code="${item.rpplRelation}"/>
@ -215,7 +219,7 @@
</c:otherwise>
</c:choose>
<tr>
<th>대리인 이름</th>
<th scope="row">대리인 이름</th>
<td>
<p>
<c:out value="${item.rpplNm }"></c:out>&nbsp;
@ -224,7 +228,7 @@
</tr>
<c:if test="${not empty item.rpplBizNm}">
<tr>
<th>피신청인 법인(개인사업자)명</th>
<th scope="row">피신청인 법인(개인사업자)명</th>
<td>
<p>
<c:out value="${item.rpplBizNm }"></c:out>&nbsp;
@ -233,7 +237,7 @@
</tr>
</c:if>
<tr>
<th>주소</th>
<th scope="row">주소</th>
<td>
<p>
<c:out value="(${item.rpplPost }) ${item.rpplAddr } ${item.rpplAddrDtl }"></c:out>&nbsp;
@ -241,7 +245,7 @@
</td>
</tr>
<tr>
<th>이메일</th>
<th scope="row">이메일</th>
<td>
<p>
<c:out value="${item.rpplEmail }"></c:out>&nbsp;
@ -249,7 +253,7 @@
</td>
</tr>
<tr>
<th>연락처</th>
<th scope="row">연락처</th>
<td>
<p>
<c:out value="${item.rpplPhone }"></c:out>&nbsp;
@ -287,7 +291,7 @@
</td>
</tr> --%>
<tr>
<th>대리신청서</th>
<th scope="row">대리신청서</th>
<td>
<p>
<c:forEach var="files" items="${reqfileList}" varStatus="status">
@ -303,14 +307,14 @@
</tbody>
</table>
<c:if test="${not empty item.rpplRealPost }">
<table class="pop_tbType01" style="margin-top: 20px;">
<table class="popup_tbType01" style="margin-top: 20px;">
<colgroup>
<col style="width: 20%;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>우편물 수령지</th>
<th scope="row">우편물 수령지</th>
<td>
<p>
<c:out value="(${item.rpplRealPost }) ${item.rpplRealAddr } ${item.rpplRealAddrDtl }"></c:out>&nbsp;
@ -326,15 +330,15 @@
<c:forEach var="item" items="${rppList}" varStatus="status">
<!-- 피신청인 정보 -->
<c:if test="${item.rpplTy eq KccadrConstants.ADR_RPPL_TY_RES}">
<p class="tb_tit">피신청인 정보</p>
<table class="pop_tbType01">
<p class="cont_tit02">피신청인 정보</p>
<table class="popup_tbType01">
<colgroup>
<col style="width: 20%;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>피신청인 분류</th>
<th scope="row">피신청인 분류</th>
<td>
<p>
<c:out value="${item.rpplUsrTyTx }"></c:out>&nbsp;
@ -342,7 +346,7 @@
</td>
</tr>
<tr>
<th>피신청인 이름</th>
<th scope="row">피신청인 이름</th>
<td>
<p>
<c:out value="${item.rpplNm }"></c:out>&nbsp;
@ -351,7 +355,7 @@
</tr>
<c:if test="${not empty item.rpplBizNm}">
<tr>
<th>피신청인 법인명</th>
<th scope="row">피신청인 법인명</th>
<td>
<p>
<c:out value="${item.rpplBizNm }"></c:out>&nbsp;
@ -360,7 +364,7 @@
</tr>
</c:if>
<tr>
<th>주소</th>
<th scope="row">주소</th>
<td>
<p>
<c:out value="(${item.rpplPost }) ${item.rpplAddr } ${item.rpplAddrDtl }"></c:out>&nbsp;
@ -368,7 +372,7 @@
</td>
</tr>
<tr>
<th>이메일</th>
<th scope="row">이메일</th>
<td>
<p>
<c:out value="${item.rpplEmail }"></c:out>&nbsp;
@ -377,7 +381,7 @@
</td>
</tr>
<tr>
<th>연락처</th>
<th scope="row">연락처</th>
<td>
<p>
<c:out value="${item.rpplPhone }"></c:out>&nbsp;
@ -425,15 +429,15 @@
<c:forEach var="resPDList" items="${rppList}" varStatus="status">
<c:if test="${item.rpplSeq == resPDList.rpplRespddSeq}">
<c:if test="${resPDList.rpplTy eq KccadrConstants.ADR_RPPL_TY_RES_DEPUTY}">
<p class="tb_tit">피신청인 대리인 정보</p>
<table class="pop_tbType01">
<p class="cont_tit02">피신청인 대리인 정보</p>
<table class="popup_tbType01">
<colgroup>
<col style="width: 20%;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>본인과의 관계</th>
<th scope="row">본인과의 관계</th>
<td>
<p>
<kc:code codeId="CC006" code="${resPDList.rpplRelation}"/>
@ -444,7 +448,7 @@
</td>
</tr>
<tr>
<th>대리인 이름</th>
<th scope="row">대리인 이름</th>
<td>
<p>
<c:out value="${resPDList.rpplNm }"></c:out>&nbsp;
@ -453,7 +457,7 @@
</tr>
<c:if test="${not empty resPDList.rpplBizNm}">
<tr>
<th>피신청인 법인(개인사업자)명</th>
<th scope="row">피신청인 법인(개인사업자)명</th>
<td>
<p>
<c:out value="${resPDList.rpplBizNm }"></c:out>&nbsp;
@ -462,7 +466,7 @@
</tr>
</c:if>
<tr>
<th>주소</th>
<th scope="row">주소</th>
<td>
<p>
<c:out value="(${resPDList.rpplPost }) ${resPDList.rpplAddr } ${resPDList.rpplAddrDtl }"></c:out>&nbsp;
@ -470,7 +474,7 @@
</td>
</tr>
<tr>
<th>이메일</th>
<th scope="row">이메일</th>
<td>
<p>
<c:out value="${resPDList.rpplEmail }"></c:out>&nbsp;
@ -478,7 +482,7 @@
</td>
</tr>
<tr>
<th>연락처</th>
<th scope="row">연락처</th>
<td>
<p>
<c:out value="${resPDList.rpplPhone }"></c:out>&nbsp;
@ -516,7 +520,7 @@
</td>
</tr> --%>
<tr>
<th>대리신청서</th>
<th scope="row">대리신청서</th>
<td>
<p>
<c:forEach var="files" items="${reqfileList}" varStatus="status">
@ -533,14 +537,14 @@
</tbody>
</table>
<c:if test="${not empty resPDList.rpplRealPost }">
<table class="pop_tbType01" style="margin-top: 20px;">
<table class="popup_tbType01" style="margin-top: 20px;">
<colgroup>
<col style="width: 20%;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>우편물 수령지</th>
<th scope="row">우편물 수령지</th>
<td>
<p>
<c:out value="(${resPDList.rpplRealPost }) ${resPDList.rpplRealAddr } ${resPDList.rpplRealAddrDtl }"></c:out>&nbsp;
@ -557,7 +561,7 @@
</c:forEach>
<!-- //조정신청 내용 -->
<div class="btn_wrap btn_layout04">
<button type="button" class="btnType03" onclick="window.close()">닫기</button>
<button type="button" class="btnType02" onclick="window.close()">닫기</button>
</div>
</div>
</div>

2
src/main/webapp/kccadrPb/usr/css/common.css
View File

@ -4,7 +4,7 @@
.skip_menu a:hover,.skip_menu a:focus{top:0;}
/* header */
header{width: 100%; height: 135px; position: fixed; top: 0; left: 0; transition: height .3s ease-in-out, background-color .3s ease-in-out, margin .3s ease-in-out; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #d5d5d5; z-index: 20; background-color: #fff;}
header{width: 100%; height: 135px; position: fixed; top: 0; left: 0; transition: height .3s ease-in-out, background-color .3s ease-in-out, margin .3s ease-in-out; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #d5d5d5; z-index: 21; background-color: #fff;}
header.on{height: 520px; background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
header::before{position: absolute; content: " "; display: block; top: 135px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .2s ease-in-out;}
header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 135px; left: 0; opacity: 0; transition: opacity .2s ease-in-out;}

4
src/main/webapp/kccadrPb/usr/css/main.css
View File

@ -25,7 +25,7 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro
/* //메인비주얼 */
/* 바로가기 */
.baro_cont{padding: 0 20px; box-sizing: border-box; z-index: 21; position: relative;}
.baro_cont{padding: 0 20px; box-sizing: border-box; z-index: 21; position: relative; transition: all .3s ease;}
.baro_cont .inner{max-width: 1200px; width: 100%; height: 180px; position: relative; display: flex; margin: -90px auto 0 auto; background-color: #fff; border-radius: 10px; margin-top: -90px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.15); z-index: 24;}
.baro_cont a{width: calc(100% / 5); text-align: center; height: 100%; font-size: 21px; font-weight: 500; letter-spacing: -0.8px; position: relative; padding: 20px 0; box-sizing: border-box; transition: color 0.3s ease-in-out; z-index: 0;}
.baro_cont a.on i,.baro_cont a.on p{position: relative; z-index: 29;}
@ -60,7 +60,7 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro
.baro_cont.experience_cont a:nth-child(6) i{background-image: url(/kccadrPb/usr/image/main/icon_baro10.png);}
.baro_cont.experience_cont a:nth-child(6).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro10_hover.png);}
.mask{position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); z-index: 25;}
.mask{position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); z-index: 24;}
.tooltip_box{position: absolute; display: none; background-color: transparent; top: -100px; left: -10px; width: 500%; height: calc(100% - 30px); z-index: 30;}
.tooltip_type01{display: inline-flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 30px 30px 30px 42px; box-sizing: border-box; z-index: 99; border-radius: 5px; line-height: 1.3; box-shadow: 4px 8px 8px rgba(0,0,0,0.2); color: #222; text-align: left; margin-left: 60px;}
.baro_cont a:nth-child(4) .tooltip_box{left: -10px; width: 400%;}

4
src/main/webapp/kccadrPb/usr/css/popup.css
View File

@ -54,6 +54,7 @@
/* 조정신청서 보안요청 */
.popup_cont .cont_tit02{font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.popup_cont .cont_tit03{font-size: 18px; font-weight: 400; margin-bottom: 10px;}
.popup_cont .cont_tit04{font-size: 18px; font-weight: 500;}
.popup_cont .cont_info02{padding: 20px 15px; border: 1px solid #cccccc; border-radius: 5px; font-size: 15px; font-weight: 400; color: #222; line-height: 1.4; margin-bottom: 30px; box-sizing: border-box;}
/* //조정신청서 보안요청 */
@ -64,6 +65,9 @@
.popup_cont .btn_wrap .btnType01{background-color: #1b6fcd; color: #fff;}
.popup_cont .btn_wrap .btnType01:hover{background-color: #0352a9;}
.popup_cont .btn_wrap .btnType02{background-color: #666; color: #fff;}
.popup_cont .btn_wrap .btnType02:hover{background-color: #444;}
.popup_cont .radio_wrap{flex-wrap: wrap;}
.popup_cont .radio_wrap input[type="radio"]+label{font-size: 16px;}

8
src/main/webapp/kccadrPb/usr/script/main.js
View File

@ -25,7 +25,8 @@ $(document).ready(function () {
$(".baro_cont a").mouseover(function(){
if($(this).siblings().is("on") == false){
$(this).addClass("on");
$(".mask").show();
$(".baro_cont").css("z-index","28");
$(".mask").fadeIn(100);
$(this).children(".tooltip_box").show();
$(this).siblings().removeClass("on");
$(this).next().siblings(".tooltip_box").hide()
@ -34,9 +35,10 @@ $(document).ready(function () {
$(".tooltip_box, .baro_cont a").mouseleave(function(){
$(".tooltip_box").hide();
$(".mask").hide();
$(".baro_cont").css("z-index","20");
$(".mask").fadeOut(100);
$(".baro_cont a").removeClass("on");
})
});
});
function main_visual() {