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

[사용자] 기소유예 캘린더 추가 - 강의상세 신청 버튼 추가

Browse Source
This commit is contained in:
hylee 2023-10-18 12:44:05 +09:00
parent 5cb78771a4
commit 544c1f3c1a
6 changed files with 461 additions and 261 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/main/java/kcc/ve/aplct/fndtnEnhanceTrn/web/FndtnEnhanceTrnController.java
View File

@ -396,6 +396,17 @@ public class FndtnEnhanceTrnController {
//1.pageing step1
//과정 조회
VEPrcsDetailVO vEPrcsDetailVODetail = vEPrcsAplctPrdService.selectDetailNewOne4Fndth(vEPrcsDetailVO);
VEEduAplctVO vEEduAplctReqVO = new VEEduAplctVO();
vEEduAplctReqVO.setUserId(loginVO.getUniqId());
vEEduAplctReqVO.setLctrDivCd(vEPrcsDetailVODetail.getLctrDivCd());
vEEduAplctReqVO.setPrcsAplctPrdOrd(vEPrcsDetailVODetail.getPrcsAplctPrdOrd());
vEEduAplctReqVO.setLctrDivCd(VeConstants.LCTR_DIV_CD_50);
VEEduAplctVO vEEduAplctVO = fndtnEnhanceTrnService.findByAprvlCd(vEEduAplctReqVO);
// VO를 먼저 null 체크 후 진행해야 에러안남
// vEEduAplctVO != null &&
if(vEEduAplctVO != null && StringUtils.isNotEmpty(vEEduAplctVO.getAprvlCd())) {
vEPrcsDetailVODetail.setAprvlCd(vEEduAplctVO.getAprvlCd());
}
model.addAttribute("info", vEPrcsDetailVODetail);

12
src/main/java/kcc/ve/aplct/sspnIdtmt/web/SspnIdtmtController.java
View File

@ -392,6 +392,18 @@ public class SspnIdtmtController {
//1.pageing step1
//과정 조회
VEPrcsDetailVO vEPrcsDetailVODetail = vEPrcsAplctPrdService.selectDetailNewOne4Fndth(vEPrcsDetailVO);
VEEduAplctVO vEEduAplctReqVO = new VEEduAplctVO();
vEEduAplctReqVO.setUserId(loginVO.getUniqId());
vEEduAplctReqVO.setLctrDivCd(vEPrcsDetailVODetail.getLctrDivCd());
vEEduAplctReqVO.setPrcsAplctPrdOrd(vEPrcsDetailVODetail.getPrcsAplctPrdOrd());
vEEduAplctReqVO.setLctrDivCd(VeConstants.LCTR_DIV_CD_60);
VEEduAplctVO vEEduAplctVO = sspnIdtmtService.findByAprvlCd(vEEduAplctReqVO);
// VO를 먼저 null 체크 후 진행해야 에러안남
// vEEduAplctVO != null &&
if(vEEduAplctVO != null && StringUtils.isNotEmpty(vEEduAplctVO.getAprvlCd())) {
vEPrcsDetailVODetail.setAprvlCd(vEEduAplctVO.getAprvlCd());
}
model.addAttribute("info", vEPrcsDetailVODetail);

7
src/main/webapp/WEB-INF/jsp/web/ve/aplct/fndtnEnhanceTrn/eduAplctDetail.jsp
View File

@ -33,10 +33,10 @@
function ddlnCdSttsChk(){
var $ddlnCdStts = $("#ddlnCdStts");
// 상태에따라 싱천버튼 활성화 비활성화
var regStatus = true;
// 텍스트가 비어있는지 확인
if ($ddlnCdStts.text().trim() === "") {
var dateText = $ddlnCdStts.closest('table').find("td:eq(2)").text().trim();
@ -44,6 +44,7 @@
var strtPnttm = new Date(dateText.split("~")[0].trim().replace(/\./g, '-'));
var endPnttm = new Date(dateText.split("~")[1].trim().replace(/\./g, '-'));
var currentDate = new Date();
if (currentDate < strtPnttm) {
$ddlnCdStts.text("접수전");
} else if (currentDate >= strtPnttm && currentDate <= endPnttm) {
@ -52,8 +53,6 @@
} else if (currentDate > endPnttm) {
$ddlnCdStts.text("접수종료");
}
console.log('regStatus :: ', regStatus);
}
$('#regBtn').prop('disabled', regStatus); // 버튼 비활성화
}

49
src/main/webapp/WEB-INF/jsp/web/ve/aplct/fndtnEnhanceTrn/eduAplctList.jsp
View File

@ -516,7 +516,6 @@ $(document).ready(function(){
<th>6</th>
<th>7</th>
<th>8</th>
<!-- <th class="edup_this">9</th> -->
<th>9</th>
<th>10</th>
<th>11</th>
@ -524,54 +523,6 @@ $(document).ready(function(){
</tr>
</thead>
<tbody>
<!-- <tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr> -->
</tbody>
</table>
</div>

184
src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/eduAplctDetail.jsp
View File

@ -27,12 +27,16 @@
// 상태값 확인
ddlnCdSttsChk();
$("#regBtn").click(function(){
var regForm = document.regForm;
regForm.prcsAplctPrdOrd.value = $(this).data('info');
});
});
function ddlnCdSttsChk(){
var $ddlnCdStts = $("#ddlnCdStts");
var $ddlnCdStts = $(".ddlnCdStts");
// 상태에따라 싱천버튼 활성화 비활성화
var regStatus = true;
@ -54,20 +58,16 @@
$ddlnCdStts.text("접수종료");
}
}
console.log('regStatus : ', regStatus);
$('#regBtn').prop('disabled', regStatus); // 버튼 비활성화
}
function fncGoList(){
var listForm = document.listForm ;
listForm.action = "<c:url value='/web/ve/aplct/adultVisitEdu/eduAplct/eduAplctList.do'/>";
listForm.action = "<c:url value='/web/ve/aplct/sspnIdtmt/eduAplctList.do'/>";
listForm.submit();
}
function fncGoEdit(){
var linkForm = document.linkForm ;
linkForm.action = "<c:url value='/web/ve/aplct/adultVisitEdu/eduAplct/eduAplctMdfy.do'/>";
linkForm.submit();
}
function fncSendSubmit(){
if(confirm("제출 하시겠습니까?")){
@ -116,6 +116,42 @@
}
}
// 대상자 이름, 생년월일, 대상자TB ID
function fncEduReg(trgtNm, dBirth, sspnIdtmtTrgtOrd){
var form = document.regForm;
form.trgtNm.value = trgtNm;
form.dBirth.value = dBirth;
form.sspnIdtmtTrgtOrd.value = sspnIdtmtTrgtOrd;
var data = new FormData(document.getElementById("regForm"));
if(confirm("신청하시겠습니까?")){
var url = "${pageContext.request.contextPath}/web/ve/aplct/sspnIdtmt/eduRegAjax.do";
console.log(data);
$.ajax({
type:"POST",
url: url,
data: data,
dataType:'json',
async: false,
processData: false,
contentType: false,
cache: false,
success:function(returnData){
if(returnData.result == "success"){
alert("저장되었습니다.");
fncGoList();
}else{
alert("교육 신청에 실패하였습니다.\n담당자에게 문의해 주세요.");
}
},
error:function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
}
function fncGoDetail(){
var linkForm = document.linkForm ;
linkForm.action = "<c:url value='/web/ve/aplct/adultVisitEdu/eduAplct/eduAplctDetail.do'/>";
@ -132,9 +168,74 @@
, "chrgInfoUpdatePop"
);
}
function fn_confirm(){
var form = document.confirmForm;
var dBirth = $('#dBirth').val().replace(/\./g, '');
var trgtNm = $('#trgtNm').val();
form.trgtNm.value = trgtNm;
form.dBirth.value = dBirth;
var data = new FormData(document.getElementById("confirmForm"));
var url = "${pageContext.request.contextPath}/web/ve/aplct/sspnIdtmt/userConfirmAjax.do";
$.ajax({
type:"POST",
url: url,
data: data,
dataType:'json',
async: false,
processData: false,
contentType: false,
cache: false,
success:function(returnData){
console.log('returnData : ', returnData);
if(returnData.result == "success"){
// 대상자 테이블 pk 값
var sspnIdtmtTrgtOrd = returnData.id;
if(sspnIdtmtTrgtOrd != ''){
alert("확인되었습니다.");
// 교육 신청 ajax
// 대상자 이름, 생년월일, 대상자TB ID
fncEduReg(trgtNm, dBirth, sspnIdtmtTrgtOrd);
} else {
alert("대상자에 없습니다.");
}
}else{
alert("대상자에 없습니다.");
}
fn_target_confirm_clean();
},
error:function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
$('#target_confirm_popup-close').click();
}
</script>
<form name="regForm" id="regForm">
<input type="hidden" name="prcsAplctPrdOrd">
<input type="hidden" name="sspnIdtmtTrgtOrd"> <!-- 대상자 테이블 PK -->
<input type="hidden" name="trgtNm">
<input type="hidden" name="dBirth">
</form>
<form name="confirmForm" id="confirmForm">
<input type="hidden" name="trgtNm">
<input type="hidden" name="dBirth">
</form>
<div class="cont_wrap" id="sub">
<div class="cont_tit">
<h2>교육신청 상세</h2>
@ -221,8 +322,15 @@
</tr>
<tr>
<th scope="row">상태</th>
<td id="ddlnCdStts">
<ve:code codeId="VEA004" code="${info.ddlnCd}"/>
<td class="ddlnCdStts">
<c:choose>
<c:when test="${not empty info.aprvlCd}">
<kc:code codeId="VE0003" code="${info.aprvlCd}"/>
</c:when>
<c:otherwise>
<kc:code codeId="VEA004" code="${info.ddlnCd}"/>
</c:otherwise>
</c:choose>
</td>
</tr>
</tbody>
@ -233,9 +341,59 @@
</div>
<div class="btn_center">
</div>
<div class="btn_right">
<button type="button" id="regBtn" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');">신청</button>
<div class="btn_right" class="aplctBtn">
<button type="button" class="btnType04" id="regBtn" data-info="<c:out value="${info.prcsAplctPrdOrd}"/>" data-tooltip="target_confirm_popup" >신청</button>
</div>
</div>
</div>
</div>
<!-- 교육대상자 확인 -->
<div class="tooltip-wrap">
<div class="popup_wrap popType01" tabindex="0" data-tooltip-con="target_confirm_popup" data-focus="target_confirm_popup" data-focus-prev="target_confirm_popup_close">
<div class="popup_tit">
<p>교육대상자 확인</p>
<button class="btn_popup_close tooltip-close" data-focus="target_confirm_popup_close" title="팝업 닫기"><i></i></button>
</div>
<div class="popup_cont">
<div class="cont_body">
<div class="pop_tb_type01" style="overflow:visible;">
<table>
<colgroup>
<col style="width:38%;">
<col style="width:auto;">
</colgroup>
<tr>
<th>성명</th>
<td>
<input type="text" id="trgtNm">
</td>
</tr>
<tr>
<th>주민번호앞자리</th>
<td>
<div class="calendar_wrap">
<duet-date-picker identifier="date" id="dBirth" class="startDate" id="" min="1940-01-01"></duet-date-picker>
</div>
<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker2.js"></script>
</td>
</tr>
</table>
</div>
<div class="pop_btn_wrap btn_layout01">
<div class="btn_left">
</div>
<div class="btn_center">
<button type="button" class="btnType05" onclick="fn_confirm()">제출</button>
<button type="button" class="btnType02 tooltip-close" id="target_confirm_popup-close" data-focus="target_confirm_popup-close" data-focus-next="target_confirm_popup">취소</button>
</div>
<div class="btn_right">
</div>
</div>
</div>
</div>
</div>
</div>
<!--// 신청 클릭 > 기소유예 대상자 확인 팝업 -->

459
src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/eduAplctList.jsp
View File

@ -17,52 +17,108 @@
$(document).ready(function(){
$('.tab_button').click(function(){
var type = $(this).data('info');
// list 타입이면 return;
if(type === 'list')
return false;
var data = fncEduSelect();
console.log('data : ', data);
// 월 하이라이트 체크
fn_MonthHL();
// 현재 날짜를 가져옵니다.
var today = new Date();
var currentMonth = today.getMonth() + 1;
// 데이터 추가 전 촐기화
$(".edu_program tbody").empty();
// 반복시작
$.each(data, function(index, item) {
var prcsNm = item.prcsNm;
var startDt = item.eduStrtPnttm;
// 교육 일수 구하기
var dayDiff = fn_dayDiff(item);
var newRow = $("<tr></tr>");
// prcsNm 값을 추가합니다.
newRow.append('<td class="edup_title">' + prcsNm + '</td>');
// dayDiff 값을 추가합니다.
newRow.append('<td class="edup_days">' + dayDiff + '</td>');
// 교육일정 칼럼을 초기화합니다.
for (var i = 1; i <= 12; i++) {
// 다음 월 class
var cellClass = "edup_pass"; // 기본값
// 전 월 class
if (i < currentMonth) {
cellClass = "edup_pre";
// 현재 월
} else if (i === currentMonth) {
cellClass = "edup_this";
}
if (i === parseInt(startDt.split('.')[1])) {
newRow.append('<td class="' + cellClass + '" onclick="fncGoDetail(\'' + item.prcsAplctPrdOrd + '\')" style="cursor:pointer;">' + parseInt(startDt.split('.')[2]) + '</td>');
} else {
newRow.append('<td class="' + cellClass + '"></td>');
}
}
// 테이블에 새로운 행을 추가합니다.
$(".edu_program tbody").append(newRow);
});
//-- /반복끝
});
$(".aplctBtn button").click(function(){
var regForm = document.regForm;
regForm.prcsAplctPrdOrd.value = $(this).data('info');
});
// 상태값 확인
$(".ddlnCdStts").each(function() {
var $thisCell = $(this);
var $applyButton = $thisCell.closest('tr').find(".aplctBtn button");
$(".ddlnCdStts").each(function() {
var $thisCell = $(this);
var $applyButton = $thisCell.closest('tr').find(".aplctBtn button");
// var $aprvlCd = $thisCell.closest('tr').find(".aplctBtn input");
// 텍스트가 비어있는지 확인
if ($thisCell.text().trim() === "") {
var $currentRow = $thisCell.closest('tr');
// 텍스트가 비어있는지 확인
if ($thisCell.text().trim() === "") {
var $currentRow = $thisCell.closest('tr');
var strtPnttm = new Date($currentRow.find("td:eq(2)").text().split("~")[0].trim());
var endPnttm = new Date($currentRow.find("td:eq(2)").text().split("~")[1].trim());
var currentDate = new Date();
var strtPnttm = new Date($currentRow.find("td:eq(2)").text().split("~")[0].trim());
var endPnttm = new Date($currentRow.find("td:eq(2)").text().split("~")[1].trim());
var currentDate = new Date();
// 시간, 분, 초 초기화
strtPnttm.setHours(0, 0, 0, 0);
endPnttm.setHours(0, 0, 0, 0);
currentDate.setHours(0, 0, 0, 0);
var ddlnCdText = '';
console.log('currentDate : ', currentDate);
console.log('strtPnttm : ', strtPnttm);
console.log('endPnttm : ', endPnttm);
console.log('');
if (currentDate < strtPnttm) {
ddlnCdText = "접수전";
} else if (currentDate >= strtPnttm && currentDate <= endPnttm) {
ddlnCdText = "접수중";
} else if (currentDate > endPnttm) {
ddlnCdText = "접수종료";
}
$thisCell.text(ddlnCdText);
}
// 시간, 분, 초 초기화
strtPnttm.setHours(0, 0, 0, 0);
endPnttm.setHours(0, 0, 0, 0);
currentDate.setHours(0, 0, 0, 0);
var ddlnCdText = '';
console.log('');
if (currentDate < strtPnttm) {
ddlnCdText = "접수전";
} else if (currentDate >= strtPnttm && currentDate <= endPnttm) {
ddlnCdText = "접수중";
} else if (currentDate > endPnttm) {
ddlnCdText = "접수종료";
}
$thisCell.text(ddlnCdText);
}
// 텍스트가 "접수중"인지 확인
if ($thisCell.text().trim() !== "접수중") {
$applyButton.prop('disabled', true); // 버튼 비활성화
}
});
// 텍스트가 "접수중"인지 확인
if ($thisCell.text().trim() !== "접수중") {
$applyButton.prop('disabled', true); // 버튼 비활성화
}
});
});
@ -101,6 +157,67 @@ $(document).ready(function(){
});
}
}
function fn_dayDiff(item){
var startDt = item.eduStrtPnttm;
var endDt = item.eduDdlnPnttm;
// 날짜 문자열을 Date 객체로 변환합니다.
var startDate = new Date(startDt.split('.').join('-'));
var endDate = new Date(endDt.split('.').join('-'));
// 두 날짜 사이의 밀리초 차이를 구합니다.
var differenceInMilliseconds = endDate - startDate;
// 밀리초를 일수로 변환합니다. (1일 = 24시간 = 24 * 60분 = 24 * 60 * 60초 = 24 * 60 * 60 * 1000 밀리초)
var differenceInDays = differenceInMilliseconds / (24 * 60 * 60 * 1000);
// 시작 날짜와 종료 날짜를 모두 포함하여 계산
differenceInDays += 1;
return differenceInDays;
}
function fn_MonthHL(){
var today = new Date();
// 현재 달을 가져옵니다. (0부터 시작하므로 1을 더해줍니다.)
var currentMonth = today.getMonth() + 1;
// 해당하는 달의 <th> 요소에 'edup_this' 클래스를 추가합니다.
$("#monthTemp th:nth-child(" + currentMonth + ")").addClass("edup_this");
}
function fncEduSelect(){
var returnVal = '';
var data = new FormData(document.getElementById("selectForm"));
var url = "${pageContext.request.contextPath}/web/ve/aplct/fndtnEnhanceTrn/eduSelectAjax.do";
console.log(data);
$.ajax({
type:"POST",
url: url,
data: data,
dataType:'json',
async: false,
processData: false,
contentType: false,
cache: false,
success:function(returnData){
if(returnData.result == "success"){
console.log('returnData : ', returnData);
returnVal = returnData.data;
}
},
error:function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
return returnVal;
}
function linkPage(pageNo){
var listForm = document.listForm ;
@ -132,8 +249,6 @@ $(document).ready(function(){
function fn_confirm(){
console.log('??');
var form = document.confirmForm;
var dBirth = $('#dBirth').val().replace(/\./g, '');
var trgtNm = $('#trgtNm').val();
@ -141,7 +256,7 @@ $(document).ready(function(){
form.trgtNm.value = trgtNm;
form.dBirth.value = dBirth;
var data = new FormData(document.getElementById("confirmForm"));
var url = "${pageContext.request.contextPath}/web/ve/aplct/sspnIdtmt/userConfirmAjax.do";
@ -195,6 +310,9 @@ $(document).ready(function(){
<!-- content -->
<div class="cont_wrap" id="sub">
<form name="selectForm" id="selectForm">
<input type="hidden" name="lctrDivCd" value="60">
</form>
<form name="confirmForm" id="confirmForm">
<input type="hidden" name="trgtNm">
<input type="hidden" name="dBirth">
@ -224,144 +342,13 @@ $(document).ready(function(){
</div>
<!-- tab -->
<ul class="tab tab_02">
<li class="tab_li on"><button type="button" class="tab_button">캘린더형</button></li>
<li class="tab_li"><button type="button" class="tab_button">리스트형</button></li>
</ul>
<ul class="tab tab_02">
<li class="tab_li on"><button type="button" class="tab_button" data-info="list">리스트형</button></li>
<li class="tab_li"><button type="button" class="tab_button" data-info="cal">캘린더형</button></li>
</ul>
<div class="tab_content on">
<div class="list_top">
<div class="list_top_left">
<label for="" class="label">교육과정 선택</label>
<select class="selType1">
<option for="">전체</option>
<option for="">지난교육일정</option>
<option for="">당월교육일정</option>
<option for="">교육예정일정</option>
</select>
</div>
<div class="btn_wrap">
<div class="calendar_wrap">
<duet-date-picker identifier="date" name="searchStartDt" class="startDate hydrated" value=""></duet-date-picker>
</div>
~
<div class="calendar_wrap">
<duet-date-picker identifier="date" name="searchEndDt" class="endDate hydrated" value=""></duet-date-picker>
</div>
<button type="button" class="btnType01">검색</button>
</div>
</div>
<div class="edup_result">
<div>총 <span>6</span>개의 검색결과가 있습니다.</div>
<ul>
<li class="pass">지난교육일정</li>
<li class="this">당월교육일정</li>
<li class="pre">교육예정일정</li>
</ul>
</div>
<div class="edu_program">
<table>
<caption>교육일정표</caption>
<colgroup>
<col style="width: ;">
<col style="width: ;">
<col style="width: ;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
</colgroup>
<thead>
<tr>
<th class="first" rowspan="2">교육과정명<br/><span class="ep_text">(상세 내용을 보시려면 과정을 클릭하세요)</span></th>
<th rowspan="2">일수</th>
<th rowspan="2">시간</th>
<th colspan="12">교육일정<sapn class="ep_text">(교육 시작일)</sapn></th>
</tr>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th class="edup_this">9</th>
<th>10</th>
<th>11</th>
<th>12</th>
</tr>
</thead>
<tbody>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_time">14</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_time">14</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_time">14</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tab_content">
<div class="list_top">
<div class="list_top">
<div class="list_top_left">
<label for="searchStatus2" class="label">신청상태 선택</label>
<select class="selType1" id="searchStatus2" name="searchStatus2">
@ -473,6 +460,88 @@ $(document).ready(function(){
<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
</div>
</div>
<div class="tab_content">
<!-- <div class="list_top">
<div class="list_top_left">
<label for="" class="label">교육과정 선택</label>
<select class="selType1">
<option for="">전체</option>
<option for="">지난교육일정</option>
<option for="">당월교육일정</option>
<option for="">교육예정일정</option>
</select>
</div>
<div class="btn_wrap">
<div class="calendar_wrap">
<duet-date-picker identifier="date" name="searchStartDt" class="startDate hydrated" value=""></duet-date-picker>
</div>
~
<div class="calendar_wrap">
<duet-date-picker identifier="date" name="searchEndDt" class="endDate hydrated" value=""></duet-date-picker>
</div>
<button type="button" class="btnType01">검색</button>
</div>
</div> -->
<div class="edup_result">
<div>총 <span>6</span>개의 검색결과가 있습니다.</div>
<ul>
<li class="pass">지난교육일정</li>
<li class="this">당월교육일정</li>
<li class="pre">교육예정일정</li>
</ul>
</div>
<div class="edu_program">
<table>
<caption>교육일정표</caption>
<colgroup>
<col style="width: ;">
<col style="width: ;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
</colgroup>
<thead>
<tr>
<th class="first" rowspan="2">교육과정명<br/><span class="ep_text">(상세 내용을 보시려면 과정을 클릭하세요)</span></th>
<th rowspan="2">일수</th>
<th colspan="12">교육일정<sapn class="ep_text">(교육 시작일)</sapn></th>
</tr>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
<th>11</th>
<th>12</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</form:form>
</div>
@ -489,30 +558,30 @@ $(document).ready(function(){
<div class="popup_cont">
<div class="cont_body">
<div class="pop_tb_type01" style="overflow:visible;">
<table>
<colgroup>
<col style="width:38%;">
<col style="width:auto;">
</colgroup>
<tr>
<th>성명</th>
<td>
<input type="text" id="trgtNm">
</td>
</tr>
<tr>
<th>주민번호앞자리</th>
<td>
<div class="calendar_wrap">
<table>
<colgroup>
<col style="width:38%;">
<col style="width:auto;">
</colgroup>
<tr>
<th>성명</th>
<td>
<input type="text" id="trgtNm">
</td>
</tr>
<tr>
<th>주민번호앞자리</th>
<td>
<div class="calendar_wrap">
<duet-date-picker identifier="date" id="dBirth" class="startDate" id="" min="1940-01-01"></duet-date-picker>
</div>
<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker2.js"></script>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div class="pop_btn_wrap btn_layout01">
<div class="pop_btn_wrap btn_layout01">
<div class="btn_left">
</div>
<div class="btn_center">