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"%> <%@ 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"%> <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/post.css?ver=1"> <meta http-equiv="Content-Language" content="ko" > <title>우체국물류지원단</title> <script type="text/javascript" src="<c:url value='/js/EgovCalPopup.js' />"></script> <script src="<c:url value='/js/jquery.js' />"></script>  <script src="<c:url value='/js/Chart.min.js' />"></script> <script type="text/javascript" src="/js/calendar.js"></script> <link href="/js/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <script> $( document ).ready(function() { lineChart_day(); lineChart_month(); lineChart_year(); $('#lineCanvasMonth')[0].style.marginLeft = "18px"; //화면에 맞게 위치 조정 $('#lineCanvasMonth')[0].style.marginTop = "18px"; $('#lineCanvasYear')[0].style.marginLeft = "12px"; //화면에 맞게 위치 조정 $('#lineCanvasYear')[0].style.marginTop = "18px"; $("#statCondition").change(function(){ var statCondition = $("#statCondition option:selected").val(); if(statCondition == '1') lineChart_day(); if(statCondition == '2') lineChart_month(); if(statCondition == '3') lineChart_year(); }); barChart(); }); //var lineChart = ""; function lineChart_day(){ //if(lineChart!="") lineChart.destroy(); var data = { labels: ${statsDayList.date}, datasets:[ { label: "", fillColor: "rgb(233,125,125)", /* strokeColor: "rgba(220,220,220,1)", pointColor: "rgba(220,220,220,1)", */ pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(220,220,220,1)", /* data: [2, 3, 5, 7, 11, 13, 17] */ data: ${statsDayList.cnt} } ] }; var ctx = document.getElementById("lineCanvasDay").getContext("2d"); var options = { }; new Chart(ctx).Line(data, options); } function lineChart_month(){ //if(lineChart!="") lineChart.destroy(); var data = { labels: ${statsMonthList.date}, datasets:[ { label: "", fillColor: "rgb(65,195,150)", /* strokeColor: "rgba(220,220,220,1)", pointColor: "rgba(220,220,220,1)", */ pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(220,220,220,1)", data: ${statsMonthList.cnt} } ] }; var ctx = document.getElementById("lineCanvasMonth").getContext("2d"); var options = { }; new Chart(ctx).Line(data, options); } function lineChart_year(){ //if(lineChart!="") lineChart.destroy(); var data = { labels: ${statsYearList.date}, datasets:[ { label: "", fillColor: "rgb(88,143,246)", /* strokeColor: "rgba(220,220,220,1)", pointColor: "rgba(220,220,220,1)", */ pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(220,220,220,1)", data: ${statsYearList.cnt} } ] }; var ctx = document.getElementById("lineCanvasYear").getContext("2d"); var options = { }; new Chart(ctx).Line(data, options); } function barChart(){ var data = { labels: ${statsPcDayList.date}, datasets:[ { label: "", fillColor: "rgb(62,195,150)", strokeColor: "rgba(220,220,220,1)", data: ${statsPcDayList.cnt} }, { label: "", fillColor: "rgb(93,109,196)", strokeColor: "rgba(220,220,220,1)", data: ${statsMobileDayList.cnt} } ], }; var ctx = document.getElementById("barCanvas").getContext("2d"); var options = { animation: false }; var myBarChart = new Chart(ctx).Bar(data, options); } function goSubsession(conUrl , menuNo){ var subsessionFrom = document.subsessionFrom ; subsessionFrom.conUrl.value = conUrl ; subsessionFrom.menuNo.value = menuNo ; subsessionFrom.submit(); } String.prototype.replaceAll = function(src, repl){ var str = this; if(src == repl){return str;} while(str.indexOf(src) != -1) { str = str.replace(src, repl); } return str; } function fn_search(){ if($('#fromDate').val() == ''){ alert("조회 시작일자를 넣어주세요 ."); return; } if($('#toDate').val() == ''){ alert("조회 종료일자를 넣어주세요 ."); return; } var ntceBgnde = document.getElementById('fromDate').value; var ntceEndde = document.getElementById('toDate').value; var iChkBeginDe = Number( ntceBgnde.replaceAll("-","") ); var iChkEndDe = Number( ntceEndde.replaceAll("-","") ); if(iChkBeginDe > iChkEndDe || iChkEndDe < iChkBeginDe ){ alert("게시시작일자는 게시종료일자 보다 클수 없고,\n게시종료일자는 게시시작일자 보다 작을수 없습니다. "); return; } document.frm.submit(); } /* 엑셀다운로드 */ function fn_egov_subsrUserList_excelDown(){ document.frm.method = "post"; document.frm.action = "<c:url value='/uss/ion/pwm/userStatListExcelDown2.do'/>"; document.frm.submit(); } </script> <style> .ad_con_body {padding-top : 0px} .user_stat_button{ margin-top: 4px; width: 78px; height: 23px; border-radius: 5px; font-size: 14px; font-weight: 400; top: 8px; } </style> </head> <body> <noscript>자바스크립트를 지원하지 않는 브라우저에서는 일부 기능을 사용하실 수 없습니다.</noscript> <c:import url="/EgovPageLink.do?link=blank" /> <c:import url="/sym/mms/EgovMainMenuHead.do" /> <div id="wrapper"> <c:import url="/sym/mms/EgovMainMenuLeft.do" /> <form name=frm method="post" action="/uss/ion/pwm/userStat2.do"> <input type="hidden" name="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" /> <div class="ad_content2"> <div class="ad_con_head"> <div class="ad_head_text"> <p class="today_txt">사용자이용통계</p> </div> </div> <div class="ad_con_body"> <div class="middle_box" style="height: 33px;"> <div style="float: left;"> <input id="fromDate" name="fromDate" title="설문대상 시작일 입력" type="text" value="${searchVO.fromDate}" size="11" maxlength="10" style="margin-top: 6px; margin-left: 17px;" > <button type="button" name="btnCal1" onclick="calendar(event, 'fromDate'); return false;" style="margin-top: 5px;"> <i class="fa fa-calendar" aria-hidden="true" style="width: 60px;height: 18px;" ></i> </button> <label id='strDates'> ~ </label> <input id="toDate" name="toDate" title="설문대상 시작일 입력" type="text" value="${searchVO.toDate}" size="11" maxlength="10" style="margin-top: 6px; margin-left: 10px;"> <button type="button" name="btnCal1" onclick="calendar(event, 'toDate'); return false;" style="margin-top: 5px;"> <i class="fa fa-calendar" aria-hidden="true" style="width: 60px;height: 18px;"></i> </button> <button class="user_stat_button" onclick="fn_search(); return false;">조 회</button> </div> <div style="float: right;"> <button class="main1_btn main1_save_btn" id="main1_save_btn" onclick="javascript:fn_egov_subsrUserList_excelDown(); return false;">EXCEL</button> </div> </div> <div style="clear: both;"/> <div class="middle_box"> <p class="middle_head"> 접속통계(사용자) <%-- <c:if test="${!empty ROLE_ADMIN}"> <a href="#" onclick="goSubsession('/sts/cst/selectConectStats.do?userAt=A' , '5000000'); return false;">접속통계(사용자)</a> </c:if> <c:if test="${empty ROLE_ADMIN}"> 접속통계(사용자) </c:if> --%> <%-- <select name="statCondition" id="statCondition" style="margin-bottom: 4px; margin-left: 26px;"> <option value="1" <c:if test="${statType == '1'}">selected="selected"</c:if> >일별</option> <option value="2" <c:if test="${statType == '2'}">selected="selected"</c:if> >월별</option> <option value="3" <c:if test="${statType == '3'}">selected="selected"</c:if> >년도별</option> </select> --%> </p> <ul class="gr_li"> <li><img src="/img/post/today.jpg"> A : 일별</li> <li><img src="/img/post/month.jpg"> B : 월별</li> <li><img src="/img/post/year.jpg"> C : 년도별</li> </ul>  <p class="gr_img"> <canvas id="lineCanvasDay" width="988px" height="150px" ></canvas> <canvas id="lineCanvasMonth" width="988px" height="100px"></canvas> <canvas id="lineCanvasYear" width="988px" height="100px" margin-left="18px"></canvas> </p> </div> <div class="bottom_box"> <div class="bottom_right_box" style="width: 1050px;"> <p class="r_bottom_head"> PC, 모바일 접속통계(사용자) <%-- <c:if test="${!empty ROLE_ADMIN}"> <a href="#" onclick="goSubsession('/sts/cst/selectConectMenuStats.do?userAt=U' , '5000000'); return false;">PC, 모바일 접속통계(사용자)</a> </c:if> <c:if test="${empty ROLE_ADMIN}"> PC, 모바일 접속통계(사용자) </c:if> --%> </p> <ul class="r_bottom_sub"> <li><img src="/img/post/b_pc.jpg"> PC</li> <li><img src="/img/post/b_mobile.jpg"> 모바일</li> </ul> <p class="gr_2_img">  <canvas id="barCanvas" width="1050px" height="235px"></canvas> </p> </div> </div> </div> </div> </form> </div> <form name="subsessionFrom" id="subsessionFrom" method="get" action="/sym/mms/goSubsession.do"> <input name="conUrl" type="hidden" /> <input name="menuNo" type="hidden" /> </form> </body> </html>