Code - rosewiper/itsm

<%-- Class Name : EgovMainView.jsp Description : 메인화면 Modification Information 수정일 수정자 수정내용 ------- -------- --------------------------- 2011.08.31 JJY 경량환경 버전 생성 author : 실행환경개발팀 JJY since : 2011.08.31 --%> <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ page import ="egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <% String srchRoll = "N"; // 관리자 유무 if(EgovUserDetailsHelper.getAuthorities().contains("ROLE_ADMIN")){ srchRoll = "Y"; } %> <c:set var="srchRoll" value="<%=srchRoll%>" /> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" /> <meta charset="UTF-8"> <title>메인대시보드</title> <link rel="stylesheet" href="/direct/css/font.css"> <link rel="stylesheet" href="/direct/css/reset.css?ver=1"> <link rel="stylesheet" href="/direct/css/enroll_popup.css"> <link rel="stylesheet" href="/direct/css/index.css"> <link rel="stylesheet" href="/direct/css/nice-select.css">  <script src="/direct/js/jquery-1.11.3.min.js"></script> <script src="/direct/js/jquery-ui.min.js"></script> <script src="/direct/js/jquery.nice-select.js"></script> <script src="/direct/js/script.js"></script> <script src="<c:url value='/js/Chart_9.3.js' />"></script> <script> $(document).ready(function() { $('select').niceSelect(); ipPieChartSet(); //IP현황 그래프 //왼쪽 메뉴 height $(".left_sub_menu_area").attr("style","height:1236px !important;"); $(".left_title_menu_area").attr("style","height:1236px !important;"); $('#close').click(function() { $('#layer_pop').hide(); }); <c:if test="${fn:length(assetAlarmList) > 0 }"> if(fnGetCookie('main_popup') == null ){ $('.pop-layer').fadeIn(); } </c:if> }); function ipPieChartSet(){ var ctx = $('#pieChartCanvas'); var doughnutBar = new Chart(ctx, { type: 'doughnut', data: { labels: [ "${ipUseCodeCntList[0].ipUseCodeNm}(${ipUseCodeCntList[0].ipUseCodeCntPer}%)", "${ipUseCodeCntList[1].ipUseCodeNm}(${ipUseCodeCntList[1].ipUseCodeCntPer}%)", "${ipUseCodeCntList[2].ipUseCodeNm}(${ipUseCodeCntList[2].ipUseCodeCntPer}%)"], datasets: [{ label: "Status", backgroundColor: [ 'rgba(66, 133, 255,1)', 'rgba(255, 192, 0, 1)', 'rgba(245, 92, 92,1)' ], borderColor: 'rgba(73, 79, 92, 0)', data: ["${ipUseCodeCntList[0].ipUseCodeCnt}", "${ipUseCodeCntList[1].ipUseCodeCnt}", "${ipUseCodeCntList[2].ipUseCodeCnt}"] }] }, options: { cutoutPercentage: 50, maintainAspectRatio: false, startAngle: 0, tooltips: { mode: 'index', backgroundColor: '#393e48' }, legend: { position: 'bottom', labels: { fontSize: 11.5, padding: 13, boxWidth: 7, pointStyle:'circle', usePointStyle:true } }, scaleShowLabelBackdrop:true, } }); } /* 민원 관리 상세*/ function fn_cmp_detail(cmplntId, cmplntSn){ var docWidth = screen.availWidth; var docHeight = screen.availHeight; var scX = window.screenX||window.screenLeft||0; var scY = window.screenY||window.screenTop||0; var popupX = scX + (docWidth - 888) / 2; var popupY = scY + (docHeight - 846) / 2; window.open('', "viewOpener", "width=888, height=846, left="+popupX+", top="+popupY,"toolbar=0","location=no", "directories=0", "status=0", "menubar=0"); document.cmpForm.cmplntId.value = cmplntId; document.cmpForm.cmplntSn.value = cmplntSn; document.cmpForm.cmplntImsiYn.value = "N"; document.cmpForm.method = "post"; document.cmpForm.action = "/uss/itsm/cvlCmplnt/selectCvlCmplntDetail.do"; document.cmpForm.target = "viewOpener" ; document.cmpForm.submit(); } /* 장비대여 상세 */ function fn_eq_detail(eqRntlId){ var docWidth = screen.availWidth; var docHeight = screen.availHeight; var scX = window.screenX||window.screenLeft||0; var scY = window.screenY||window.screenTop||0; var popupX = scX + (docWidth - 888) / 2; var popupY = scY + (docHeight - 600) / 2; window.open('', "viewEqRntlWebOpener", "width=888, height=600, left="+popupX+", top="+popupY,"toolbar=0","location=no", "directories=0", "status=0", "menubar=0"); document.eqForm.eqRntlId.value = eqRntlId; document.eqForm.imsiYn.value = "N"; document.eqForm.method = "post"; document.eqForm.action = "<c:url value='/uss/itsm/eqRntl/selectEqRntlDetail.do'/>"; document.eqForm.target = "viewEqRntlWebOpener"; document.eqForm.submit(); } /* 장애현황 상세 */ function fn_fault_detail(id){ var docWidth = screen.availWidth; var docHeight = screen.availHeight; var popupX = (docWidth/2) - (1340/2); var popupY = (docHeight/2) - (790/2); window.open('', "gamsaViewOpener", "width=1340, height=790, left="+popupX+", top="+popupY,"toolbar=0","location=no", "directories=0", "status=0", "menubar=0"); document.faultForm.method = "post"; document.faultForm.faultId.value = id; document.faultForm.pageType.value = "Modify"; document.faultForm.action = "<c:url value='/uss/itsm/fault/FaultMngView.do'/>"; document.faultForm.target = "gamsaViewOpener" ; document.faultForm.submit(); document.faultForm.faultId.value= ""; //초기화 document.faultForm.pageType.value = ""; } /* 교육 회의 상세*/ function fn_edu_detail(id,autConFlag,autStrPnttm){ document.eduForm.method = "post"; document.eduForm.autId.value = id; document.eduForm.autConFlag.value = autConFlag; document.eduForm.autStrPnttm.value = autStrPnttm; document.eduForm.pageType.value = "Modify"; if(document.eduForm.autConFlag.value == '01'){ var docWidth = screen.availWidth; var docHeight = screen.availHeight; var scX = window.screenX||window.screenLeft||0; var scY = window.screenY||window.screenTop||0; var popupX = scX + (docWidth - 1366) / 2; var popupY = scY + (docHeight - 786) / 2; window.open('', "gamsaViewOpener", "width=1366, height=786, left="+popupX+", top="+popupY,"toolbar=0","location=no", "directories=0", "status=0", "menubar=0"); document.eduForm.action = "<c:url value='/uss/itsm/edu/eduView.do'/>"; } if(document.eduForm.autConFlag.value == '03'){ var docWidth = screen.availWidth; var docHeight = screen.availHeight; var scX = window.screenX||window.screenLeft||0; var scY = window.screenY||window.screenTop||0; var popupX = scX + (docWidth - 654) / 2; var popupY = scY + (docHeight - 671) / 2; window.open('', "gamsaViewOpener", "width=654, height=671, left="+popupX+", top="+popupY,"toolbar=0","location=no", "directories=0", "status=0", "menubar=0"); document.eduForm.action = "<c:url value='/uss/itsm/edu/eduPlanView.do'/>"; } if(document.eduForm.autConFlag.value == '02'){ var docWidth = screen.availWidth; var docHeight = screen.availHeight; var scX = window.screenX||window.screenLeft||0; var scY = window.screenY||window.screenTop||0; var popupX = scX + (docWidth - 1366) / 2; var popupY = scY + (docHeight - 598) / 2; window.open('', "gamsaViewOpener", "width=1366, height=598, left="+popupX+", top="+popupY,"toolbar=0","location=no", "directories=0", "status=0", "menubar=0"); document.eduForm.action = "<c:url value='/uss/itsm/edu/confView.do'/>"; } document.eduForm.target = "gamsaViewOpener" ; document.eduForm.submit(); document.eduForm.autId.value = ""; } function fn_layerClose(){ $("#layer_pop_main").fadeOut(); } function fnPopupCheck() { fnSetCookiePopup( "main_popup" , "done" , 1); fn_layerClose(); } /* ******************************************************** * 쿠키설정 ******************************************************** */ function fnSetCookiePopup( name, value, expiredays ) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" //쿠키 삭제 하려면 fnSetCookiePopup('main_popup' , 'done' , 0 ); } function fnGetCookie(name) { var prefix = name + "="; var cookieStartIndex = document.cookie.indexOf(prefix); if (cookieStartIndex == -1) return null; var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length); if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length; return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)); } </script> <style> span.calDayN{z-index:99;} </style> </head> <body> <c:import url="/EgovPageLink.do?link=blank" /> <c:import url="/sym/mms/EgovMainMenuHead.do" /> <div id="wrapper"> <c:import url="/sym/mms/EgovMainMenuLeft.do" /> <div class="mainDash"> <div class="dashLeft"> <div class="mainNotice mainBox"> <div class="dashTitle"> <img src="/direct/img/dashboard/noticeTitle.png" alt=""> <span class="mainBoxTitle">공지사항</span> <div class="boxPlus"> <div class="boxlistNumArea">총 <span class="boxlistNum"><c:out value="${noticeTotCnt}" /></span>건</div> <input type="button" onclick="goSubsession('/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000221' , '6000000' , '6100000'); return false;" class="boxPlusBtn"> </div> </div> <div class="boxCt"> <ul class="boxList"> <c:forEach var="result" items="${noticeList}" varStatus="status"> <li onclick="goSubsession('/cop/bbs/selectBoardArticle.do?bbsId=${result.bbsId}&nttId=${result.nttId}' , '6000000' , '6100000'); return false;"> <div class="boxListTitleArea"><img src="/direct/img/dashboard/listTitle.png" alt=""> <span class="boxListTitle"> <c:out value="${result.nttSj}" /> </span> <span class="boxListInfo"><c:out value="${result.frstRegisterPnttm}" /></span> </div> </li> </c:forEach> </ul> </div> </div> <div class="mainDataroom mainBox"> <div class="dashTitle"> <img src="/direct/img/dashboard/dataroomTitle.png" alt=""> <span class="mainBoxTitle">자료실</span> <div class="boxPlus"> <div class="boxlistNumArea">총 <span class="boxlistNum"><c:out value="${dataTotCnt}" /></span>건</div> <input type="button" onclick="goSubsession('/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000222' , '6000000' , '6200000'); return false;" class="boxPlusBtn"> </div> </div> <div class="boxCt"> <ul class="boxList"> <c:forEach var="result" items="${dataList}" varStatus="status"> <li onclick="goSubsession('/cop/bbs/selectBoardArticle.do?bbsId=${result.bbsId}&nttId=${result.nttId}' , '6000000' , '6200000'); return false;"> <div class="boxListTitleArea"> <img src="/direct/img/dashboard/listTitle.png" alt=""> <span class="boxListTitle"><c:out value="${result.nttSj}" /></span> </div> </li> </c:forEach> </ul> </div> </div> <div class="mainIp mainBox"> <div class="dashTitle"> <img src="/direct/img/dashboard/ipTitle.png" alt=""> <span class="mainBoxTitle">IP현황</span> </div> <div class="ipGpArea" style="width:350px;height: 252px;"> <canvas id="pieChartCanvas" style="width: 350px;height: 175px;<%-- margin-top: 50px; --%>margin-left: -20px;"></canvas> </div> </div> </div> <div class="dashMid"> <div class="mainCmp mainBox"> <div class="dashTitle"> <img src="/direct/img/dashboard/cmpTitle.png" alt=""> <span class="mainBoxTitle">민원관리</span> <div class="boxPlus"> 총 <span class="boxlistNum"> <c:if test="${not empty cvlCmplntList}" > <c:out value="${cvlCmplntList[0].totCnt}" /> </c:if> <c:if test="${empty cvlCmplntList}" > 0 </c:if> </span>건 <input type="button" onclick="goSubsession('/uss/itsm/cvlCmplnt/selectCvlCmplntList.do' , '1140000' , '1141000'); return false;" class="boxPlusBtn"> </div> </div> <div class="midTable"> <form name="cmpForm" method="post"> <input type="hidden" name="cmplntId" /> <input type="hidden" name="cmplntSn" value="0" /> <input type="hidden" name="cmplntImsiYn" /> </form> <table> <thead> <tr> <th class="mtNumber">NO</th> <th class="mtField">분야</th> <th class="mtSort">민원구분</th> <th class="mtImpt">중요도</th> <th class="mtName">제목</th> <th class="mtFile">첨부파일</th> <th class="mtApc">신청자</th> <th class="mtEndt">등록일자</th> </tr> </thead> <tbody> <c:forEach var="result" items="${cvlCmplntList}" varStatus="status"> <tr> <td class="mtNumber"><c:out value="${cvlPaginationInfo.totalRecordCount+1 - ((cvlCmplntVO.pageIndex-1) * cvlCmplntVO.pageUnit + status.count)}" /></td> <td class="mtField"><c:out value="${result.cmplntFieldNm}" /></td> <td class="mtSort"><c:out value="${result.cmplntTypeNm}" /></td> <td class="mtImpt"><c:out value="${result.cmplntImprtnceNm}" /></td> <td class="mtName" style="cursor: pointer;" onclick="fn_cmp_detail('<c:out value="${result.cmplntId}" />', '<c:out value="${result.cmplntSn}" />'); return false;"><span class="mtNameArea"><c:out value="${result.cmplntTitle}" /></span></td> <td class="mtFile"> <c:if test="${result.atchFileYn == 'Y'}"><img src="/direct/img/complanint/table_file_icon.png" alt=""></c:if> <c:if test="${result.imgAtchFileYn == 'Y'}"><img src="/direct/img/complanint/table_img_icon.png" alt="" style="margin-left:4px;"></c:if> </td> <td class="mtApc"><c:out value="${result.frstRegisterNm}" /></td> <td class="mtEndt"><c:out value="${result.frstRegistPnttm}" /></td> </tr> </c:forEach> </tbody> </table> </div> </div> <div class="mainEqrt mainBox"> <div class="dashTitle"> <img src="/direct/img/dashboard/eqrentalTitle.png" alt=""> <span class="mainBoxTitle">장비대여</span> <div class="boxPlus"> <div class="boxlistNumArea">총 <span class="boxlistNum"> <c:if test="${not empty eqRntlList}" > <c:out value="${eqRntlList[0].totCnt}" /> </c:if> <c:if test="${ empty eqRntlList}" > 0 </c:if> </span>건</div> <input type="button" onclick="goSubsession('/uss/itsm/eqRntl/selectEqRntlList.do' , '1140000' , '1144000'); return false;" class="boxPlusBtn"> </div> </div> <div class="midTable"> <form name="eqForm" method="post"> <input type="hidden" name="eqRntlId" /> <input type="hidden" name="imsiYn" /> </form> <table> <thead> <tr> <th class="mtNumber">NO</th> <th class="mtEqName">장비명</th> <th class="mtModelName">모델명</th> <th class="mtDpm">부서</th> <th class="mtUser">사용자</th> <th class="mtRtl">대여기간</th> <th class="mtEndt">신청일자</th> </tr> </thead> <tbody> <c:forEach var="result" items="${eqRntlList}" varStatus="status"> <tr> <td class="mtNumber"><c:out value="${eqRnPaginationInfo.totalRecordCount+1 - ((eqRntlVO.pageIndex-1) * eqRntlVO.pageUnit + status.count)}" /></td> <td class="mtEqName" style="cursor: pointer;" onclick="fn_eq_detail('<c:out value="${result.eqRntlId}" />'); return false;" ><c:out value="${result.astName}" /></td> <td class="mtModelName"><span class="mtModelNameArea"><c:out value="${result.astModel}" /></span></td> <td class="mtDpm"><c:out value="${result.reqDeptNm}" /></td> <td class="mtUser"><c:out value="${result.frstRegisterNm}" /></td> <td class="mtRtl"><c:out value="${result.eqRntlBgnDatetime}" />~ <c:out value="${result.eqRntlEndDatetime}" /></td> <td class="mtEndt"><c:out value="${result.frstRegistPnttm}" /></td> </tr> </c:forEach> </tbody> </table> </div> </div> <div class="mainFault mainBox"> <div class="dashTitle"> <img src="/direct/img/dashboard/faultTitle.png" alt=""> <span class="mainBoxTitle">장애현황</span> <div class="boxPlus"> <div class="boxlistNumArea">총 <span class="boxlistNum"><c:out value="${faultPaginationInfo.totalRecordCount}"/></span>건</div> <input type="button" onclick="goSubsession('/uss/itsm/fault/FaultMngList.do' , '1150000' , '1151000'); return false;" class="boxPlusBtn"> </div> </div> <div class="midTable"> <form name="faultForm" method="get" action="" > <input type="hidden" name="faultId" /> <input type="hidden" name="pageType" /> </form> <table> <thead> <tr> <th class="mtNumber">NO</th> <th class="mtFaultSort">분야</th> <th class="mtWorkObject">작업대상</th> <th class="mtWorkName">작업명</th> <th class="mtWorkTerm">작업일자</th> <th class="mtWorkEps">작업업체</th> <th class="mtWorker">작업자</th> <th class="mtRslErl">결과등록</th> </tr> </thead> <tbody> <c:forEach var="result" items="${faultMngList}" varStatus="status"> <tr> <td class="mtNumber"><c:out value="${( faultPaginationInfo.totalRecordCount - ((faultMngVO.pageIndex -1)*faultMngVO.pageUnit) ) - status.index }"/></td> <td class="mtFaultSort"> <c:choose> <c:when test="${result.faultMainCategory eq 'cd1'}"> HW </c:when> <c:when test="${result.faultMainCategory eq 'cd2'}"> SW </c:when> <c:when test="${result.faultMainCategory eq 'cd3'}"> 기타 </c:when> <c:otherwise> - </c:otherwise> </c:choose> </td> <td class="mtWorkObject"><span class="mtWorkObjectArea"> <c:forEach var="faultAssetsinfo" items="${faultAssetsList}" varStatus="status"> <c:if test="${faultAssetsinfo.faultId eq result.faultId}"> <c:out value="${faultAssetsinfo.faultAstModel}" /> </c:if> </c:forEach> </span> </td> <td class="mtWorkName" style="cursor: pointer;" onclick="fn_fault_detail('${result.faultId}'); return false;"><span class="mtWorkNameArea"><c:out value="${result.faultWorkName}" /></span></td> <td class="mtWorkTerm"><c:out value="${result.faultWorkDateStart}" />~<c:out value="${result.faultWorkDateEnd}" /></td> <td class="mtWorkEps"> <c:out value="${result.faultPartnerMutual}" /> </td> <td class="mtWorker"> <c:forEach var="faultWorkerInfo" items="${faultWorkerList}" varStatus="status"> <c:choose> <c:when test="${faultWorkerInfo.faultId eq result.faultId}"> <c:out value="${faultWorkerInfo.faultWorkerName}" /> </c:when> </c:choose> </c:forEach> </td> <td class="mtRslErl"> <c:choose> <c:when test="${result.faultResultYN eq 'Y'}"> 등록 </c:when> <c:otherwise> 미등록 </c:otherwise> </c:choose> </td> </tr> </c:forEach> </tbody> </table> </div> </div> </div> <div class="dashRight"> <div class="mainCal mainBox"> <div class="dashTitle"> <img src="/direct/img/dashboard/calTitle.png" alt=""> <span class="mainBoxTitle">캘린더</span> <div class="boxPlus"> <input type="button" class="calPlusBtn" onclick="selectSchList('', '');"> </div> </div>  <form name="schForm" method="post"> <input type="hidden" name="searchYear" value="" /> <input type="hidden" name="searchMonth" value="" /> </form> <script type="text/javaScript" language="javascript"> var searchYear; var searchMonth; var searchDay; var resultList; $( document).ready(function() { searchYear = "<c:out value='${schdlrVO.searchYear}' />"; searchMonth = "<c:out value='${schdlrVO.searchMonth}' />"; searchDay = "<c:out value='${schdlrVO.searchDay}' />"; if (!searchDay) { var date = new Date(); searchDay = $.datepicker.formatDate('dd', date); } schdlrList(); // 스케줄 조회 schdlrAllList(); // 전체일정 }); // 전체일정 조회 function schdlrAllList() { var schdlrTyCd = $("#schdlrTyCd").val(); $.ajax({ type : "POST", url : "<c:url value='/uss/itsm/schdlr/selectMainSchListAjax.do' />", data : { "schdlrTyCd" : schdlrTyCd }, dataType : 'jsonp', success : function(returnData, status) { if (status == "success") { setSchAllList(returnData.resultList); } else alert("조회가 실패되었습니다."); }, error : function(request, status, error) { alert("조회가 실패되었습니다."); } }); } // 전체일정 set function setSchAllList(resultList) { //console.log(resultList); if (resultList.length == 0) { $(".schBoxList").append("<li>등록된 일정이 없습니다.</li>"); return; } for (var i = 0; i < resultList.length; i++) { var li = $(".boxListTitleAreaClone").clone(); $(li).find(".boxListTitle").text(resultList[i].schdlrTitle); $(li).find(".boxListInfo").text(resultList[i].schdlrBgnDatetime); $(li).removeAttr("class"); $(li).css("display", ""); var year = resultList[i].schdlrBgnDatetime.substr(0, 4); var month = resultList[i].schdlrBgnDatetime.substr(5, 2); $(li).attr("onclick", "selectSchList('"+year+"', '"+month+"');"); // 요기 까지. 년월 클릭타고 달력 잘열림. $(".schBoxList").append(li); } } // 스케줄러 이동 function selectSchList(year, month) { /* document.schForm.searchYear.value = year; document.schForm.searchMonth.value = month; document.schForm.action = "<c:url value='/uss/itsm/schdlr/selectSchdlrList.do'/>?logCmd=ADM"; document.schForm.submit(); */ goSubsession('/uss/itsm/schdlr/selectSchdlrList.do?logCmd=ADM&searchYear='+year+'&searchMonth='+month , '1310000' , '1311000'); } // 월 이동 function monthNavi(cnd) { var date = new Date(searchYear + "-" + searchMonth + "-" + "01"); var move = 1; if (cnd == "prev") move = -1; date.setMonth(date.getMonth() + move); searchYear = $.datepicker.formatDate('yy', date); searchMonth = $.datepicker.formatDate('mm', date); searchDay = "01"; schdlrList(); } // 스케줄 조회 function schdlrList() { if (!searchYear) { var date = new Date(); searchYear = $.datepicker.formatDate('yy', date); searchMonth = $.datepicker.formatDate('mm', date); } // 달력 일자 조회기간(지난달, 다음달 일자 포함) //var intSearchMonth = Number(searchMonth); /* var nextMonth = intSearchMonth + 1 < 10 ? "0" + (intSearchMonth + 1) : intSearchMonth + 1 var prevMonth = intSearchMonth - 1 < 10 ? "0" + (intSearchMonth - 1) : intSearchMonth - 1 */ var nextMonth = new Date(searchYear + "-" + searchMonth + "-" + "01"); nextMonth.setMonth(nextMonth.getMonth() + 1); nextMonth = $.datepicker.formatDate('mm', nextMonth); var prevMonth = new Date(searchYear + "-" + searchMonth + "-" + "01"); prevMonth.setMonth(prevMonth.getMonth() - 1); //prevMonth = $.datepicker.formatDate('mm', prevMonth); //var prevMonthLastDay = ( new Date(searchYear, prevMonth, 0) ).getDate(); var startDayOfWeek = new Date(searchYear, searchMonth - 1, "01").getDay(); var endDayOfWeek = new Date(searchYear, searchMonth, 0).getDay(); //var bgnDate = new Date(searchYear, prevMonth, 0); var endDate = new Date(searchYear, searchMonth, 0); //bgnDate.setDate(bgnDate.getDate() - startDayOfWeek + 1); prevMonth.setDate(prevMonth.getDate() - startDayOfWeek + 1); endDate.setDate(endDate.getDate() + 6 - endDayOfWeek + 1); //var startDay = prevMonthLastDay - startDayOfWeek + 1 //var startDay = $.datepicker.formatDate("dd", prevMonthLastDay); //var endDay = 6 - endDayOfWeek; //var endDay = $.datepicker.formatDate("dd", monthLastDay); //var searchBgnDt = searchYear + prevMonth + startDay; //var searchEndDt = searchYear + nextMonth + endDay; var searchBgnDt = $.datepicker.formatDate("yymmdd", prevMonth); var searchEndDt = $.datepicker.formatDate("yymmdd", endDate); //console.log("searchDt", searchBgnDt, searchEndDt); $.ajax({ type : "POST", url : "<c:url value='/uss/itsm/schdlr/selectSchdlrListAjax.do' />", data : { "searchYear" : searchYear ,"searchMonth" : searchMonth ,"searchBgnDt" : searchBgnDt ,"searchEndDt" : searchEndDt }, dataType : 'jsonp', success : function(returnData, status) { if (status == "success") { setMonthList(returnData.resultList); } else alert("조회가 실패되었습니다."); }, error : function(request, status, error) { alert("조회가 실패되었습니다."); } }); } // 스케줄 set function setMonthList(result) { resultList = result; searchYear = result.searchYear; searchMonth = result.searchMonth; // 년월 표시 $(".calMonText").html(searchYear + "." + Number(searchMonth)); var tbodyHtml = ""; tbodyHtml += "<div class='calDay_row'>"; // 한주 칸 var startDate = new Date(searchYear, searchMonth - 1, "01"); var lastDate = new Date(searchYear, searchMonth, 0).getDate(); var startDayOfWeek = startDate.getDay(); var endDayOfWeek = new Date(searchYear, searchMonth, 0).getDay(); var todayDt = new Date().toISOString().substr(0, 10).split("-").join(""); var newLine = 0; var loopCnt = lastDate + startDayOfWeek + (6 - endDayOfWeek); var monthDay = 1; // 현재월 일자 var nextMonthDay = 1; // 다음월 일자 var prevMonthDate = new Date(searchYear + "-" + searchMonth + "-" + "01"); var move = -1 prevMonthDate.setMonth(prevMonthDate.getMonth() + move); var prevMonth = tmpMonth = $.datepicker.formatDate('mm', prevMonthDate); var prevYear = tmpMonth = $.datepicker.formatDate('yy', prevMonthDate); var prevMonthLastDay = ( new Date(prevYear, prevMonth, 0) ).getDate(); for (var i = 1; i <= loopCnt; i++) { var strDate; // 달력 일표시 var numBgnMon = 0; // 의미 없음 var tmpMonth; if (startDayOfWeek + numBgnMon >= i) { // 지난달 일자 표시 strDate = prevMonthLastDay - startDayOfWeek - numBgnMon + i // 지난달 표시 다른달도 확인필요 계산이 정확한지 var tmpDate = new Date(searchYear + "-" + searchMonth + "-" + "01"); var move = -1 tmpDate.setMonth(tmpDate.getMonth() + move); tmpYear = $.datepicker.formatDate('yy', tmpDate); tmpMonth = $.datepicker.formatDate('mm', tmpDate); // ! 지난달 일자 css 처리 필요 } else if (lastDate < monthDay) { // 다음달 일자 표시 strDate = nextMonthDay; nextMonthDay++; var tmpDate = new Date(searchYear + "-" + searchMonth + "-" + "01"); var move = 1 tmpDate.setMonth(tmpDate.getMonth() + move); tmpYear = $.datepicker.formatDate('yy', tmpDate); tmpMonth = $.datepicker.formatDate('mm', tmpDate); //! 다음달 일자 css 처리 필요 } else { // 현재월 strDate = monthDay; monthDay++; tmpYear = searchYear; tmpMonth = searchMonth; } var listDt = tmpYear + tmpMonth + ((strDate < 10) ? "0" + strDate: strDate); var dtCssStyle = ""; if (newLine == 0) dtCssStyle += "color: #fc1111;"; // red else if (newLine == 6) dtCssStyle += "color: #0054ff;"; // blue var calDayCss = "calDay"; // today css if (todayDt == listDt) calDayCss += " todayMain"; // 일정 표시 var schDataArr = resultList[listDt]; if (schDataArr) calDayCss += " calDayWork"; tbodyHtml += "<div class='"+calDayCss+"' onclick=\"selectSchList('"+tmpYear+"', '"+tmpMonth+"');\">"; // 일자 칸 tbodyHtml += "<span class='calDayN'><font style='"+dtCssStyle+"'>" + strDate + "</font></span>"; tbodyHtml += "</div>"; // 일자 칸 newLine++; // row div 줄바꿈 if (newLine == 7) { snObj = {}; // 순번배열 주 초기화 newLine = 0; tbodyHtml += "</div>"; if (strDate <= lastDate) tbodyHtml += "<div class='calDay_row'>"; // 한주 칸 } } // 일자 loop end tbodyHtml += "</div>"; // row div 줄바꿈 var listTbody = $(".calDayNum"); $(listTbody).html(tbodyHtml); } </script> <div class="calender_area"> <div class="contCal"> <div class="calBefore"> <input type="button" class="calBefore_btn" onclick="monthNavi('prev');"> </div> <div class="calMon"> <span class="calMonText"></span> </div> <div class="calNext"> <input type="button" class="calNext_btn" onclick="monthNavi('next');"> </div> <div class="calInArea"> <div class="calDayText"> <ul> <li class="sunDay">일</li> <li>월</li> <li>화</li> <li>수</li> <li>목</li> <li>금</li> <li class="satDay">토</li> </ul> </div> <div class="calDayNum"> </div> </div> </div> </div>  <div class="mainSchArea"> <div class="schSelect"> <%-- <select name="schdlrTyCd" id="schdlrTyCd" onchange="schdlrAllList();"> <option value="00">전체일정</option> <option value="01">개인일정</option> <option value="02">공유일정</option> <c:if test="${srchRoll == 'Y'}"> <option value="03">정기점검</option> </c:if> </select> --%> </div> <div class="schListArea"> <div class="schListTitle"> <span class="schToday">최신일정</span>  </div> <div class="boxCt"> <ul class="boxList schBoxList"> <li class="boxListTitleAreaClone" style="display: none;"> <div class="boxListTitleArea"><img src="/direct/img/dashboard/listTitle.png" alt=""> <span class="boxListTitle">우체국 인터넷 서비스 일시중단 알림</span> <span class="boxListInfo">2019-12-13&ensp;12:30:00</span> </div>  </li> </ul> </div> </div> </div> </div> <div class="mainUplist mainBox"> <div class="dashTitle"> <img src="/direct/img/dashboard/uplistTitle.png" alt=""> <span class="mainBoxTitle">교육/회의</span> <div class="boxPlus"> <div class="boxlistNumArea">총 <span class="boxlistNum"><c:out value="${eduPaginationInfo.totalRecordCount}"/></span>건</div> <input type="button" onclick="goSubsession('/uss/itsm/edu/selectEduList.do' , '1210000' , '1211000'); return false;" class="boxPlusBtn"> </div> </div> <div class="boxCt"> <form name="eduForm" method="get" action="<c:url value='/uss/itsm/edu/eduPlanView.do'/>" > <input type="hidden" name="autId" /> <input type="hidden" name="pageType" /> <input type="hidden" name="autCd" value="${eduVO.autCd}"/> <input type="hidden" name="autStrPnttm" value="${eduVO.autStrPnttm}"/> <input name="autConFlag" type="hidden" value="<c:out value='${eduVO.autConFlag}'/>"> <input name="autConFlag2" type="hidden" value="<c:out value='${eduVO.autConFlag2}'/>"> </form> <ul class="boxList" style="height: 339px;"> <c:forEach var="result" items="${eduList}" varStatus="status"> <li onclick="fn_edu_detail('${result.autId}' ,'${result.autConFlag}', '${result.autStrPnttm}'); return false;"> <div class="boxListTitleArea"><img src="/direct/img/dashboard/listTitle.png" alt=""> <span class="boxListTitle"> <c:if test="${result.autConFlag eq '01'}"> (교육) </c:if> <c:if test="${result.autConFlag eq '02'}"> (회의) </c:if> <c:if test="${result.autConFlag eq '03'}"> (연간교육) </c:if> <c:out value="${result.autSj}"/> </span> <span class="boxListInfo"><c:out value="${result.frstRegistPnttm}"/></span> </div> </li> </c:forEach> </ul> </div> </div> </div> </div> <c:if test="${fn:length(assetAlarmList) > 0 }"> <style type="text/css"> .pop-layer .pop-container { padding: 20px 25px; } .pop-layer p.ctxt { color: #666; line-height: 25px; } .pop-layer .btn-r { width: 100%; margin: 10px 0 1px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right; font-size:14px; font-weight:400; color:#aaa; cursor:pointer } .pop-layer { display: none; position: absolute; background-color: #fff; border: 5px solid #3571B5; z-index: 10; } #layer_pop_main{ top: 100px; left: 200px; width: 500px; height: auto; } .todayNoneOpen{float:left;cursor:pointer} .btn-layerClose{background-image:url(/direct/img/layerPopupDelectAAA.png);background-repeat:no-repeat;background-position: 37px center;padding-right:20px;} .resultTextCont{line-height:20px;font-weight:400;} .pop-conts{font-weight:500;} </style> </c:if> <div id="layer_pop_main" class="pop-layer" style="display: none;" > <div class="pop-container"> <div class="pop-conts"> 자산 CC 인증 안내입니다. <br/><br/> <div class="resultTextCont"> <c:forEach var="result" items="${assetAlarmList}" varStatus="status"> 인증일시 : ${result.astCcDate} / 구분 : ${result.astHdCdText} / 자산명 : ${result.astHdCdText} <br/> </c:forEach> </div> <div class="btn-r"> <div class="todayNoneOpen">하루동안 창을 열지 않음 <input type="checkbox" style="display: inline-block;" name="chkPopup" value="" onClick="fnPopupCheck()" title="하루동안창열지않기체크"></div> <a href="#" onclick="fn_layerClose(); return false;" class="btn-layerClose">닫기</a><br/> </div> </div> </div> </div> </div> <form name="bbsForm" action="<c:url value='/cop/bbs/selectBoardList.do'/>" method="post"> <input type="hidden" name="bbsId" value="<c:out value='${boardVO.bbsId}'/>" /> <input type="hidden" name="nttId" value="0" /> <input type="hidden" name="nttIds" value="0" /> </form> <c:import url="/sym/mms/EgovMainFooter.do" /> </body> </html>