Merge branch 'advc' of http://yongjoon.cho@vcs.iten.co.kr:9999/hylee/offedu into advc
This commit is contained in:
commit
95bf268375
@ -530,9 +530,7 @@ public class ExprnClsrmAplctController {
|
||||
}
|
||||
if("1".equals(Type)) { //type1 - 신청정보
|
||||
return "/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnAplctDashboard";
|
||||
}else if("2".equals(Type)) { //type2 - 운영계획
|
||||
return "/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnPlanDashboard";
|
||||
}else if("3".equals(Type)) { //type3 - 거래선
|
||||
}else if("2".equals(Type)) { //type2 - 서류제출
|
||||
//거래선 파일 정보 가져오기
|
||||
FileVO fileVO = new FileVO();
|
||||
fileVO.setAtchFileId(vEEduAplctVO.getTransAtchFileId());
|
||||
@ -552,6 +550,8 @@ public class ExprnClsrmAplctController {
|
||||
model.addAttribute("planFileList", result);
|
||||
model.addAttribute("planFileListCnt", result.size());
|
||||
return "/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnDocumentDashboard";
|
||||
}else if("3".equals(Type)) { //type3 - 운영계획
|
||||
return "/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnPlanDashboard";
|
||||
}else if("4".equals(Type)) { //type4 - 결과보고
|
||||
FileVO fileVO = new FileVO();
|
||||
if(vEEduAplctVO.getOrgnlRsltAtchFileId() != null){
|
||||
|
||||
@ -422,7 +422,7 @@
|
||||
</c:if>
|
||||
<!-- 교육 확정인 경우 관리자만 수정 가능 하도록 -->
|
||||
<%-- <c:if test="${info.aprvlCd eq '60'}"> --%>
|
||||
<button type="button" class="btn_type01" onclick="fncGoEdit();">변경</button>
|
||||
<button type="button" class="btn_type01" onclick="fncGoEdit();">수정</button>
|
||||
<%-- </c:if> --%>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
|
||||
@ -230,14 +230,15 @@ function usrJoin(){
|
||||
<span>GO</span>
|
||||
</button>
|
||||
|
||||
<button class="site" onclick="window.location.href='http://223.255.205.7/user/main/main.do" title="새창열림">
|
||||
<!-- 회원 SEQ 변경되는 문제로 인해 주석 -->
|
||||
<%-- <button class="site" onclick="window.location.href='http://223.255.205.7/user/main/main.do'" title="새창열림">
|
||||
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<span>e-배움터GO(비로그인)</span>
|
||||
</button>
|
||||
<button class="site" onclick="javascript:goEEdu();" title="새창열림">
|
||||
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<span>e-배움터GO(로그인)</span>
|
||||
</button>
|
||||
</button> --%>
|
||||
|
||||
<div class="area_right">
|
||||
<!-- Sso 연계 테스트 로그인 후-->
|
||||
|
||||
@ -276,7 +276,7 @@
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btnType05" onclick="nextTab('2');">운영계획으로 이동</button>
|
||||
<button type="button" class="btnType05" onclick="nextTab('2');">서류제출로 이동</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -68,8 +68,8 @@
|
||||
<!-- 체험교실 프로세스 -->
|
||||
<ul class="ex_process">
|
||||
<li class="p_1"><a href="#" id="p_1" onclick="tabLoad(this,'1');">신청정보</a></li>
|
||||
<li class="p_2"><a href="#" onclick="tabLoad(this,'2');">운영계획</a></li>
|
||||
<li class="p_3"><a href="#" onclick="tabLoad(this,'3');">서류 제출</a></li>
|
||||
<li class="p_2"><a href="#" onclick="tabLoad(this,'2');">서류 제출</a></li>
|
||||
<li class="p_3"><a href="#" onclick="tabLoad(this,'3');">운영계획</a></li>
|
||||
<li class="p_4"><a href="#" onclick="tabLoad(this,'4');">결과보고</a></li>
|
||||
<li class="p_5"><a href="#" onclick="tabLoad(this,'5');">최종결과</a></li>
|
||||
</ul>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
function openPop(){
|
||||
//if(!checkAplctPsbl()) return;
|
||||
if(${detailVO == null}){
|
||||
alert("등록된 운영신청 안내가 없습니다.");
|
||||
alert("신청기간이 아닙니다.");
|
||||
return false;
|
||||
}
|
||||
commonPopLayeropen(
|
||||
|
||||
@ -124,7 +124,7 @@
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btnType05" onclick="nextTab('4');">결과보고로 이동</button>
|
||||
<button type="button" class="btnType05" onclick="nextTab('3');">운영계획으로 이동</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -179,7 +179,7 @@
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btnType05" onclick="nextTab('3');">서류 제출로 이동</button>
|
||||
<button type="button" class="btnType05" onclick="nextTab('4');">결과보고로 이동</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -705,7 +705,7 @@
|
||||
<div class="btn_center">
|
||||
<button type="button" class="btnType04" onclick="fncGoLctrAplctReg();">교육콘텐츠 신청</button>
|
||||
<c:if test="${info.exprnAprvlCd ne '10'}">
|
||||
<button type="button" class="btnType05" onclick="fncGoRslt();">결과보고제출</button>
|
||||
<button type="button" class="btnType05" onclick="nextTab('4');;">결과보고제출</button>
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
|
||||
@ -157,116 +157,301 @@ $(document).ready(function(){
|
||||
<button type="button" title="새창열림"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_top">
|
||||
<div class="list_top_left">
|
||||
<label for="searchStatus2" class="label">신청상태 선택</label>
|
||||
<select class="selType1" id="searchStatus2" name="searchStatus2">
|
||||
<option ${vEEduAplctVO.searchStatus2 eq '' ? 'selected' : ''} value="">전체</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_SBMT ? 'selected' : ''} value="${VeConstants.STATUS_CD_SBMT}">교육신청</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDT_REQ ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDT_REQ}">수정요청</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDT_CMPT ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDT_CMPT}">수정완료</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_CAN ? 'selected' : ''} value="${VeConstants.STATUS_CD_CAN}">교육취소</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDU_SELCT ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDU_SELCT}">교육확정</option>
|
||||
</select>
|
||||
|
||||
<div class="tb_tit02">
|
||||
<div class="tb_tit02_left">
|
||||
<div class="t_best">베스트</div>
|
||||
</div>
|
||||
<div class="btn_wrap">
|
||||
<div class="calendar_wrap">
|
||||
<%-- <input type="text" class="calendar" id="searchStartDt" name="searchStartDt" title="시작일 선택" value="${vEEduAplctVO.searchStartDt}"> --%>
|
||||
<duet-date-picker identifier="date" name="searchStartDt" class="startDate" value="${vEEduAplctVO.searchStartDt}"></duet-date-picker>
|
||||
</div>
|
||||
~
|
||||
<div class="calendar_wrap">
|
||||
<%-- <input type="text" class="calendar" id="searchEndDt" name="searchEndDt" title="종료일 선택" value="${vEEduAplctVO.searchEndDt}"> --%>
|
||||
<duet-date-picker identifier="date" name="searchEndDt" class="endDate" value="${vEEduAplctVO.searchEndDt}"></duet-date-picker>
|
||||
</div>
|
||||
<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker.js"></script>
|
||||
<button type="button" class="btnType01" onclick="fncGoList();">검색</button>
|
||||
<button type="button" class="btnType02" onclick="fncReset(this);">초기화</button>
|
||||
<div class="btn_wrap1">
|
||||
<button type="button" title="베스트 더보기" class="con_more" onclick="location.href=''">더보기</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="best_list">
|
||||
<div class="best_con">
|
||||
<div class="img"><img src="/offeduadvc/visitEdu/usr/publish/images/content/popup_img_imsi.jpg" alt="핵심인재 역량강화"></div>
|
||||
<ul>
|
||||
<li class="con_title">핵심인재 역량강화 핵심인재 역량강화</li>
|
||||
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
|
||||
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="best_con">
|
||||
<div class="img"><img src="https://www.copyright.or.kr/images/renewal/facebook_thumbnail.jpg" alt="핵심인재 역량강화"></div>
|
||||
<ul>
|
||||
<li class="con_title">핵심인재 역량강화</li>
|
||||
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
|
||||
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="best_con">
|
||||
<div class="img"><img src="https://www.copyright.or.kr/images/renewal/facebook_thumbnail.jpg" alt="핵심인재 역량강화"></div>
|
||||
<ul>
|
||||
<li class="con_title">핵심인재 역량강화</li>
|
||||
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
|
||||
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="best_con">
|
||||
<div class="img"><img src="https://www.copyright.or.kr/images/renewal/facebook_thumbnail.jpg" alt="핵심인재 역량강화"></div>
|
||||
<ul>
|
||||
<li class="con_title">핵심인재 역량강화</li>
|
||||
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
|
||||
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
<!-- list -->
|
||||
<div class="tb_list01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<%-- <col style="width: 5%"> --%>
|
||||
<col style="width: 10%">
|
||||
<col style="width: auto">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 10%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th>NO</th> -->
|
||||
<th>교육구분</th>
|
||||
<th>과정명</th>
|
||||
<th>신청기간</th>
|
||||
<th>교육기간</th>
|
||||
<th>신청자/정원</th>
|
||||
<th>상태</th>
|
||||
<th>교육신청</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:forEach var="list" items="${list}" varStatus="status">
|
||||
<tr class="listCount">
|
||||
<%-- <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;"> --%>
|
||||
<%-- <c:out value="${status.count}"/> --%>
|
||||
<!-- </td> -->
|
||||
<td>
|
||||
<kc:code codeId="VEA001" code="${list.prcsDiv}"/>
|
||||
</td>
|
||||
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">
|
||||
<c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>)
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.strtPnttm}"/>~<c:out value="${list.endPnttm}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.eduStrtPnttm}"/>~<c:out value="${list.eduDdlnPnttm}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.nosCnt1}"/>/<c:out value="${list.nos}"/>
|
||||
</td>
|
||||
<td class="ddlnCdStts">
|
||||
<c:choose>
|
||||
<c:when test="${not empty list.aprvlCd}">
|
||||
<kc:code codeId="VE0003" code="${list.aprvlCd}"/>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<kc:code codeId="VEA004" code="${list.ddlnCd}"/>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</td>
|
||||
<td class="aplctBtn">
|
||||
<button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');">신청</button>
|
||||
</td>
|
||||
<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>
|
||||
<script src="/offeduadvc/visitEdu/usr/publish/script/duetdatepicker.js"></script>
|
||||
<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_left">
|
||||
<label for="searchStatus2" class="label">신청상태 선택</label>
|
||||
<select class="selType1" id="searchStatus2" name="searchStatus2">
|
||||
<option ${vEEduAplctVO.searchStatus2 eq '' ? 'selected' : ''} value="">전체</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_SBMT ? 'selected' : ''} value="${VeConstants.STATUS_CD_SBMT}">교육신청</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDT_REQ ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDT_REQ}">수정요청</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDT_CMPT ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDT_CMPT}">수정완료</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_CAN ? 'selected' : ''} value="${VeConstants.STATUS_CD_CAN}">교육취소</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDU_SELCT ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDU_SELCT}">교육확정</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="btn_wrap">
|
||||
<div class="calendar_wrap">
|
||||
<%-- <input type="text" class="calendar" id="searchStartDt" name="searchStartDt" title="시작일 선택" value="${vEEduAplctVO.searchStartDt}"> --%>
|
||||
<duet-date-picker identifier="date" name="searchStartDt" class="startDate" value="${vEEduAplctVO.searchStartDt}"></duet-date-picker>
|
||||
</div>
|
||||
~
|
||||
<div class="calendar_wrap">
|
||||
<%-- <input type="text" class="calendar" id="searchEndDt" name="searchEndDt" title="종료일 선택" value="${vEEduAplctVO.searchEndDt}"> --%>
|
||||
<duet-date-picker identifier="date" name="searchEndDt" class="endDate" value="${vEEduAplctVO.searchEndDt}"></duet-date-picker>
|
||||
</div>
|
||||
<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker.js"></script>
|
||||
<button type="button" class="btnType01" onclick="fncGoList();">검색</button>
|
||||
<button type="button" class="btnType02" onclick="fncReset(this);">초기화</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- list -->
|
||||
<div class="tb_list01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<%-- <col style="width: 5%"> --%>
|
||||
<col style="width: 10%">
|
||||
<col style="width: auto">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 10%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th>NO</th> -->
|
||||
<th>교육구분</th>
|
||||
<th>과정명</th>
|
||||
<th>신청기간</th>
|
||||
<th>교육기간</th>
|
||||
<th>신청자/정원</th>
|
||||
<th>상태</th>
|
||||
<th>교육신청</th>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
<c:if test="${empty list}">
|
||||
<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:forEach var="list" items="${list}" varStatus="status">
|
||||
<tr class="listCount">
|
||||
<%-- <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;"> --%>
|
||||
<%-- <c:out value="${status.count}"/> --%>
|
||||
<!-- </td> -->
|
||||
<td>
|
||||
<kc:code codeId="VEA001" code="${list.prcsDiv}"/>
|
||||
</td>
|
||||
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">
|
||||
<c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>)
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.strtPnttm}"/>~<c:out value="${list.endPnttm}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.eduStrtPnttm}"/>~<c:out value="${list.eduDdlnPnttm}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.nosCnt1}"/>/<c:out value="${list.nos}"/>
|
||||
</td>
|
||||
<td class="ddlnCdStts">
|
||||
<c:choose>
|
||||
<c:when test="${not empty list.aprvlCd}">
|
||||
<kc:code codeId="VE0003" code="${list.aprvlCd}"/>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<kc:code codeId="VEA004" code="${list.ddlnCd}"/>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</td>
|
||||
<td class="aplctBtn">
|
||||
<button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');">신청</button>
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
<c:if test="${empty list}">
|
||||
<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btnType01" onclick="fn_eduInquiry()">교육문의(미개발)</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btnType01" onclick="fn_eduInquiry()">교육문의(미개발)</button>
|
||||
|
||||
<!-- page -->
|
||||
<div class="page">
|
||||
<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- page -->
|
||||
<div class="page">
|
||||
<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
|
||||
</div>
|
||||
</form:form>
|
||||
</div>
|
||||
@ -216,124 +216,263 @@ $(document).ready(function(){
|
||||
|
||||
<input type="hidden" name="eduAplctOrd" id="eduAplctOrd" value="" />
|
||||
<div class="cont_tit">
|
||||
<h2>교육신청목록</h2>
|
||||
<h2>교육신청목록1</h2>
|
||||
<div class="sns_go">
|
||||
<button type="button" title="새창열림"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"></button>
|
||||
<button type="button" title="새창열림"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_top">
|
||||
<div class="list_top_left">
|
||||
<label for="searchStatus2" class="label">신청상태 선택</label>
|
||||
<select class="selType1" id="searchStatus2" name="searchStatus2">
|
||||
<option ${vEEduAplctVO.searchStatus2 eq '' ? 'selected' : ''} value="">전체</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_SBMT ? 'selected' : ''} value="${VeConstants.STATUS_CD_SBMT}">교육신청</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDT_REQ ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDT_REQ}">수정요청</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDT_CMPT ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDT_CMPT}">수정완료</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_CAN ? 'selected' : ''} value="${VeConstants.STATUS_CD_CAN}">교육취소</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDU_SELCT ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDU_SELCT}">교육확정</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="btn_wrap">
|
||||
<div class="calendar_wrap">
|
||||
<%-- <input type="text" class="calendar" id="searchStartDt" name="searchStartDt" title="시작일 선택" value="${vEEduAplctVO.searchStartDt}"> --%>
|
||||
<duet-date-picker identifier="date" name="searchStartDt" class="startDate" value="${vEEduAplctVO.searchStartDt}"></duet-date-picker>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<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="calendar_wrap">
|
||||
<%-- <input type="text" class="calendar" id="searchEndDt" name="searchEndDt" title="종료일 선택" value="${vEEduAplctVO.searchEndDt}"> --%>
|
||||
<duet-date-picker identifier="date" name="searchEndDt" class="endDate" value="${vEEduAplctVO.searchEndDt}"></duet-date-picker>
|
||||
</div>
|
||||
<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker.js"></script>
|
||||
<button type="button" class="btnType01" onclick="fncGoList();">검색</button>
|
||||
<button type="button" class="btnType02" onclick="fncReset(this);">초기화</button>
|
||||
</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>
|
||||
|
||||
|
||||
<!-- list -->
|
||||
<div class="tb_list01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<%-- <col style="width: 5%"> --%>
|
||||
<col style="width: 10%">
|
||||
<col style="width: auto">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 10%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th>NO</th> -->
|
||||
<th>교육구분</th>
|
||||
<th>과정명</th>
|
||||
<th>신청기간</th>
|
||||
<th>교육기간</th>
|
||||
<th>신청자/정원</th>
|
||||
<th>상태</th>
|
||||
<th>교육신청</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:forEach var="list" items="${list}" varStatus="status">
|
||||
<tr class="listCount">
|
||||
<%-- <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;"> --%>
|
||||
<%-- <c:out value="${status.count}"/> --%>
|
||||
<!-- </td> -->
|
||||
<td>
|
||||
<kc:code codeId="VEA001" code="${list.prcsDiv}"/>
|
||||
</td>
|
||||
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">
|
||||
<c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>)
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.strtPnttm}"/>~<c:out value="${list.endPnttm}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.eduStrtPnttm}"/>~<c:out value="${list.eduDdlnPnttm}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.nosCnt1}"/>/<c:out value="${list.nos}"/>
|
||||
</td>
|
||||
<td class="ddlnCdStts">
|
||||
<c:choose>
|
||||
<c:when test="${not empty list.aprvlCd}">
|
||||
<kc:code codeId="VE0003" code="${list.aprvlCd}"/>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<kc:code codeId="VEA004" code="${list.ddlnCd}"/>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</td>
|
||||
<td class="aplctBtn">
|
||||
<%-- <button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');">신청</button> --%>
|
||||
<button type="button" class="btnType04" data-info="<c:out value="${list.prcsAplctPrdOrd}"/>" data-tooltip="target_confirm_popup" >신청</button>
|
||||
</td>
|
||||
<div class="tab_content">
|
||||
<div class="list_top">
|
||||
<div class="list_top_left">
|
||||
<label for="searchStatus2" class="label">신청상태 선택</label>
|
||||
<select class="selType1" id="searchStatus2" name="searchStatus2">
|
||||
<option ${vEEduAplctVO.searchStatus2 eq '' ? 'selected' : ''} value="">전체</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_SBMT ? 'selected' : ''} value="${VeConstants.STATUS_CD_SBMT}">교육신청</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDT_REQ ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDT_REQ}">수정요청</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDT_CMPT ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDT_CMPT}">수정완료</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_CAN ? 'selected' : ''} value="${VeConstants.STATUS_CD_CAN}">교육취소</option>
|
||||
<option ${vEEduAplctVO.searchStatus2 eq VeConstants.STATUS_CD_EDU_SELCT ? 'selected' : ''} value="${VeConstants.STATUS_CD_EDU_SELCT}">교육확정</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="btn_wrap">
|
||||
<div class="calendar_wrap">
|
||||
<%-- <input type="text" class="calendar" id="searchStartDt" name="searchStartDt" title="시작일 선택" value="${vEEduAplctVO.searchStartDt}"> --%>
|
||||
<duet-date-picker identifier="date" name="searchStartDt" class="startDate" value="${vEEduAplctVO.searchStartDt}"></duet-date-picker>
|
||||
</div>
|
||||
~
|
||||
<div class="calendar_wrap">
|
||||
<%-- <input type="text" class="calendar" id="searchEndDt" name="searchEndDt" title="종료일 선택" value="${vEEduAplctVO.searchEndDt}"> --%>
|
||||
<duet-date-picker identifier="date" name="searchEndDt" class="endDate" value="${vEEduAplctVO.searchEndDt}"></duet-date-picker>
|
||||
</div>
|
||||
<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker.js"></script>
|
||||
<button type="button" class="btnType01" onclick="fncGoList();">검색</button>
|
||||
<button type="button" class="btnType02" onclick="fncReset(this);">초기화</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- list -->
|
||||
<div class="tb_list01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<%-- <col style="width: 5%"> --%>
|
||||
<col style="width: 10%">
|
||||
<col style="width: auto">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 10%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th>NO</th> -->
|
||||
<th>교육구분</th>
|
||||
<th>과정명</th>
|
||||
<th>신청기간</th>
|
||||
<th>교육기간</th>
|
||||
<th>신청자/정원</th>
|
||||
<th>상태</th>
|
||||
<th>교육신청</th>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
<c:if test="${empty list}">
|
||||
<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:forEach var="list" items="${list}" varStatus="status">
|
||||
<tr class="listCount">
|
||||
<%-- <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;"> --%>
|
||||
<%-- <c:out value="${status.count}"/> --%>
|
||||
<!-- </td> -->
|
||||
<td>
|
||||
<kc:code codeId="VEA001" code="${list.prcsDiv}"/>
|
||||
</td>
|
||||
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">
|
||||
<c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>)
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.strtPnttm}"/>~<c:out value="${list.endPnttm}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.eduStrtPnttm}"/>~<c:out value="${list.eduDdlnPnttm}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.nosCnt1}"/>/<c:out value="${list.nos}"/>
|
||||
</td>
|
||||
<td class="ddlnCdStts">
|
||||
<c:choose>
|
||||
<c:when test="${not empty list.aprvlCd}">
|
||||
<kc:code codeId="VE0003" code="${list.aprvlCd}"/>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<kc:code codeId="VEA004" code="${list.ddlnCd}"/>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</td>
|
||||
<td class="aplctBtn">
|
||||
<%-- <button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');">신청</button> --%>
|
||||
<button type="button" class="btnType04" data-info="<c:out value="${list.prcsAplctPrdOrd}"/>" data-tooltip="target_confirm_popup" >신청</button>
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
<c:if test="${empty list}">
|
||||
<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btnType01" onclick="fn_eduInquiry()">교육문의(미개발)</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btnType01" onclick="fn_eduInquiry()">교육문의(미개발)</button>
|
||||
|
||||
<!-- page -->
|
||||
<div class="page">
|
||||
<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- page -->
|
||||
<div class="page">
|
||||
<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
|
||||
</div>
|
||||
</form:form>
|
||||
</div>
|
||||
|
||||
|
||||
@ -60,7 +60,7 @@ header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
|
||||
.header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
|
||||
.header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
|
||||
.header_inner .dep_li_05 .depth01_li{width: calc(100%/5);}
|
||||
.header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
|
||||
.header_inner .dep_li_06 .depth01_li{width: calc(100%/6);}
|
||||
.header_inner .dep_li_07 .depth01_li:nth-child(n+2):nth-child(-n+4){width: 16%;}
|
||||
.header_inner .dep_li_07 .depth01_li:nth-child(n+5){width: 12%; min-width: 85px;}
|
||||
.header_inner .dep_li_07 .depth01_li:nth-child(1),.header_inner .dep_li_07 .depth01_li:nth-child(2){width:170px;}
|
||||
|
||||
@ -215,6 +215,21 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
.calendar_wrap input[type="text"] {width: 150px; height: 40px; font-weight: 300;}
|
||||
.calendar_wrap input[type="text"]:read-only {background-color: #fff;}
|
||||
|
||||
/* tab */
|
||||
.tab{display:flex;width:100%;border:1px solid #e9e9e9;border-bottom:1px solid #f37632;border-radius:10px 10px 0 0;margin:0 0 30px 0;}
|
||||
.tab .tab_li{position:relative;border-right:1px solid #e9e9e9;}
|
||||
.tab .tab_li.on::after{position:absolute;content:"";width:100%;height:calc(100% + 10px);background:#f37632;left:0;top:-10px;border-radius:10px 10px 0 0;box-shadow:0 0 5px rgba(0,0,0,0.25);}
|
||||
.tab .tab_li:last-child{border-right:0;}
|
||||
.tab.tab_02 .tab_li{width:calc(100%/2);}
|
||||
.tab.tab_03 .tab_li{width:calc(100%/3);}
|
||||
.tab.tab_04 .tab_li{width:calc(100%/4);}
|
||||
.tab.tab_05 .tab_li{width:calc(100%/5);}
|
||||
.tab .tab_li .tab_button{width:100%;height:50px;font-size:20px;font-weight:400;color:#666;}
|
||||
.tab .tab_li.on .tab_button{position:relative;z-index:20;margin:-5px 0 0 0;font-weight:500;color:#fff;}
|
||||
|
||||
.tab_content{display:none;}
|
||||
.tab_content.on{display:block;}
|
||||
|
||||
/* table title */
|
||||
.tb_tit01 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 15px;}
|
||||
.tb_tit01>p {font-size: 18px;}
|
||||
|
||||
@ -71,6 +71,13 @@ $(document).ready(function () {
|
||||
event.preventDefault();
|
||||
}
|
||||
});
|
||||
|
||||
// tab 클릭시
|
||||
$('.tab_button').on('click',function(){
|
||||
var tabNum = $(this).closest(".tab_li").index();
|
||||
$(this).closest(".tab_li").addClass("on").siblings(".tab_li").removeClass("on");
|
||||
$('.tab_content').eq(tabNum).addClass("on").siblings('.tab_content').removeClass('on');
|
||||
});
|
||||
})
|
||||
|
||||
function birthSelectBoxDraw(){
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
$(window).on('load',function(){
|
||||
|
||||
$(".startDate").each(function(idx,itm){
|
||||
if(idx != "0"){
|
||||
idx+=1;
|
||||
$(itm).removeClass("startDate").addClass("startDate"+idx);
|
||||
}
|
||||
});
|
||||
$(".endDate").each(function(idx,itm){
|
||||
if(idx != "0"){
|
||||
idx+=1;
|
||||
$(itm).removeClass("endDate").addClass("endDate"+idx);
|
||||
}
|
||||
});
|
||||
|
||||
// input value 값 추가, 검색 시 input value 값 안없어지게.
|
||||
var start_duetValue = $("duet-date-picker.startDate").val();
|
||||
var end_duetValue = $("duet-date-picker.endDate").val();
|
||||
@ -422,6 +435,219 @@ endDate.addEventListener("duetChange", function (e) {
|
||||
}
|
||||
}*/
|
||||
|
||||
|
||||
var duetdateleng = $("duet-date-picker").length+1;
|
||||
var startDateNum = [];
|
||||
|
||||
setTimeout(function(){
|
||||
for (var i = 2; i<duetdateleng; i++){
|
||||
startDateNum[i] = document.querySelector(".startDate"+i);
|
||||
startDateNum[i].dateAdapter = {
|
||||
parse: function parse() {
|
||||
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ""
|
||||
var createDate = arguments.length > 1 ? arguments[1] : undefined
|
||||
var matches = value.match(DATE_FORMAT)
|
||||
|
||||
if (matches) {
|
||||
return createDate(matches[3], matches[2], matches[1])
|
||||
}
|
||||
},
|
||||
format: function format(date) {
|
||||
if (date.getMonth() < 9) {
|
||||
if (date.getDate() < 10) {
|
||||
return ""
|
||||
.concat(date.getFullYear(), ".")
|
||||
.concat('0', date.getMonth() + 1, ".")
|
||||
.concat('0', date.getDate())
|
||||
} else {
|
||||
return ""
|
||||
.concat(date.getFullYear(), ".")
|
||||
.concat('0', date.getMonth() + 1, ".")
|
||||
.concat(date.getDate())
|
||||
}
|
||||
} else {
|
||||
if (date.getDate() < 10) {
|
||||
return ""
|
||||
.concat(date.getFullYear(), ".")
|
||||
.concat(date.getMonth() + 1, ".")
|
||||
.concat('0', date.getDate())
|
||||
} else {
|
||||
return ""
|
||||
.concat(date.getFullYear(), ".")
|
||||
.concat(date.getMonth() + 1, ".")
|
||||
.concat(date.getDate())
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
// 달력 플러그인 실행
|
||||
startDateNum[i].localization = {
|
||||
placeholder: '시작날짜를 입력하세요',
|
||||
selectedDateMessage: 'Selected date is',
|
||||
prevMonthLabel: '이전 달 보기',
|
||||
nextMonthLabel: '다음 달 보기',
|
||||
monthSelectLabel: '달 선택',
|
||||
yearSelectLabel: '년도 선택',
|
||||
closeLabel: '달력 닫기',
|
||||
dayNames: ['일', '월', '화', '수', '목', '금', '토'],
|
||||
monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
|
||||
monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
|
||||
identifier: "searchStartDt",
|
||||
name: "searchStartDt"
|
||||
}
|
||||
|
||||
// 달력 닫았을 때 input, input[type=hidden]에 value 값 넣어주기
|
||||
startDateNum[i].addEventListener("duetClose", function (e) {
|
||||
startDt = e.target;
|
||||
startDtVal = e.target.value;
|
||||
startSub = startDtVal.replace(/\-/g, '');
|
||||
var inputName = $(this).attr("name");
|
||||
$(".startDate").each(function(idx,itm){
|
||||
$(this).find(".duet-date__input").attr("id", inputName+idx);
|
||||
$(this).find(".duet-date__input").attr("name", inputName);
|
||||
$(this).find(".duet-date__input").attr("value", startSub);
|
||||
$(this).find(".duet-date__input").next().attr("name", inputName+i+"_submit");
|
||||
$(this).find(".duet-date__input").next().attr("value", startSub);
|
||||
});
|
||||
});
|
||||
|
||||
//날짜 값 바꼈을 때 시작일, 종료일 찾아 alert 띄우기
|
||||
startDateNum[i].addEventListener("duetChange", function (e) {
|
||||
startDt = e.target;
|
||||
startDtVal = e.target.value;
|
||||
var n = i-1;
|
||||
var endDtVal = $(".endDate"+n).find(".duet-date__input").val();
|
||||
endDtVal = endDtVal.replace(/[.]/gi, '');
|
||||
startDtVal = startDtVal.replace(/[.]/gi, '');
|
||||
if(startDtVal > endDtVal && endDtVal != ""){
|
||||
e.target.value = "";
|
||||
alert("시작일이 종료일보다 클 수 없습니다.");
|
||||
}else{}
|
||||
});
|
||||
|
||||
setTimeout(function(){
|
||||
//$("duet-date-picker .duet-date__input").attr("title","교육희망일을 YYYY.MM.DD 형식으로 입력해주세요11111");
|
||||
$("duet-date-picker .duet-date__input").each(function(idx,itm){
|
||||
idx+=1;
|
||||
$(itm).attr("name","searchStartDt"+idx);
|
||||
$(itm).attr("id","searchStartDt"+idx);
|
||||
});
|
||||
$("duet-date-picker .duet-date__input").attr('onkeydown','this.value=dateSetting(this.value);');
|
||||
},100)
|
||||
|
||||
startDateNum[i].addEventListener("duetFocus", function (e) {
|
||||
calendarSetting();
|
||||
});
|
||||
}
|
||||
},1000)
|
||||
|
||||
var endDateNum = [];
|
||||
|
||||
setTimeout(function(){
|
||||
for (var i = 2; i<duetdateleng; i++){
|
||||
endDateNum[i] = document.querySelector(".endDate"+i);
|
||||
endDateNum[i].dateAdapter = {
|
||||
parse: function parse() {
|
||||
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ""
|
||||
var createDate = arguments.length > 1 ? arguments[1] : undefined
|
||||
var matches = value.match(DATE_FORMAT)
|
||||
|
||||
if (matches) {
|
||||
return createDate(matches[3], matches[2], matches[1])
|
||||
}
|
||||
},
|
||||
format: function format(date) {
|
||||
if (date.getMonth() < 9) {
|
||||
if (date.getDate() < 10) {
|
||||
return ""
|
||||
.concat(date.getFullYear(), ".")
|
||||
.concat('0', date.getMonth() + 1, ".")
|
||||
.concat('0', date.getDate())
|
||||
} else {
|
||||
return ""
|
||||
.concat(date.getFullYear(), ".")
|
||||
.concat('0', date.getMonth() + 1, ".")
|
||||
.concat(date.getDate())
|
||||
}
|
||||
} else {
|
||||
if (date.getDate() < 10) {
|
||||
return ""
|
||||
.concat(date.getFullYear(), ".")
|
||||
.concat(date.getMonth() + 1, ".")
|
||||
.concat('0', date.getDate())
|
||||
} else {
|
||||
return ""
|
||||
.concat(date.getFullYear(), ".")
|
||||
.concat(date.getMonth() + 1, ".")
|
||||
.concat(date.getDate())
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
// 달력 플러그인 실행
|
||||
endDateNum[i].localization = {
|
||||
placeholder: '종료날짜를 입력하세요',
|
||||
selectedDateMessage: 'Selected date is',
|
||||
prevMonthLabel: '이전 달 보기',
|
||||
nextMonthLabel: '다음 달 보기',
|
||||
monthSelectLabel: '달 선택',
|
||||
yearSelectLabel: '년도 선택',
|
||||
closeLabel: '달력 닫기',
|
||||
dayNames: ['일', '월', '화', '수', '목', '금', '토'],
|
||||
monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
|
||||
monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
|
||||
identifier: "searchEndDt",
|
||||
name: "searchEndDt"
|
||||
}
|
||||
|
||||
// 달력 닫았을 때 input, input[type=hidden]에 value 값 넣어주기
|
||||
endDateNum[i].addEventListener("duetClose", function (e) {
|
||||
endDt = e.target;
|
||||
endDtVal = e.target.value;
|
||||
endSub = endDtVal.replace(/\-/g, '');
|
||||
var inputName = $(this).attr("name");
|
||||
$(".endDate").each(function(idx,itm){
|
||||
$(this).find(".duet-date__input").attr("id", inputName+idx);
|
||||
$(this).find(".duet-date__input").attr("name", inputName);
|
||||
$(this).find(".duet-date__input").attr("value", endSub);
|
||||
$(this).find(".duet-date__input").next().attr("name", inputName+i+"_submit");
|
||||
$(this).find(".duet-date__input").next().attr("value", endSub);
|
||||
});
|
||||
});
|
||||
|
||||
//날짜 값 바꼈을 때 시작일, 종료일 찾아 alert 띄우기
|
||||
endDateNum[i].addEventListener("duetChange", function (e) {
|
||||
endDt = e.target;
|
||||
endDtVal = e.target.value;
|
||||
var n = i-1
|
||||
var startDtVal = $(".startDate"+n).find(".duet-date__input").val();
|
||||
startDtVal = startDtVal.replace(/[.]/gi, '');
|
||||
endDtVal = endDtVal.replace(/[.]/gi, '');
|
||||
//console.log("2",startDtVal,endDtVal);
|
||||
if(endDtVal < startDtVal){
|
||||
e.target.value = "";
|
||||
alert("종료일이 시작일보다 작을 수 없습니다.");
|
||||
}else{}
|
||||
});
|
||||
|
||||
setTimeout(function(){
|
||||
$("duet-date-picker .duet-date__input").each(function(idx,itm){
|
||||
idx+=1;
|
||||
$(itm).attr("name","searchEndDt"+idx);
|
||||
$(itm).attr("id","searchEndDt"+idx);
|
||||
});
|
||||
$("duet-date-picker .duet-date__input").attr('onkeydown','this.value=dateSetting(this.value);');
|
||||
},100)
|
||||
|
||||
endDateNum[i].addEventListener("duetFocus", function (e) {
|
||||
calendarSetting();
|
||||
});
|
||||
}
|
||||
},1000)
|
||||
|
||||
|
||||
function calendarMsgKey(ipt,startVal,endVal,startName,endName){
|
||||
startVal = startVal.replace(/[.]/gi, '');
|
||||
endVal = endVal.replace(/[.]/gi, '');
|
||||
|
||||
Loading…
Reference in New Issue
Block a user