조상희

레드마인 #2833, #2834
의견 등록, 의견 - 자주쓰는 의견 목록 팝업
This commit is contained in:
HappyITN 2022-10-14 16:17:35 +09:00
parent f8528be323
commit 9e15be3c89
5 changed files with 173 additions and 9 deletions

View File

@ -365,7 +365,16 @@ public class AdjstConciliatorController {
model.addAttribute("info", info);
return "/web/kccadr/adjcclt/adjstDrtDetail";
}
}
/**
* 기일조서 상세 > 자주쓰는 의견 목록 팝업
*/
@RequestMapping("/web/kccadr/adjcclt/popup/adjstOpinionsPopList.do")
public String adjstOpinionsPopList(@ModelAttribute("adjstConciliatorVO") AdjstConciliatorVO adjstConciliatorVO, ModelMap model) throws Exception {
// model.addAttribute("info", adjstConciliatorService.selectAdjstRecommendationCommentDetail(adjstConciliatorVO));
return "/web/kccadr/adjcclt/popup/adjstOpinionsPopList";
}
/**
* 조정사건 목록 화면

View File

@ -12,6 +12,7 @@
<title>기일조서 상세</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script src="/kccadrPb/usr/script/popup.js"></script>
<!-- <script src="/js/page/adjstReq/adjstReq.js"></script> -->
<script type="text/javaScript" language="javascript">
$( document ).ready(function(){
fncGoCommentList();
@ -310,20 +311,39 @@
</tr>
</thead>
<tbody>
<tr>
<td>2021.07.15</td>
<td class="td_tit02">피신청인은 2020.9.18까지 신청인에게 금 3,000,000원을 지급한다.</td>
<td>김OO</td>
</tr>
<%-- <c:if test="${empty list}"> --%>
<tr><td colspan="3">등록된 의견이 없습니다.</td></tr>
<%-- </c:if> --%>
<tr>
<td>의견</td>
<td><textarea name="cn"> </textarea></td>
<td>
<button type="button" class="btnType11 btn_list" onclick="fncGoDetail(); return false;">사건정보</button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="tb_wrap">
<table class="tbType01 tb_deputy">
<colgroup>
<col style="width: 300px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>
<p>의견<button type="button" class="btnType01 btn_adr_search" data-tooltip="opinion_popup" onclick="AdjstReq.opinionsAdjstPopList();">자주쓰는 의견</button></p>
</th>
<td class="opinion">
<div class="text"><input type="checkbox" name="opinion" id="opinion" /><label for="opinion">자주쓰는 의견 등록</label></p>
<div class="box">
<textarea name="cn"></textarea>
<button type="button" class="btnType09">의견등록</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<%--의견등록--%>
<div id="commentArea" style="margin-bottom: 20px;"></div>
@ -331,6 +351,8 @@
<div class="btn_wrap btn_layout03">
<div class="btn_left"></div>
<div class="btn_right">
<button type="button" class="btnType07">반려</button>
<button type="button" class="btnType09">결재</button>
<button type="button" class="btnType11 btn_list" onclick="fncGoDetail(); return false;">사건정보</button>
</div>
</div>

View File

@ -0,0 +1,106 @@
<%@ 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_popup"]');
activeTarget.hide();
$('[data-tooltip="opinion_popup"]').focus();
});
})
</script>
<style type="text/css">
.popup_list tbody td.text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
</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_popup" tabindex="0" data-tooltip-con="opinion_popup" data-focus="opinion_popup" data-focus-prev="opinion_popup_close">
<div class="popup_tit">
<p>자주쓰는 의견 목록</p> <button class="btn_popup_close tooltip-close" data-focus="opinion_popup_close" title="팝업 닫기"><i></i></button>
</div>
<div class="popup_cont">
<div class="popup_search">
<label for="searchCondition">검색조건 선택</label>
<kc:select codeId="CC002" name="searchCondition" id="searchCondition" defaultValue="" defaultText="전체" selectedValue="${adjstReqVO.searchCondition}"/>
<label for="searchKeyword">검색 조건 입력</label>
<input type="text" name="searchKeyword" id="searchKeyword" value="<c:out value='${adjstReqVO.searchKeyword}' />" placeholder="검색 조건 입력" size="20">
<button type="button" class="btnType07" onclick="fncGoList(); return false;">검색</button>
</div>
<table class="popup_list">
<caption>자주쓰는 의견 목록 : 유형, 내용, 선택등의 정보제공</caption>
<colgroup>
<col style="width: 20%;">
<col style="width: 40%;">
<col style="width: 20%;">
</colgroup>
<thead>
<tr>
<th scope="col">유형</th>
<th scope="col">내용</th>
<th scope="col">선택</th>
</tr>
</thead>
<tbody>
<tr>
<td>기일조서</td>
<td class="text">피신청인이 제1항 의무를 성실히 이행할 경우 어쩌고저쩌고</td>
<td><button type="button" class="btnType01">선택</button></td>
</tr>
<c:if test="${fn:length(list) eq 0}">
<tr>
<td colspan="3"><spring:message code="common.nodata.msg" /></td>
</tr>
</c:if>
</tbody>
</table>
<!-- page -->
<!-- <div class="page"> -->
<%-- <ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" /> --%>
<!-- </div> -->
<!-- //page -->
<div class="btn_wrap">
<button class="btnType01 tooltip-close" data-focus="opinion_popup_close" data-focus-next="opinion_popup">닫기</button>
</div>
</div>
</div>
</body>
</html>

View File

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

View File

@ -242,6 +242,7 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.tb_list01 tbody .td_tit a{color: #222; font-weight: 400;}
.tb_list01 tbody .td_date p{overflow: visible; text-overflow: unset; white-space: normal;}
.tb_list01 tbody .hover_content_box {left:-10px;top:50px;}
.tb_list01 tbody .td_tit02 {font-weight:400;color:#222;text-align:left;}
.tb_list01 .td_status p,.tb_list01 .td_status a,.tb_list01 .td_status button{display: inline-block; width: auto; padding: 4.5px 10px; box-sizing: border-box; border-radius: 20px; border: 1px solid #ccc; background-color: #fff; line-height: 1.2; font-size: 16px}
.tb_list01 .td_status .status_write{border: 1px solid #1b6fcd; color: #1b6fcd;}
@ -303,6 +304,13 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.tbType01 td .check_wrap input[type="checkbox"],.tbType01 td .radio_wrap input[type="radio"]{vertical-align: middle;}
.tbType01 td input:read-only,.tbType01 td input:disabled,.tbType01 td button:disabled,.tbType01 td select:disabled{background-color: #eee !important; color: #aaa !important; font-size: 16px;}
.tbType01 tbody .opinion .text {line-height:20px;text-align:right;}
.tbType01 tbody .opinion .text input {width:20px;height:20px;margin:0;}
.tbType01 tbody .opinion .text input + label {line-height:24px;vertical-align:top;}
.tbType01 tbody .opinion .box {overflow:hidden;margin:10px 0 0;}
.tbType01 tbody .opinion .box textarea {float:left;width:calc(100% - 100px);}
.tbType01 tbody .opinion .box .btnType09 {width:90px;height:120px;}
.tbType02{border-top: 1px solid #000; width: 100%; text-align: center; margin-bottom: 20px; table-layout: fixed;}
.tbType02 thead tr{background-color: #f3f3f3; border-bottom: 0.01em solid #d5d5d5;}
.tbType02 thead th{font-size: 16px; height: 55px; color: #222; vertical-align: middle;}