File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<%--
Class Name : EgovMainView.jsp
Description : 메인화면
Modification Information
수정일 수정자 수정내용
------- -------- ---------------------------
2011.08.31 JJY 경량환경 버전 생성
author : 실행환경개발팀 JJY
since : 2011.08.31
--%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragma","no-cache");
response.setDateHeader("Expires",0);
if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache");
%>
<!DOCTYPE html>
<html lang="ko">
<c:set var="srGb" value=""/>
<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/enroll_popup.css">
<link rel="stylesheet" href="/direct/css/index.css">
<link rel="stylesheet" href="/direct/css/reset.css">
<link rel="stylesheet" href="/direct/css/nice-select.css">
<link rel="stylesheet" href="/direct/css/nice-select.css">
<script type="text/javascript" src="/direct/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/direct/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/direct/js/jquery.nice-select.js"></script>
<script type="text/javascript" src="/direct/js/popup_open.js"></script>
<script type="text/javascript" src="/direct/js/script.js"></script>
<script src="<c:url value='/js/Chart-2.9.3.min.js' />"></script>
<script>
$(document).ready(function() {
$('#sryy').niceSelect();
$('#srGb').niceSelect();
<c:if test="${not empty kPostStatsVO.tgYear}">
fn_chart();
</c:if>
});
//조회
function fn_search(tabgb){
var form = document.frm;
if (tabgb == null) {
$('#tabgb').val("hisStat");
} else {
$('#tabgb').val(tabgb);
}
if($("input[name=workCd]:checked").length == 0){
alert("선택된 업무구분 항목이 없습니다.");
return;
}
if ($('#tabgb').val() == "hisStat") {
if ($('#sryy').val() == "") {
alert("검색년도를 선택하세요!");
return;
}
if ($('#srGb').val() == "") {
alert("검색구분을 선택하세요!");
return;
}
if ($('#srGb').val() == "halfGb"){
if ($('#halfGb').val() == "") {
alert("반기를 선택하세요!");
return;
}
} else if ($('#srGb').val() == "qtGb"){
if ($('#qtGb').val() == "") {
alert("분기을 선택하세요!");
return;
}
} if ($('#srGb').val() == "monthGb"){
if ($('#monthGb').val() == "") {
alert("월을 선택하세요!");
return;
}
}
} else if ($('#tabgb').val() == "incr") {
if ($('#tgYear').val() == "") {
alert("검색 시작년도를 선택하세요!");
return;
}
if (($('#tgSMonth').val() == "") && ($('#tgEMonth').val() != "")){
alert("검색 시작월을선택하세요!");
return;
}
if (($('#tgSMonth').val() != "") && ($('#tgEMonth').val() == "")){
alert("검색 종료월을선택하세요!");
return;
}
if ($('#tgSMonth').val() > $('#tgEMonth').val()){
alert("검색 시작월이 종료월보다 큽니다!");
return;
}
if ((($('#tgSMonth').val() != "") || ($('#tgEMonth').val() != "")) && ($('#tgSDay').val() == "") && ($('#tgEDay').val() != "")){
alert("검색 시작일를 선택하세요!");
return;
}
if ((($('#tgSMonth').val() != "") || ($('#tgEMonth').val() != "")) && ($('#tgSDay').val() != "") && ($('#tgEDay').val() == "")){
alert("검색 종료일를 선택하세요!");
return;
}
if (($('#tgSMonth').val() == $('#tgEMonth').val()) && ($('#tgSDay').val() > $('#tgEDay').val())){
alert("검색 시작일이 종료일보다 큽니다!");
return;
}
}
document.frm.action = "<c:url value='/uss/ion/pwm/userStat.do'/>";
form.submit();
}
// 탭이동
function fn_tabs(tabgb){
fn_sAllcheck(false);
var form = document.frm;
if (tabgb == null) {
$('#tabgb').val("hisStat");
} else {
$('#tabgb').val(tabgb);
}
document.frm.action = "<c:url value='/uss/ion/pwm/userStat.do'/>";
form.submit();
}
//검색 - 전체체크
function fn_sAllcheck(chk){
$("input[name=workCd]:checkbox").each(function() {
$(this).prop("checked", chk);
});
}
//검색 - 단위체크
function fn_scheck(obj, chk){
var object = document.getElementById("workCd0");
if ($(object).is(':checked')) {
if (!chk) {
$(object).attr("checked", false);
}
}
}
function srgbChange(){
var srgb = $('#srGb').val();
if (srgb == "halfGb") {
$('#qtGb').niceSelect('destroy').css('display','none') ;
$('#monthGb').niceSelect('destroy').css('display','none');
$('#qtGb').val("");
$('#monthGb').val("");
$('#halfGb').show();
$('#halfGb').niceSelect();
} else if (srgb == "qtGb"){
$('#halfGb').niceSelect('destroy').css('display','none');
$('#monthGb').niceSelect('destroy').css('display','none');
$('#halfGb').val("");
$('#monthGb').val("");
$('#qtGb').show();
$('#qtGb').niceSelect();
} else if (srgb == "monthGb"){
$('#halfGb').niceSelect('destroy').css('display','none');
$('#qtGb').niceSelect('destroy').css('display','none');
$('#halfGb').val("");
$('#qtGb').val("");
$('#monthGb').show();
$('#monthGb').niceSelect();
}
}
//초기화
function fn_reset(tabgb){
fn_sAllcheck(false);
if (tabgb == "hisStat") {
$('#sryy').val("");
$('#sryy').niceSelect("update");
$('#srGb').val("");
$('#srGb').niceSelect("update");
$('#halfGb').val("");
$('#qtGb').val("");
$('#monthGb').val("");
$('#halfGb').niceSelect('destroy').css('display','none');
$('#qtGb').niceSelect('destroy').css('display','none');
$('#monthGb').niceSelect('destroy').css('display','none');
} else if (tabgb == "incr") {
$('#tgYear').val("");
$('#tgYear').niceSelect("update");
$('#tgSMonth').val("");
$('#tgSMonth').niceSelect("update");
$('#tgSDay').val("");
$('#tgSDay').niceSelect("update");
$('#tgEMonth').val("");
$('#tgEMonth').niceSelect("update");
$('#tgEDay').val("");
$('#tgEDay').niceSelect("update");
}
}
//엑셀 - 전체체크
function fn_sExcelAllcheck(chk){
$("input[name=excelCd]:checkbox").each(function() {
$(this).prop("checked", chk);
});
}
//엑셀 - 단위체크
function fn_sExcelcheck(obj, chk){
var object = document.getElementById("excelCd0");
if ($(object).is(':checked')) {
if (!chk) {
$(object).attr("checked", false);
}
}
}
//엑셀 다운로드
function fn_excelDown(){
if($("input[name=excelCd]:checked").length == 0){
alert("선택된 Excel 업무구분 항목이 없습니다.");
return;
} else {
document.frm.method = "post";
document.frm.action = "<c:url value='/uss/ion/pwm/userStatListExcelDown.do'/>";
document.frm.submit();
}
}
function fn_chart(){
var bgColor = ['rgb(255,192,0)', 'rgb(67,133,255)', 'rgb(246,92,92)'];
var divArray = [];
var txtArray = [];
var dataArray = [];
// 민원현황
<c:if test="${not empty cmpintCtList1.cdnm}">
var cmpintCtList1Data = {
labels: ${cmpintCtList1.cdnm},
datasets: [
{
label: "${cmpintCtList1.label[0]}",
backgroundColor: bgColor[0],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${cmpintCtList1.ct1},
datas: ${cmpintCtList1.ct1p},
}, {
label: "${cmpintCtList1.label[1]}",
backgroundColor: bgColor[1],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${cmpintCtList1.ct2},
datas: ${cmpintCtList1.ct2p},
}, {
label: "${cmpintCtList1.label[2]}",
backgroundColor: bgColor[2],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${cmpintCtList1.ct3},
datas: ${cmpintCtList1.ct3p},
}
]
};
divArray.push("cmpintList1Ct");
txtArray.push(" 상 태 별 ");
dataArray.push(cmpintCtList1Data);
</c:if>
<c:if test="${not empty cmpintCtList2.cdnm}">
var cmpintCtList2Data = {
labels: ${cmpintCtList2.cdnm},
datasets: [
{
label: "${cmpintCtList2.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${cmpintCtList2.ct1},
datas: ${cmpintCtList2.ct1p},
}, {
label: "${cmpintCtList2.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${cmpintCtList2.ct2},
datas: ${cmpintCtList2.ct2p},
}, {
label: "${cmpintCtList2.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${cmpintCtList2.ct3},
datas: ${cmpintCtList2.ct3p},
}
]
};
divArray.push("cmpintList2Ct");
txtArray.push(" 분 야 별 ");
dataArray.push(cmpintCtList2Data);
</c:if>
<c:if test="${not empty cmpintCtList3.cdnm}">
var cmpintCtList3Data = {
labels: ${cmpintCtList3.cdnm},
datasets: [
{
label: "${cmpintCtList3.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${cmpintCtList3.ct1},
datas: ${cmpintCtList3.ct1p},
}, {
label: "${cmpintCtList3.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${cmpintCtList3.ct2},
datas: ${cmpintCtList3.ct2p},
}, {
label: "${cmpintCtList3.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${cmpintCtList3.ct3},
datas: ${cmpintCtList3.ct3p},
}
]
};
divArray.push("cmpintList3Ct");
txtArray.push(" 민 원 별 ");
dataArray.push(cmpintCtList3Data);
</c:if>
// 자산현황
<c:if test="${not empty assetCtList1.cdnm}">
var assetCtList1Data = {
labels: ${assetCtList1.cdnm},
datasets: [
{
label: "${assetCtList1.label[0]}",
backgroundColor: bgColor[0],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${assetCtList1.ct1},
datas: ${assetCtList1.ct1p},
}, {
label: "${assetCtList1.label[1]}",
backgroundColor: bgColor[1],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${assetCtList1.ct2},
datas: ${assetCtList1.ct2p},
}, {
label: "${assetCtList1.label[2]}",
backgroundColor: bgColor[2],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${assetCtList1.ct3},
datas: ${assetCtList1.ct3p},
}
]
};
divArray.push("assetList1Ct");
txtArray.push(" 사 용 상 태 별 ");
dataArray.push(assetCtList1Data);
</c:if>
<c:if test="${not empty assetCtList2.cdnm}">
var assetCtList21Datacdnm = [];
var assetCtList21ct1 = [];
var assetCtList21ct1p = [];
var assetCtList21ct2 = [];
var assetCtList21ct2p = [];
var assetCtList21ct3 = [];
var assetCtList21ct3p = [];
var assetCtList22Datacdnm = [];
var assetCtList22ct1 = [];
var assetCtList22ct1p = [];
var assetCtList22ct2 = [];
var assetCtList22ct2p = [];
var assetCtList22ct3 = [];
var assetCtList22ct3p = [];
var assetCtList23Datacdnm = [];
var assetCtList23ct1 = [];
var assetCtList23ct1p = [];
var assetCtList23ct2 = [];
var assetCtList23ct2p = [];
var assetCtList23ct3 = [];
var assetCtList23ct3p = [];
//cdnm
<c:forEach var="obj" items="${assetCtList2.cdnm}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList21Datacdnm.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList22Datacdnm.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList23Datacdnm.push("${obj}");
</c:if>
</c:forEach>
//ct1
<c:forEach var="obj" items="${assetCtList2.ct1}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList21ct1.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList22ct1.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList23ct1.push("${obj}");
</c:if>
</c:forEach>
//ct1p
<c:forEach var="obj" items="${assetCtList2.ct1p}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList21ct1p.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList22ct1p.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList23ct1p.push("${obj}");
</c:if>
</c:forEach>
//ct2
<c:forEach var="obj" items="${assetCtList2.ct2}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList21ct2.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList22ct2.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList23ct2.push("${obj}");
</c:if>
</c:forEach>
//ct2p
<c:forEach var="obj" items="${assetCtList2.ct2p}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList21ct2p.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList22ct2p.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList23ct2p.push("${obj}");
</c:if>
</c:forEach>
//ct3
<c:forEach var="obj" items="${assetCtList2.ct3}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList21ct3.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList22ct3.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList23ct3.push("${obj}");
</c:if>
</c:forEach>
//ct3p
<c:forEach var="obj" items="${assetCtList2.ct3p}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList21ct3p.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList22ct3p.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList23ct3p.push("${obj}");
</c:if>
</c:forEach>
<c:if test="${fn:length(assetCtList2.cdnm) > 0}">
var assetCtList21Data = {
labels: assetCtList21Datacdnm,
datasets: [
{
label: "${assetCtList2.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: assetCtList21ct1,
datas: assetCtList21ct1p,
}, {
label: "${assetCtList2.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: assetCtList21ct2,
datas: assetCtList21ct2p,
}, {
label: "${assetCtList2.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: assetCtList21ct3,
datas: assetCtList21ct3p,
}
]
};
divArray.push("assetList21Ct");
txtArray.push(" 구 분 별 1 ");
dataArray.push(assetCtList21Data);
</c:if>
<c:if test="${fn:length(assetCtList2.cdnm) > 9}">
var assetCtList22Data = {
labels: assetCtList22Datacdnm,
datasets: [
{
label: "${assetCtList2.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: assetCtList22ct1,
datas: assetCtList22ct1p,
}, {
label: "${assetCtList2.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: assetCtList22ct2,
datas: assetCtList22ct2p,
}, {
label: "${assetCtList2.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: assetCtList22ct3,
datas: assetCtList22ct3p,
}
]
};
divArray.push("assetList22Ct");
txtArray.push(" 구 분 별 2 ");
dataArray.push(assetCtList22Data);
</c:if>
<c:if test="${fn:length(assetCtList2.cdnm) > 19}">
var assetCtList23Data = {
labels: assetCtList23Datacdnm,
datasets: [
{
label: "${assetCtList2.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: assetCtList23ct1,
datas: assetCtList23ct1p,
}, {
label: "${assetCtList2.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: assetCtList23ct2,
datas: assetCtList23ct2p,
}, {
label: "${assetCtList2.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: assetCtList23ct3,
datas: assetCtList23ct3p,
}
]
};
divArray.push("assetList23Ct");
txtArray.push(" 구 분 별 3 ");
dataArray.push(assetCtList23Data);
</c:if>
</c:if>
<c:if test="${not empty assetCtList3.cdnm}">
var assetCtList31Datacdnm = [];
var assetCtList31ct1 = [];
var assetCtList31ct1p = [];
var assetCtList31ct2 = [];
var assetCtList31ct2p = [];
var assetCtList31ct3 = [];
var assetCtList31ct3p = [];
var assetCtList32Datacdnm = [];
var assetCtList32ct1 = [];
var assetCtList32ct1p = [];
var assetCtList32ct2 = [];
var assetCtList32ct2p = [];
var assetCtList32ct3 = [];
var assetCtList32ct3p = [];
var assetCtList33Datacdnm = [];
var assetCtList33ct1 = [];
var assetCtList33ct1p = [];
var assetCtList33ct2 = [];
var assetCtList33ct2p = [];
var assetCtList33ct3 = [];
var assetCtList33ct3p = [];
//cdnm
<c:forEach var="obj" items="${assetCtList3.cdnm}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList31Datacdnm.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList32Datacdnm.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList33Datacdnm.push("${obj}");
</c:if>
</c:forEach>
//ct1
<c:forEach var="obj" items="${assetCtList3.ct1}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList31ct1.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList32ct1.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList33ct1.push("${obj}");
</c:if>
</c:forEach>
//ct1p
<c:forEach var="obj" items="${assetCtList3.ct1p}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList31ct1p.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList32ct1p.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList33ct1p.push("${obj}");
</c:if>
</c:forEach>
//ct2
<c:forEach var="obj" items="${assetCtList3.ct2}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList31ct2.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList32ct2.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList33ct2.push("${obj}");
</c:if>
</c:forEach>
//ct2p
<c:forEach var="obj" items="${assetCtList3.ct2p}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList31ct2p.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList32ct2p.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList33ct2p.push("${obj}");
</c:if>
</c:forEach>
//ct3
<c:forEach var="obj" items="${assetCtList3.ct3}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList31ct3.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList32ct3.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList33ct3.push("${obj}");
</c:if>
</c:forEach>
//ct3p
<c:forEach var="obj" items="${assetCtList3.ct3p}" varStatus="idx">
<c:if test="${idx.index < 10 }">
assetCtList31ct3p.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
assetCtList32ct3p.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
assetCtList33ct3p.push("${obj}");
</c:if>
</c:forEach>
<c:if test="${fn:length(assetCtList3.cdnm) > 0}">
var assetCtList31Data = {
labels: assetCtList31Datacdnm,
datasets: [
{
label: "${assetCtList3.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: assetCtList31ct1,
datas: assetCtList31ct1p,
}, {
label: "${assetCtList3.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: assetCtList31ct2,
datas: assetCtList31ct2p,
}, {
label: "${assetCtList3.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: assetCtList31ct3,
datas: assetCtList31ct3p,
}
]
};
divArray.push("assetList31Ct");
txtArray.push(" 부 서 별 1 ");
dataArray.push(assetCtList31Data);
</c:if>
<c:if test="${fn:length(assetCtList3.cdnm) > 10}">
var assetCtList32Data = {
labels: assetCtList32Datacdnm,
datasets: [
{
label: "${assetCtList3.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: assetCtList32ct1,
datas: assetCtList32ct1p,
}, {
label: "${assetCtList3.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: assetCtList32ct2,
datas: assetCtList32ct2p,
}, {
label: "${assetCtList3.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: assetCtList32ct3,
datas: assetCtList32ct3p,
}
]
};
divArray.push("assetList32Ct");
txtArray.push(" 부 서 별 2 ");
dataArray.push(assetCtList32Data);
</c:if>
<c:if test="${fn:length(assetCtList3.cdnm) > 20}">
var assetCtList33Data = {
labels: assetCtList33Datacdnm,
datasets: [
{
label: "${assetCtList3.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: assetCtList33ct1,
datas: assetCtList33ct1p,
}, {
label: "${assetCtList3.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: assetCtList33ct2,
datas: assetCtList33ct2p,
}, {
label: "${assetCtList3.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: assetCtList33ct3,
datas: assetCtList33ct3p,
}
]
};
divArray.push("assetList33Ct");
txtArray.push(" 부 서 별 3 ");
dataArray.push(assetCtList33Data);
</c:if>
</c:if>
// 계약현황
<c:if test="${not empty bizcntrtCtList1.cdnm}">
var bizcntrtCtList1Data = {
labels: ${bizcntrtCtList1.cdnm},
datasets: [
{
label: "${bizcntrtCtList1.label[0]}",
backgroundColor: bgColor[0],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${bizcntrtCtList1.ct1},
datas: ${bizcntrtCtList1.ct1p},
}, {
label: "${bizcntrtCtList1.label[1]}",
backgroundColor: bgColor[1],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${bizcntrtCtList1.ct2},
datas: ${bizcntrtCtList1.ct2p},
}, {
label: "${bizcntrtCtList1.label[2]}",
backgroundColor: bgColor[2],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${bizcntrtCtList1.ct3},
datas: ${bizcntrtCtList1.ct3p},
}
]
};
divArray.push("bizcntrtList1Ct");
txtArray.push(" 구 분 별 ");
dataArray.push(bizcntrtCtList1Data);
</c:if>
<c:if test="${not empty bizcntrtCtList2.cdnm}">
var bizcntrtCtList2Data = {
labels: ${bizcntrtCtList2.cdnm},
datasets: [
{
label: "${bizcntrtCtList2.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${bizcntrtCtList2.ct1},
datas: ${bizcntrtCtList2.ct1p},
}, {
label: "${bizcntrtCtList2.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${bizcntrtCtList2.ct2},
datas: ${bizcntrtCtList2.ct2p},
}, {
label: "${bizcntrtCtList2.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${bizcntrtCtList2.ct3},
datas: ${bizcntrtCtList2.ct3p},
}
]
};
divArray.push("bizcntrtList2Ct");
txtArray.push(" 분 야 별 ");
dataArray.push(bizcntrtCtList2Data);
</c:if>
<c:if test="${not empty bizcntrtCtList3.cdnm}">
var bizcntrtCtList3Data = {
labels: ${bizcntrtCtList3.cdnm},
datasets: [
{
label: "${bizcntrtCtList3.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${bizcntrtCtList3.ct1},
datas: ${bizcntrtCtList3.ct1p},
}, {
label: "${bizcntrtCtList3.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${bizcntrtCtList3.ct2},
datas: ${bizcntrtCtList3.ct2p},
}, {
label: "${bizcntrtCtList3.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${bizcntrtCtList3.ct3},
datas: ${bizcntrtCtList3.ct3p},
}
]
};
divArray.push("bizcntrtList3Ct");
txtArray.push(" 계 약 방 법 별 ");
dataArray.push(bizcntrtCtList3Data);
</c:if>
// 장애현황
<c:if test="${not empty faultMngCtList1.cdnm}">
var faultMngCtList1Data = {
labels: ${faultMngCtList1.cdnm},
datasets: [
{
label: "${faultMngCtList1.label[0]}",
backgroundColor: bgColor[0],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${faultMngCtList1.ct1},
datas: ${faultMngCtList1.ct1p},
}, {
label: "${faultMngCtList1.label[1]}",
backgroundColor: bgColor[1],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${faultMngCtList1.ct2},
datas: ${faultMngCtList1.ct2p},
}, {
label: "${faultMngCtList1.label[2]}",
backgroundColor: bgColor[2],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${faultMngCtList1.ct3},
datas: ${faultMngCtList1.ct3p},
}
]
};
divArray.push("faultMngList1Ct");
txtArray.push(" 구 분 별 ");
dataArray.push(faultMngCtList1Data);
</c:if>
<c:if test="${not empty faultMngCtList2.cdnm}">
var faultMngCtList2Data = {
labels: ${faultMngCtList2.cdnm},
datasets: [
{
label: "${faultMngCtList2.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${faultMngCtList2.ct1},
datas: ${faultMngCtList2.ct1p},
}, {
label: "${faultMngCtList2.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${faultMngCtList2.ct2},
datas: ${faultMngCtList2.ct2p},
}, {
label: "${faultMngCtList2.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${faultMngCtList2.ct3},
datas: ${faultMngCtList2.ct3p},
}
]
};
divArray.push("faultMngList2Ct");
txtArray.push(" 분 야 별 ");
dataArray.push(faultMngCtList2Data);
</c:if>
// 교육.회의현황
<c:if test="${not empty eduCtList1.cdnm}">
var eduCtList1Data = {
labels: ${eduCtList1.cdnm},
datasets: [
{
label: "${eduCtList1.label[0]}",
backgroundColor: bgColor[0],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${eduCtList1.ct1},
datas: ${eduCtList1.ct1p},
}, {
label: "${eduCtList1.label[1]}",
backgroundColor: bgColor[1],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${eduCtList1.ct2},
datas: ${eduCtList1.ct2p},
}, {
label: "${eduCtList1.label[2]}",
backgroundColor: bgColor[2],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${eduCtList1.ct3},
datas: ${eduCtList1.ct3p},
}
]
};
divArray.push("eduList1Ct");
txtArray.push(" 건 수 ");
dataArray.push(eduCtList1Data);
</c:if>
<c:if test="${not empty eduCtList2.cdnm}">
var eduCtList2Data = {
labels: ${eduCtList2.cdnm},
datasets: [
{
label: "${eduCtList2.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${eduCtList2.ct1c},
datas: ${eduCtList2.ct1p},
datass: ${eduCtList2.ct1},
}, {
label: "${eduCtList2.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${eduCtList2.ct2c},
datas: ${eduCtList2.ct2p},
datass: ${eduCtList2.ct2},
}, {
label: "${eduCtList2.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${eduCtList2.ct3c},
datas: ${eduCtList2.ct3p},
datass: ${eduCtList2.ct3},
}
]
};
divArray.push("eduList2Ct");
txtArray.push(" 참석자수/증감율/참석율 ");
dataArray.push(eduCtList2Data);
</c:if>
// IP현황
<c:if test="${not empty ipCtList1.cdnm}">
var ipCtList1Data = {
labels: ${ipCtList1.cdnm},
datasets: [
{
label: "${ipCtList1.label[0]}",
backgroundColor: bgColor[0],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${ipCtList1.ct1},
datas: ${ipCtList1.ct1p},
}, {
label: "${ipCtList1.label[1]}",
backgroundColor: bgColor[1],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${ipCtList1.ct2},
datas: ${ipCtList1.ct2p},
}, {
label: "${ipCtList1.label[2]}",
backgroundColor: bgColor[2],
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${ipCtList1.ct3},
datas: ${ipCtList1.ct3p},
}
]
};
divArray.push("ipList1Ct");
txtArray.push(" 사 용 상 태 별 ");
dataArray.push(ipCtList1Data);
</c:if>
<c:if test="${not empty ipCtList2.cdnm}">
var ipCtList21Datacdnm = [];
var ipCtList21ct1 = [];
var ipCtList21ct1p = [];
var ipCtList21ct2 = [];
var ipCtList21ct2p = [];
var ipCtList21ct3 = [];
var ipCtList21ct3p = [];
var ipCtList22Datacdnm = [];
var ipCtList22ct1 = [];
var ipCtList22ct1p = [];
var ipCtList22ct2 = [];
var ipCtList22ct2p = [];
var ipCtList22ct3 = [];
var ipCtList22ct3p = [];
var ipCtList23Datacdnm = [];
var ipCtList23ct1 = [];
var ipCtList23ct1p = [];
var ipCtList23ct2 = [];
var ipCtList23ct2p = [];
var ipCtList23ct3 = [];
var ipCtList23ct3p = [];
//cdnm
<c:forEach var="obj" items="${ipCtList2.cdnm}" varStatus="idx">
<c:if test="${idx.index < 10 }">
ipCtList21Datacdnm.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
ipCtList22Datacdnm.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
ipCtList23Datacdnm.push("${obj}");
</c:if>
</c:forEach>
//ct1
<c:forEach var="obj" items="${ipCtList2.ct1}" varStatus="idx">
<c:if test="${idx.index < 10 }">
ipCtList21ct1.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
ipCtList22ct1.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
ipCtList23ct1.push("${obj}");
</c:if>
</c:forEach>
//ct1p
<c:forEach var="obj" items="${ipCtList2.ct1p}" varStatus="idx">
<c:if test="${idx.index < 10 }">
ipCtList21ct1p.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
ipCtList22ct1p.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
ipCtList23ct1p.push("${obj}");
</c:if>
</c:forEach>
//ct2
<c:forEach var="obj" items="${ipCtList2.ct2}" varStatus="idx">
<c:if test="${idx.index < 10 }">
ipCtList21ct2.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
ipCtList22ct2.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
ipCtList23ct2.push("${obj}");
</c:if>
</c:forEach>
//ct2p
<c:forEach var="obj" items="${ipCtList2.ct2p}" varStatus="idx">
<c:if test="${idx.index < 10 }">
ipCtList21ct2p.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
ipCtList22ct2p.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
ipCtList23ct2p.push("${obj}");
</c:if>
</c:forEach>
//ct3
<c:forEach var="obj" items="${ipCtList2.ct3}" varStatus="idx">
<c:if test="${idx.index < 10 }">
ipCtList21ct3.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
ipCtList22ct3.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
ipCtList23ct3.push("${obj}");
</c:if>
</c:forEach>
//ct3p
<c:forEach var="obj" items="${ipCtList2.ct3p}" varStatus="idx">
<c:if test="${idx.index < 10 }">
ipCtList21ct3p.push("${obj}");
</c:if>
<c:if test="${idx.index > 9 and idx.index < 20 }">
ipCtList22ct3p.push("${obj}");
</c:if>
<c:if test="${idx.index > 19 }">
ipCtList23ct3p.push("${obj}");
</c:if>
</c:forEach>
<c:if test="${fn:length(ipCtList2.cdnm) > 0}">
var ipCtList21Data = {
labels: ipCtList21Datacdnm,
datasets: [
{
label: "${ipCtList2.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: ipCtList21ct1,
datas: ipCtList21ct1p,
}, {
label: "${ipCtList2.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: ipCtList21ct2,
datas: ipCtList21ct2p,
}, {
label: "${ipCtList2.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: ipCtList21ct3,
datas: ipCtList21ct3p,
}
]
};
divArray.push("ipList21Ct");
txtArray.push(" 부 서 별 1 ");
dataArray.push(ipCtList21Data);
</c:if>
<c:if test="${fn:length(ipCtList2.cdnm) > 10}">
var ipCtList22Data = {
labels: ipCtList22Datacdnm,
datasets: [
{
label: "${ipCtList2.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: ipCtList22ct1,
datas: ipCtList22ct1p,
}, {
label: "${ipCtList2.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: ipCtList22ct2,
datas: ipCtList22ct2p,
}, {
label: "${ipCtList2.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: ipCtList22ct3,
datas: ipCtList22ct3p,
}
]
};
divArray.push("ipList22Ct");
txtArray.push(" 부 서 별 2 ");
dataArray.push(ipCtList22Data);
</c:if>
<c:if test="${fn:length(ipCtList2.cdnm) > 20}">
var ipCtList23Data = {
labels: ipCtList23Datacdnm,
datasets: [
{
label: "${ipCtList2.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: ipCtList23ct1,
datas: ipCtList23ct1p,
}, {
label: "${ipCtList2.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: ipCtList23ct2,
datas: ipCtList23ct2p,
}, {
label: "${ipCtList2.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(320,320,320,0)",
borderWidth: 0,
data: ipCtList23ct3,
datas: ipCtList23ct3p,
}
]
};
divArray.push("ipList23Ct");
txtArray.push(" 부 서 별 3 ");
dataArray.push(ipCtList23Data);
</c:if>
</c:if>
<c:if test="${not empty ipCtList3.cdnm}">
var ipCtList3Data = {
labels: ${ipCtList3.cdnm},
datasets: [
{
label: "${ipCtList3.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${ipCtList3.ct1},
datas: ${ipCtList3.ct1p},
}, {
label: "${ipCtList3.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${ipCtList3.ct2},
datas: ${ipCtList3.ct2p},
}, {
label: "${ipCtList3.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${ipCtList3.ct3},
datas: ${ipCtList3.ct3p},
}
]
};
divArray.push("ipList3Ct");
txtArray.push(" IP 대 역 별 ");
dataArray.push(ipCtList3Data);
</c:if>
//정기점검
<c:if test="${not empty perCtList.cdnm}">
var perCtListData = {
labels: ${perCtList.cdnm},
datasets: [
{
label: "${perCtList.label[0]}",
backgroundColor: "rgb(255,192,0)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${perCtList.ct1},
datas: ${perCtList.ct1p},
}, {
label: "${perCtList.label[1]}",
backgroundColor: "rgb(67,133,255)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${perCtList.ct2},
datas: ${perCtList.ct2p},
}, {
label: "${perCtList.label[2]}",
backgroundColor: "rgb(246,92,92)",
borderColor: "rgba(220,220,220,0)",
borderWidth: 0,
data: ${perCtList.ct3},
datas: ${perCtList.ct3p},
}
]
};
divArray.push("perListCt");
txtArray.push(" 구분별 ");
dataArray.push(perCtListData);
</c:if>
for (var i=0;i<divArray.length;i++) {
var ctx = document.getElementById(divArray[i]).getContext('2d');
window.myBar = new Chart(ctx, {
type: 'bar',
data: dataArray[i],
options: {
responsive: false,
legend: {
position: 'top',
labels: {
fontSize: 11.5,
padding: 13,
boxWidth: 7,
pointStyle:'circle',
usePointStyle:true
}
},
title: {
display: false,
text: txtArray[i]
},
scales:{
yAxes: [{
gridLines: {
display: false,
drawBorder: false //<- set this
}
}]
}
}
});
}
}
Chart.plugins.register({
afterDraw: function(chart) {
var ctx = chart.ctx;
var fcolor = ["rgb(154,116,0)","rgb(0,57,161)","rgb(142,0,0)"];
chart.data.datasets.forEach(function(dataset, i) {
var meta = chart.getDatasetMeta(i);
if (!meta.hidden) {
meta.data.forEach(function(element, index) {
// Draw the text in black, with the specified font
ctx.fillStyle = fcolor[i];
var fontSize = 14;
var fontStyle = 'normal';
var fontFamily = 'Helvetica Neue';
ctx.font = Chart.helpers.fontString(fontSize, fontStyle, fontFamily);
// Just naively convert to string for now
var dataString = dataset.data[index].toString();
var dataStrings = dataset.datas[index].toString();
var dataStringss = "";
try {
dataStringss = dataset.datass[index].toString();
} catch(e){
}
// Make sure alignment settings are correct
ctx.textAlign = 'center';
ctx.textBaseline = 'bottom';
var padding = 5;
var position = element.tooltipPosition();
if(dataString == 0){
ctx.fillText(dataString, position.x, 146);
} else {
ctx.fillText(dataString, position.x, position.y - (fontSize / 2) - padding);
}
ctx.fillText(dataStrings,position.x, 160);
if (dataStringss != ""){
ctx.fillText(dataStringss,position.x, 174);
}
});
}
});
}
});
</script>
</head>
<body>
<div class="cont_area">
<form name=frm method="post" action="/uss/ion/pwm/userStat.do">
<input type="hidden" id="tabgb" name="tabgb" value="${kPostStatsVO.tabgb}" />
<div class="cont_main_title">
<img src="/direct/img/home_icon.png" alt=""> > 통계관리
</div>
<div class="list_tab_menu_wrap statsTabmenu">
<ul class="nav list_tab_menu">
<li <c:if test="${kPostStatsVO.tabgb eq null or kPostStatsVO.tabgb == 'hisStat'}">class="list_tab_menu_on"</c:if>><a href="javascript:fn_tabs('hisStat')">기간별 통계</a></li>
<li <c:if test="${kPostStatsVO.tabgb == 'incr'}">class="list_tab_menu_on"</c:if>><a href="javascript:fn_tabs('incr')">증감률</a></li>
</ul>
<div class="statsSort">
<div class="statsCheck">
<c:if test="${kPostStatsVO.tabgb eq null or kPostStatsVO.tabgb == 'hisStat'}">
<ul class="nav">
<li>
<input type="checkbox" name="workCd" id="workCd0" value="all" <c:if test="${kPostStatsVO.workCd.indexOf('all') > -1 }"> checked</c:if> onclick="fn_sAllcheck(this.checked)"><label for="workCd0"></label><label for="all">전체</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd1" value="cmpint" <c:if test="${kPostStatsVO.workCd.indexOf('cmpint') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd1"></label><label for="">민원현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd2" value="asset" <c:if test="${kPostStatsVO.workCd.indexOf('asset') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd2"></label><label for="">자산현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd3" value="bizcntrt" <c:if test="${kPostStatsVO.workCd.indexOf('bizcntrt') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd3"></label><label for="">계약현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd4" value="faultmng" <c:if test="${kPostStatsVO.workCd.indexOf('faultmng') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd4"></label><label for="">장애현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd5" value="edu" <c:if test="${kPostStatsVO.workCd.indexOf('edu') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd5"></label><label for="">교육·회의현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd6" value="sla" <c:if test="${kPostStatsVO.workCd.indexOf('sla') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd6"></label><label for="">SLA현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd7" value="ip" <c:if test="${kPostStatsVO.workCd.indexOf('ip') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd7"></label><label for="">IP현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd8" value="per" <c:if test="${kPostStatsVO.workCd.indexOf('per') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd8"></label><label for="">정기점검현황</label>
</li>
</ul>
</c:if>
<c:if test="${kPostStatsVO.tabgb == 'incr'}">
<ul class="nav">
<li>
<input type="checkbox" name="workCd" id="workCd0" value="all" <c:if test="${kPostStatsVO.workCd.indexOf('all') > -1 }"> checked</c:if> onclick="fn_sAllcheck(this.checked)"><label for="workCd0"></label><label for="all">전체</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd1" value="cmpint" <c:if test="${kPostStatsVO.workCd.indexOf('cmpint') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd1"></label><label for="">민원현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd2" value="asset" <c:if test="${kPostStatsVO.workCd.indexOf('asset') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd2"></label><label for="">자산현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd3" value="bizcntrt" <c:if test="${kPostStatsVO.workCd.indexOf('bizcntrt') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd3"></label><label for="">계약현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd4" value="faultmng" <c:if test="${kPostStatsVO.workCd.indexOf('faultmng') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd4"></label><label for="">장애현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd5" value="edu" <c:if test="${kPostStatsVO.workCd.indexOf('edu') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd5"></label><label for="">교육·회의현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd6" value="ip" <c:if test="${kPostStatsVO.workCd.indexOf('ip') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd6"></label><label for="">IP현황</label>
</li>
<li>
<input type="checkbox" name="workCd" id="workCd7" value="per" <c:if test="${kPostStatsVO.workCd.indexOf('per') > -1 }"> checked</c:if> onclick="fn_scheck(this, this.checked)"><label for="workCd7"></label><label for="">정기점검현황</label>
</li>
</ul>
</c:if>
<!-- 기간별 통계 -->
<c:if test="${kPostStatsVO.tabgb eq null or kPostStatsVO.tabgb == 'hisStat'}">
<div class="statsTerm">
<div class="statsTermTitle">기  간</div>
<div class="statsTermSelect">
<select name="sryy" id="sryy">
<option value="">연도</option>
<c:forTokens var="name" items="${srchYY}" delims=",">
<option value="<c:out value="${name}"/>" <c:if test="${kPostStatsVO.sryy == name}">selected</c:if>><c:out value="${name}"/>년</option>
</c:forTokens>
</select>
<select name="srGb" id="srGb" onChange="srgbChange()">
<option value="">검색구분</option>
<option value="halfGb" <c:if test="${kPostStatsVO.srGb == 'halfGb'}">selected</c:if>>반기</option>
<option value="qtGb" <c:if test="${kPostStatsVO.srGb == 'qtGb'}">selected</c:if>>분기</option>
<option value="monthGb" <c:if test="${kPostStatsVO.srGb == 'monthGb'}">selected</c:if>>월</option>
</select>
<select name="halfGb" id="halfGb" <c:if test="${kPostStatsVO.srGb != 'halfGb'}"> class="displayN" </c:if> style="display:none;" >
<option value="">반기</option>
<option value="1" <c:if test="${kPostStatsVO.halfGb == '1'}">selected</c:if>>상반기</option>
<option value="2" <c:if test="${kPostStatsVO.halfGb == '2'}">selected</c:if>>하반기</option>
</select>
<select name="qtGb" id="qtGb" <c:if test="${kPostStatsVO.srGb != 'qtGb'}"> class="displayN" </c:if> style="display:none;" >
<option value="">분기</option>
<option value="1" <c:if test="${kPostStatsVO.qtGb == '1'}">selected</c:if>>1분기</option>
<option value="2" <c:if test="${kPostStatsVO.qtGb == '2'}">selected</c:if>>2분기</option>
<option value="3" <c:if test="${kPostStatsVO.qtGb == '3'}">selected</c:if>>3분기</option>
<option value="4" <c:if test="${kPostStatsVO.qtGb == '4'}">selected</c:if>>4분기</option>
</select>
<select name="monthGb" id="monthGb" <c:if test="${kPostStatsVO.srGb != 'monthGb'}"> class="displayN" </c:if> style="display:none;" >
<option value="">월</option>
<option value="01" <c:if test="${kPostStatsVO.monthGb == '01'}">selected</c:if>>1월</option>
<option value="02" <c:if test="${kPostStatsVO.monthGb == '02'}">selected</c:if>>2월</option>
<option value="03" <c:if test="${kPostStatsVO.monthGb == '03'}">selected</c:if>>3월</option>
<option value="04" <c:if test="${kPostStatsVO.monthGb == '04'}">selected</c:if>>4월</option>
<option value="05" <c:if test="${kPostStatsVO.monthGb == '05'}">selected</c:if>>5월</option>
<option value="06" <c:if test="${kPostStatsVO.monthGb == '06'}">selected</c:if>>6월</option>
<option value="07" <c:if test="${kPostStatsVO.monthGb == '07'}">selected</c:if>>7월</option>
<option value="08" <c:if test="${kPostStatsVO.monthGb == '08'}">selected</c:if>>8월</option>
<option value="09" <c:if test="${kPostStatsVO.monthGb == '09'}">selected</c:if>>9월</option>
<option value="10" <c:if test="${kPostStatsVO.monthGb == '10'}">selected</c:if>>10월</option>
<option value="11" <c:if test="${kPostStatsVO.monthGb == '11'}">selected</c:if>>11월</option>
<option value="12" <c:if test="${kPostStatsVO.monthGb == '12'}">selected</c:if>>12월</option>
</select>
<ul class="nav">
<li><input type="button" class="inquiryBtn" value="조회" onClick="javascript:fn_search('hisStat');"></li>
<li><input type="button" class="resetBtn" value="초기화" onClick="javascript:fn_reset('hisStat');"></li>
</ul>
</div>
</div>
</c:if>
<!-- 증감율 -->
<c:if test="${kPostStatsVO.tabgb == 'incr'}">
<div class="statsTerm">
<div class="statsTermTitle">검색기준</div>
<div class="statsTermSelect">
<select name="tgYear" id="tgYear">
<option value="">연도</option>
<c:forTokens var="name" items="${srchYY}" delims=",">
<option value="<c:out value="${name}"/>" <c:if test="${kPostStatsVO.tgYear == name}">selected</c:if>><c:out value="${name}"/>년</option>
</c:forTokens>
</select>
<select name="tgSMonth" id="tgSMonth">
<option value="">월</option>
<option value="01" <c:if test="${kPostStatsVO.tgSMonth == '01'}">selected</c:if>>1월</option>
<option value="02" <c:if test="${kPostStatsVO.tgSMonth == '02'}">selected</c:if>>2월</option>
<option value="03" <c:if test="${kPostStatsVO.tgSMonth == '03'}">selected</c:if>>3월</option>
<option value="04" <c:if test="${kPostStatsVO.tgSMonth == '04'}">selected</c:if>>4월</option>
<option value="05" <c:if test="${kPostStatsVO.tgSMonth == '05'}">selected</c:if>>5월</option>
<option value="06" <c:if test="${kPostStatsVO.tgSMonth == '06'}">selected</c:if>>6월</option>
<option value="07" <c:if test="${kPostStatsVO.tgSMonth == '07'}">selected</c:if>>7월</option>
<option value="08" <c:if test="${kPostStatsVO.tgSMonth == '08'}">selected</c:if>>8월</option>
<option value="09" <c:if test="${kPostStatsVO.tgSMonth == '09'}">selected</c:if>>9월</option>
<option value="10" <c:if test="${kPostStatsVO.tgSMonth == '10'}">selected</c:if>>10월</option>
<option value="11" <c:if test="${kPostStatsVO.tgSMonth == '11'}">selected</c:if>>11월</option>
<option value="12" <c:if test="${kPostStatsVO.tgSMonth == '12'}">selected</c:if>>12월</option>
</select>
<select name="tgSDay" id="tgSDay">
<option value="">일</option>
<c:forEach var="i" begin="1" end="31" step="1">
<option value="<c:if test="${i < 10}"><c:out value="0${i}"/></c:if><c:if test="${i > 9}"><c:out value="${i}"/></c:if>" <c:if test="${kPostStatsVO.tgSDay == i}">selected</c:if>><c:out value="${i}"/>일</option>
</c:forEach>
</select> ~ 
<select name="tgEMonth" id="tgEMonth">
<option value="">월</option>
<option value="01" <c:if test="${kPostStatsVO.tgEMonth == '01'}">selected</c:if>>1월</option>
<option value="02" <c:if test="${kPostStatsVO.tgEMonth == '02'}">selected</c:if>>2월</option>
<option value="03" <c:if test="${kPostStatsVO.tgEMonth == '03'}">selected</c:if>>3월</option>
<option value="04" <c:if test="${kPostStatsVO.tgEMonth == '04'}">selected</c:if>>4월</option>
<option value="05" <c:if test="${kPostStatsVO.tgEMonth == '05'}">selected</c:if>>5월</option>
<option value="06" <c:if test="${kPostStatsVO.tgEMonth == '06'}">selected</c:if>>6월</option>
<option value="07" <c:if test="${kPostStatsVO.tgEMonth == '07'}">selected</c:if>>7월</option>
<option value="08" <c:if test="${kPostStatsVO.tgEMonth == '08'}">selected</c:if>>8월</option>
<option value="09" <c:if test="${kPostStatsVO.tgEMonth == '09'}">selected</c:if>>9월</option>
<option value="10" <c:if test="${kPostStatsVO.tgEMonth == '10'}">selected</c:if>>10월</option>
<option value="11" <c:if test="${kPostStatsVO.tgEMonth == '11'}">selected</c:if>>11월</option>
<option value="12" <c:if test="${kPostStatsVO.tgEMonth == '12'}">selected</c:if>>12월</option>
</select>
<select name="tgEDay" id="tgEDay">
<option value="">일</option>
<c:forEach var="i" begin="1" end="31" step="1">
<option value="<c:if test="${i < 10}"><c:out value="0${i}"/></c:if><c:if test="${i > 9}"><c:out value="${i}"/></c:if>" <c:if test="${kPostStatsVO.tgEDay == i}">selected</c:if>><c:out value="${i}"/>일</option>
</c:forEach>
</select>
<ul class="nav">
<li><input type="button" class="inquiryBtn" value="조회" onClick="javascript:fn_search('incr');"></li>
<li><input type="button" class="resetBtn" value="초기화" onClick="javascript:fn_reset('incr');"></li>
</ul>
</div>
</div>
</c:if>
</div>
</div>
<!-- 기간별 통계 탭 -->
<c:if test="${kPostStatsVO.tabgb eq null or kPostStatsVO.tabgb == 'hisStat'}">
<div class="list_info">
<div class="statsListCheck">
<input type="checkbox" name="excelCd" id="excelCd0" value="all" onclick="fn_sExcelAllcheck(this.checked)"><label for="excelCd0"></label><label for="">전체</label>
</div>
<div class="list_info_right">
<div class="exl_down_btn">
<input type="button" onClick="javascript:fn_excelDown();" value="다운로드(엑셀)">
</div>
</div>
</div>
<div class="statsWrap">
<!-- 민원현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('cmpint') > -1 }">
<div class="statsList">
<div class="statsListTitle">
<input type="checkbox" name="excelCd" id="excelCd1" value="cmpint" onclick="fn_sExcelcheck(this.checked)"><label for="excelCd1"></label><label for="">민원현황</label>
</div>
<c:set var="cmpint1n" value="${fn:split(cmpintList.cmpint1n, '^')}" />
<c:set var="cmpint1c" value="${fn:split(cmpintList.cmpint1c, '^')}" />
<c:set var="cmpint2n" value="${fn:split(cmpintList.cmpint2n, '^')}" />
<c:set var="cmpint2c" value="${fn:split(cmpintList.cmpint2c, '^')}" />
<c:set var="cmpint3n" value="${fn:split(cmpintList.cmpint3n, '^')}" />
<c:set var="cmpint3c" value="${fn:split(cmpintList.cmpint3c, '^')}" />
<div class="statsListTable divideListTable">
<table class="Wid Wid6">
<tr>
<th>상태별</th>
<c:forEach var="obj" items="${cmpint1n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${cmpint1c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</tr>
</table>
<table class="Wid Wid8">
<tr>
<th>분야별</th>
<c:forEach var="obj" items="${cmpint2n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${cmpint2c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
<table class="Wid Wid8">
<tr>
<th>인원별</th>
<c:forEach var="obj" items="${cmpint3n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${cmpint3c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
</div>
</div>
</c:if>
<!-- 자산현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('asset') > -1 }">
<div class="statsList">
<c:set var="asset1n" value="${fn:split(assetList.asset1n, '^')}" />
<c:set var="asset1c" value="${fn:split(assetList.asset1c, '^')}" />
<c:set var="asset2n" value="${fn:split(assetList.asset2n, '^')}" />
<c:set var="asset2c" value="${fn:split(assetList.asset2c, '^')}" />
<c:set var="asset3n" value="${fn:split(assetList.asset3n, '^')}" />
<c:set var="asset3c" value="${fn:split(assetList.asset3c, '^')}" />
<div class="statsListTitle">
<input type="checkbox" name="excelCd" id="excelCd2" value="asset" onclick="fn_sExcelcheck(this.checked)"><label for="excelCd2"></label><label for="">자산현황</label>
</div>
<div class="statsListTable divideListTable">
<table class="Wid Wid8">
<tr>
<th>사용상태별</th>
<c:forEach var="obj" items="${asset1n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${asset1c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
<table class="Wid">
<c:forEach begin="0" end="${fn:length(asset2n)/10}" varStatus="idx1">
<tr>
<th>구분별</th>
<c:forEach var="obj" items="${asset2n}" varStatus="idx" begin="${idx1.index*10}" end="${idx1.index*10+9}">
<th >${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${asset2c}" varStatus="idx" begin="${idx1.index*10}" end="${idx1.index*10+9}">
<td >${obj}</td>
</c:forEach>
</tr>
</c:forEach>
</table>
<table class="Wid">
<tr>
<th>부서별</th>
<c:forEach var="obj" items="${asset3n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${asset3c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
</div>
</div>
</c:if>
<!-- 계약현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('bizcntrt') > -1 }">
<div class="statsList">
<div class="statsListTitle">
<input type="checkbox" name="excelCd" id="excelCd3" value="bizcntrt" onclick="fn_sExcelcheck(this.checked)"><label for="excelCd3"></label><label for="">계약현황</label>
</div>
<c:set var="bizcntrt1n" value="${fn:split(bizcntrtList.bizcntrt1n, '^')}" />
<c:set var="bizcntrt1c" value="${fn:split(bizcntrtList.bizcntrt1c, '^')}" />
<c:set var="bizcntrt2n" value="${fn:split(bizcntrtList.bizcntrt2n, '^')}" />
<c:set var="bizcntrt2c" value="${fn:split(bizcntrtList.bizcntrt2c, '^')}" />
<c:set var="bizcntrt3n" value="${fn:split(bizcntrtList.bizcntrt3n, '^')}" />
<c:set var="bizcntrt3c" value="${fn:split(bizcntrtList.bizcntrt3c, '^')}" />
<div class="statsListTable divideListTable">
<table class="Wid Wid6">
<tr>
<th>구분별</th>
<c:forEach var="obj" items="${bizcntrt1n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${bizcntrt1c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
<table class="Wid">
<tr>
<th>분야별</th>
<c:forEach var="obj" items="${bizcntrt2n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${bizcntrt2c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
<table class="Wid Wid6">
<tr>
<th>계약방법별</th>
<c:forEach var="obj" items="${bizcntrt3n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${bizcntrt3c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
</div>
</div>
</c:if>
<!-- 장애현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('faultmng') > -1 }">
<div class="statsList">
<div class="statsListTitle">
<input type="checkbox" name="excelCd" id="excelCd4" value="faultmng" onclick="fn_sExcelcheck(this.checked)"><label for="excelCd4"></label><label for="">장애현황</label>
</div>
<c:set var="faultMng1n" value="${fn:split(faultMngList.faultMng1n, '^')}" />
<c:set var="faultMng1c" value="${fn:split(faultMngList.faultMng1c, '^')}" />
<c:set var="faultMng2n" value="${fn:split(faultMngList.faultMng2n, '^')}" />
<c:set var="faultMng2c" value="${fn:split(faultMngList.faultMng2c, '^')}" />
<div class="statsListTable divideListTable">
<table class="Wid Wid5">
<tr >
<th>구분별</th>
<c:forEach var="obj" items="${faultMng1n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${faultMng1c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
<table class="Wid Wid7">
<tr >
<th>분야별</th>
<c:forEach var="obj" items="${faultMng2n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${faultMng2c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
</div>
</div>
</c:if>
<!-- 교육회의현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('edu') > -1 }">
<div class="statsList">
<div class="statsListTitle">
<input type="checkbox" name="excelCd" id="excelCd5" value="edu" onclick="fn_sExcelcheck(this.checked)"><label for="excelCd5"></label><label for="">교육·회의현황</label>
</div>
<c:set var="eduList1" value="${eduList1}" />
<c:set var="eduList2" value="${eduList2}" />
<div class="statsListTable divideListTable">
<table class="Wid Wid5">
<tr>
<th>구분별</th>
<c:forEach var="obj" items="${eduList1}" varStatus="idx">
<th>${obj.gb}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${eduList1}" varStatus="idx">
<td>${obj.tcnt}</td>
</c:forEach>
</tr>
<tr>
<th style="background-color: #fff;">참석자수/참석률</th>
<c:forEach var="obj" items="${eduList1}" varStatus="idx">
<td>
<c:if test="${idx.first}"> ${obj.cnt}<span class="statsBasic">명/</span>${obj.per}<span class="statsBasic">%</span></c:if>
<c:if test="${not idx.first}"> ${obj.cnt}명/${obj.per}%</c:if>
</td>
</c:forEach>
</tr>
</table>
<table class="Wid">
<tr>
<th style="background-color: #eef0f3">회의</th>
<th colspan="4" style="background-color: #f5f7fa">전체</th>
</tr>
<tr>
<th style="background-color: #fff;">건 수</th>
<td colspan="4" class="statsAll">${eduList2[0].tcnt}</td>
</tr>
<tr>
<th style="background-color: #fff;">참석자/참석률</th>
<td colspan="4" class="statsAll">${eduList2[0].cnt}<span class="statsBasic">명/</span>${eduList2[0].per}<span class="statsBasic">%</span></td>
</tr>
</table>
</div>
</div>
</c:if>
<!-- SLA현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('sla') > -1 }">
<div class="statsList">
<c:set var="slaList" value="${slaList}" />
<div class="statsListTitle">
<input type="checkbox" name="excelCd" id="excelCd6" value="sla" onclick="fn_sExcelcheck(this.checked)"><label for="excelCd6"></label><label for="">SLA</label>
</div>
<div class="statsListTable">
<table class="statsSla Wid Wid6" >
<tr >
<th>점수별</th>
<th>평균</th>
<th>1분기</th>
<th>2분기</th>
<th>3분기</th>
<th>4분기</th>
</tr>
<c:forEach var="obj" items="${slaList}" varStatus="idx">
<tr>
<th>${obj.tiem}</th>
<td class="statsAll">${obj.avsc}</td>
<td>${obj.q1sc}</td>
<td>${obj.q2sc}</td>
<td>${obj.q3sc}</td>
<td>${obj.q4sc}</td>
</tr>
</c:forEach>
</table>
</div>
</div>
</c:if>
<!-- IP현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('ip') > -1 }">
<div class="statsList">
<c:set var="ip1" value="${fn:split(ipList.ip1, '^')}" />
<c:set var="ip2n" value="${fn:split(ipList.ip2n, '^')}" />
<c:set var="ip2c" value="${fn:split(ipList.ip2c, '^')}" />
<c:set var="ip3n" value="${fn:split(ipList.ip3n, '^')}" />
<c:set var="ip3c" value="${fn:split(ipList.ip3c, '^')}" />
<div class="statsListTitle">
<input type="checkbox" name="excelCd" id="excelCd7" value="ip" onclick="fn_sExcelcheck(this.checked)"><label for="excelCd7"></label><label for="">IP현황</label>
</div>
<div class="statsListTable divideListTable">
<table class="Wid Wid5">
<tr>
<th>사용상태별</th>
<th>전체</th>
<th>사용</th>
<th>미사용</th>
<th>기타</th>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${ip1}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
<table class="Wid">
<tr>
<th>부서별</th>
<c:forEach var="obj" items="${ip2n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${ip2c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
<table class="Wid Wid4">
<tr>
<th>IP대역별</th>
<c:forEach var="obj" items="${ip3n}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${ip3c}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
</div>
</div>
</c:if>
<!-- 정기점검현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('per') > -1 }">
<div class="statsList">
<c:set var="pern" value="${fn:split(perList.pern, '^')}" />
<c:set var="perc" value="${fn:split(perList.perc, '^')}" />
<div class="statsListTitle">
<input type="checkbox" name="excelCd" id="excelCd8" value="per" onclick="fn_sExcelcheck(this.checked)"><label for="excelCd8"></label><label for="">정기점검현황</label>
</div>
<div class="statsListTable divideListTable">
<table class="Wid Wid8">
<tr>
<th>분야별</th>
<c:forEach var="obj" items="${pern}" varStatus="idx">
<th>${obj}</th>
</c:forEach>
</tr>
<tr>
<th>건 수</th>
<c:forEach var="obj" items="${perc}" varStatus="idx">
<td>${obj}</td>
</c:forEach>
</tr>
</table>
</div>
</div>
</c:if>
</div>
</c:if>
<!-- 증감률 탭 -->
<c:if test="${kPostStatsVO.tabgb == 'incr'}">
<div class="statsWrap statsPerWrap">
<!-- 민원현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('cmpint') > -1 }">
<div class="statsPerBox">
<div class="statsPerTitle">
<img src="/direct/img/statsperDc.png" alt=""> <span class="statsPertt">민원현황</span>
</div>
<div class="statsGhArea">
<ul>
<li>
<div class="statsGhSort">상태별</div>
<div class="statsGh">
<canvas id="cmpintList1Ct" width="1190px" height="190px"></canvas>
</div>
</li>
<li>
<div class="statsGhSort">분야별</div>
<div class="statsGh">
<canvas id="cmpintList2Ct" width="1190px" height="190px"></canvas>
</div>
</li>
<li>
<div class="statsGhSort">민원별</div>
<div class="statsGh">
<canvas id="cmpintList3Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</ul>
</div>
</div>
</c:if>
<!-- 자산현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('asset') > -1 }">
<div class="statsPerBox">
<div class="statsPerTitle">
<img src="/direct/img/statsperDc.png" alt=""> <span class="statsPertt">자산현황</span>
</div>
<div class="statsGhArea">
<ul>
<li>
<div class="statsGhSort">사용상태별</div>
<div class="statsGh">
<canvas id="assetList1Ct" width="1190px" height="190px"></canvas>
</div>
</li>
<c:if test="${fn:length(assetCtList2.cdnm) > 0}">
<li>
<div class="statsGhSort">구분별1</div>
<div class="statsGh">
<canvas id="assetList21Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</c:if>
<c:if test="${fn:length(assetCtList2.cdnm) > 9}">
<li>
<div class="statsGhSort">구분별2</div>
<div class="statsGh">
<canvas id="assetList22Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</c:if>
<c:if test="${fn:length(assetCtList2.cdnm) > 19}">
<li>
<div class="statsGhSort">구분별3</div>
<div class="statsGh">
<canvas id="assetList23Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</c:if>
<c:if test="${fn:length(assetCtList3.cdnm) > 0}">
<li>
<div class="statsGhSort">부서별1</div>
<div class="statsGh">
<canvas id="assetList31Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</c:if>
<c:if test="${fn:length(assetCtList3.cdnm) > 9}">
<li>
<div class="statsGhSort">부서별2</div>
<div class="statsGh">
<canvas id="assetList32Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</c:if>
<c:if test="${fn:length(assetCtList3.cdnm) > 19}">
<li>
<div class="statsGhSort">부서별3</div>
<div class="statsGh">
<canvas id="assetList33Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</c:if>
</ul>
</div>
</div>
</c:if>
<!-- 계약현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('bizcntrt') > -1 }">
<div class="statsPerBox">
<div class="statsPerTitle">
<img src="/direct/img/statsperDc.png" alt=""> <span class="statsPertt">계약현황</span>
</div>
<div class="statsGhArea">
<ul>
<li>
<div class="statsGhSort">구분별</div>
<div class="statsGh">
<canvas id="bizcntrtList1Ct" width="1190px" height="190px"></canvas>
</div>
</li>
<li>
<div class="statsGhSort">분야별</div>
<div class="statsGh">
<canvas id="bizcntrtList2Ct" width="1190px" height="190px"></canvas>
</div>
</li>
<li>
<div class="statsGhSort">계약방법별</div>
<div class="statsGh">
<canvas id="bizcntrtList3Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</ul>
</div>
</div>
</c:if>
<!-- 장애현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('faultmng') > -1 }">
<div class="statsPerBox">
<div class="statsPerTitle">
<img src="/direct/img/statsperDc.png" alt=""> <span class="statsPertt">장애현황</span>
</div>
<div class="statsGhArea">
<ul>
<li>
<div class="statsGhSort">구분별</div>
<div class="statsGh">
<canvas id="faultMngList1Ct" width="1190px" height="190px"></canvas>
</div>
</li>
<li>
<div class="statsGhSort">분야별</div>
<div class="statsGh">
<canvas id="faultMngList2Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</ul>
</div>
</div>
</c:if>
<!-- 교육회의현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('edu') > -1 }">
<div class="statsPerBox">
<div class="statsPerTitle">
<img src="/direct/img/statsperDc.png" alt=""> <span class="statsPertt">교육·회의현황</span>
</div>
<div class="statsGhArea gh2">
<ul>
<li>
<div class="statsGhSort">건 수</div>
<div class="statsGh">
<canvas id="eduList1Ct" width="550px" height="190px"></canvas>
</div>
</li>
<li>
<div class="statsGhSort">참석자수/증감율/참석률</div>
<div class="statsGh">
<canvas id="eduList2Ct" width="550px" height="190px"></canvas>
</div>
</li>
</ul>
</div>
</div>
</c:if>
<!-- IP현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('ip') > -1 }">
<div class="statsPerBox">
<div class="statsPerTitle">
<img src="/direct/img/statsperDc.png" alt=""> <span class="statsPertt">IP현황</span>
</div>
<div class="statsGhArea">
<ul>
<li>
<div class="statsGhSort">사용상태별</div>
<div class="statsGh">
<canvas id="ipList1Ct" width="1190px" height="190px"></canvas>
</div>
</li>
<c:if test="${fn:length(ipCtList2.cdnm) > 0}">
<li>
<div class="statsGhSort">부서별1</div>
<div class="statsGh">
<canvas id="ipList21Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</c:if>
<c:if test="${fn:length(ipCtList2.cdnm) > 9}">
<li>
<div class="statsGhSort">부서별2</div>
<div class="statsGh">
<canvas id="ipList22Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</c:if>
<c:if test="${fn:length(ipCtList2.cdnm) > 19}">
<li>
<div class="statsGhSort">부서별3</div>
<div class="statsGh">
<canvas id="ipList23Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</c:if>
<li>
<div class="statsGhSort">IP대역별</div>
<div class="statsGh">
<canvas id="ipList3Ct" width="1190px" height="190px"></canvas>
</div>
</li>
</ul>
</div>
</div>
</c:if>
<!-- 정기점검현황 -->
<c:if test="${kPostStatsVO.workCd.indexOf('per') > -1 }">
<div class="statsPerBox">
<div class="statsPerTitle">
<img src="/direct/img/statsperDc.png" alt=""> <span class="statsPertt">정기점검현황</span>
</div>
<div class="statsGhArea">
<ul>
<li>
<div class="statsGhSort">구분별</div>
<div class="statsGh">
<canvas id="perListCt" width="1190px" height="190px"></canvas>
</div>
</li>
</ul>
</div>
</div>
</c:if>
</div>
</c:if>
</div>
</form>
</div>
</body>
</html>