<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="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="form" uri="http://www.springframework.org/tags/form" %>
<%@ 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">
<head> 
<title>SLA관리</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="/direct/css/font.css">
<link rel="stylesheet" href="/direct/css/reset.css">
<link rel="stylesheet" href="/direct/css/enroll_popup.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/popup_open_2.js"></script>
<script src="/direct/js/script.js"></script>
<script type="text/javascript" src="<c:url value='/js/EgovCalPopup.js' />"></script>
<script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>"></script>
<script type="text/javascript" src="/js/audit/audit.common.js"></script>   
<script type="text/javascript" src="/js/audit/jquery.form.min.js"></script>
<script type="text/javaScript" language="javascript">
	var close_del = false; //화면 close시 사용변수
	<c:if test="${auditVO.pageType eq 'New'}">
		close_del = true;
	</c:if>
	$(window).bind("beforeunload", function (e){
		if(close_del){
			$("#auth_delete_btn").trigger("click");
		}
	});
	
	var itemSpanElement = "";
	$( document).ready(function() {
		
		//select 꾸미기
		$("select").niceSelect();
		
		//popupAutoResize();
		set_topfile_count(); //첨부파일 상단 갯수 표시
		set_file_image(); //파일 이미지 세팅
		
		/* 임시저장 버튼 클릭시 */
		$("#audit_btn_imsi").click(function (event){ 
			var frm = document.writeForm;
			if(frm.slaSj.value ==""){
				alert("협약명 필수 값입니다.");
				return;
			}
			if(!validateDate('N')){ return;}
			frm.imsi.value = 'Y' ;
			frm.slaCompanyId.value = frm.companyFileId.value ;
			$("#audit_update_btn").trigger("click") ;	
		});
		
		/* 저장,수정 버튼 클릭시 */
		$("#audit_save_btn").click(function (event){
			var frm = document.writeForm;
			if(frm.slaSj.value ==""){
				alert("협약명 필수 값입니다.");
				return;
			}
			if(!validateDate('Y')){ return;}
			frm.imsi.value = 'N' ;
			
			frm.slaCompanyId.value = frm.companyFileId.value ;
			$("#audit_update_btn").trigger("click") ;	
		});
		
		/* 화면에는 숨겨져 있으나 실제 임시저장, 저장, 수정 모두 처리된다. */
		$("#audit_update_btn").click(function (event){
			event.preventDefault();
		    var frm = document.writeForm;
		    if(frm.slaSj.value ==""){
		    	alert("협약명 필수 값입니다.");
				return;
			}
		    setButtonDisableEvent("T") ;
		    $('#writeForm').ajaxForm({
		        type: "POST",
		        enctype: 'multipart/form-data',
		        url: "/uss/itsm/sla/SlaMngUpdateAjax.do",
		        dataType:'jsonp',
		        error: function (e) {
		            console.log("ERROR : ", e);
		            setButtonDisableEvent("F") ;
		            alert("저장에 실패하였습니다.");
		        },
		        success: function (returnData, status) {
		            if(status == 'success'){
		            	if(returnData.result == 'fail'){
		            		alert("저장에 실패하였습니다.");
		            		setButtonDisableEvent("F") ;
		            	}else if(returnData.result == 'auth_fail'){
		            		alert("세션이 종료되었습니다.");
		            		if(opener !=null){
		            			opener.location.reload();	
		            		} 
		            		close_del = false;
		            		window.self.close() ;
		            	}else if(returnData.result =='success'){
		            		if(opener !=null){
		            			opener.location.reload();	
		            		}
		            		if($('#imsi').val()=='Y'){
		            			alert("임시 저장되었습니다.");
		            			setButtonDisableEvent("F") ;
		            		}else{
		            			alert("저장되었습니다.");
		            			close_del = false;
		            			window.self.close() ;
		            		}
		            	}
		            }else{
		            	alert("저장에 실패하였습니다.");
		            	setButtonDisableEvent("F") ;
		            }
		        }
		    });
		    $("#writeForm").submit() ;
		});
		
		/*삭제,취소 버튼 클릭시*/
		$("#auth_delete_btn").click(function (event){
			event.preventDefault();
			setButtonDisableEvent("T") ;
			$('#writeForm').ajaxForm({
		        type: "POST",
		        enctype: 'multipart/form-data',
		        url: "/uss/itsm/sla/SlaMngDeleteAjax.do",
		        dataType:'jsonp',
		        error: function (e) {
		            console.log("ERROR : ", e);
		            setButtonDisableEvent("F") ;
		            alert("저장에 실패하였습니다.");
		        },
		        success: function (returnData, status) {
		            if(status == 'success'){
		            	if(returnData.result == 'fail'){
		            		alert("저장에 실패하였습니다.");
		            		setButtonDisableEvent("F") ;
		            	}else if(returnData.result == 'auth_fail'){
		            		alert("세션이 종료되었습니다.");
		            		if(opener !=null){
		            			opener.location.reload();	
		            		}
		            		close_del = false;
		            		window.self.close() ;
		            	}else if(returnData.result =='success'){
		            		if(opener !=null){
		            			opener.location.reload();	
		            		}
		            		if($('#auth_delete_btn').attr("buttonType") == "Cancel"){
		            			alert("취소되었습니다.");
		            		}else{
		            			alert("삭제되었습니다.");	
		            		}
		            		close_del = false;
	            			window.self.close() ;
		            	}
		            }else{
		            	alert("저장에 실패하였습니다.");
		            	setButtonDisableEvent("F") ;
		            }
		        }
		    });
			$("#writeForm").submit() ;
		});
		
		/* 닫기 버튼 클릭시 */
		$("#auth_list_btn").click(function (event){
			window.close();
		});

		$("#cmmCodeSelect").change(function(){
			var cmmCodeId = this.value; 
			$.ajax({
			    type: "POST",
			    url: "/uss/itsm/sla/SlaMngSelectCmmCodeAjax.do",
			    data:{  "cmmCodeId": cmmCodeId},
			    dataType:'jsonp',
			    cache: false,
			    async: false,
			    success: function (returnData, status) {
			    	if(status == 'success'){
			        	if(returnData.result == 'fail'){
			        		alert("생성에 실패하였습니다.");
			        	}else if(returnData.result == 'auth_fail'){
			        		alert("세션이 종료되었습니다.");
			        	}else if(returnData.result =='success'){
			        		
			        		var codeList = returnData.cmmDetailCodeList;
			        		for(var i=0; i < codeList.length ; i++){
			        			alert(codeList[i].code);
			        		}
			        	}
			        }else{
			        	alert("생성에 실패하였습니다.");
			        }
			    },
			    error: function (e) {
			        alert("생성에 실패하였습니다.");
			    }
			});
		});
		
		init_function();
		setScore();
	});
	
	function selectPrint() { //인쇄 기능
		//프린트 호출 전
		 window.onbeforeprint = function() {
			 $(".enroll_wrap").height(1700);
		 }
		 window.onafterprint = function() {
		  //프린트 호출 후
			 $(".enroll_wrap").height(723);
		 }
		
		var browser = navigator.userAgent.toLowerCase();
		if ( -1 != browser.indexOf('chrome') ){
			window.print();
		}else if ( -1 != browser.indexOf('trident') ){
			try{
            	//참고로 IE 5.5 이상에서만 동작함
                //웹 브라우저 컨트롤 생성
				var webBrowser = '<OBJECT ID="previewWeb" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
  
				//웹 페이지에 객체 삽입
				document.body.insertAdjacentHTML('beforeEnd', webBrowser);
				
				//ExexWB 메쏘드 실행 (7 : 미리보기 , 8 : 페이지 설정 , 6 : 인쇄하기(대화상자))
				previewWeb.ExecWB(7, 1);
				
				//객체 해제
				previewWeb.outerHTML = "";
			}catch (e) {
				alert("오류처리 참조");
			}
		}
		
		  
		 
		 
		 
// 		 window.print();
		 
		/* 	 window.print()만 사용하면 스크롤 아래부분 인쇄 불가능 > 인쇄 창 열기 전 height를 늘려주고 인쇄 창 연 후에 다시 height를 늘려줌
		 사업 History(행추가) table을 제대로 인쇄를 못했음 > tbody의 height auto를 인지 못하기 떄문 > auto빼고 height 50px로 넣어줌. */
	}
	
	
	/* 버튼 이벤트 설정 */ 
	function setButtonDisableEvent(flag){
		if(flag == 'T'){
			$("#audit_btn_imsi").prop("disabled", true);
		    $("#audit_save_btn").prop("disabled", true);
		    $("#auth_delete_btn").prop("disabled", true);
		}else{
			$("#audit_btn_imsi").prop("disabled", false);
		    $("#audit_save_btn").prop("disabled", false);
		    $("#auth_delete_btn").prop("disabled", false);
		}
	}
	
	/* ********************************************************
	* PROTOTYPE JS FUNCTION
	******************************************************** */
	String.prototype.trim = function(){
		return this.replace(/^\s+|\s+$/g, "");
	}
	
	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;
	}
	
	var gamsaOpener ;
	
	/* 첨부파일 등록버튼 클릭시 */
	function file_upload() { 
		
		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 - 793) / 2;
		var popupY = scY + (docHeight - 363) / 2;
		
		gamsaOpener = window.open('', 'gamsaOpener', "width=793, height=363, left="+popupX+", top="+popupY,"location = no","status= no","toolbars= no");
		document.writeForm.method = "post";
		document.writeForm.action = "/uss/itsm/sla/SlaMngFileUpload.do";
		document.writeForm.target = "gamsaOpener" ;
		document.writeForm.submit();
	}
	
	
	/* 첨부파일 등록버튼 클릭시 */
	function company_file_upload() {
		
		if(document.writeForm.companyFileYN.value == "N"){
	    	alert("협약상대자를 선택해주세요");
			return;
		}
		
		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 - 793) / 2;
		var popupY = scY + (docHeight - 363) / 2;
		
		gamsaOpener = window.open('', 'gamsaOpener', "width=793, height=363, left="+popupX+", top="+popupY,"location = no","status= no","toolbars= no");
		document.writeForm.companyFileId.value;
		document.writeForm.method = "post";
		document.writeForm.action = "/uss/itsm/company/CompanyMngFileUpload.do";
		document.writeForm.target = "gamsaOpener" ;
		document.writeForm.submit();
	}
	
	
	function CompanyListView() { 
		
		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 - 775) / 2;
		var popupY = scY + (docHeight - 500) / 2;
		
		gamsaOpener = window.open('', 'gamsaOpener', "width=775, height=500, left="+popupX+", top="+popupY,"location = no","status= no","toolbars= no");
		document.writeForm.method = "post";
		document.writeForm.action = "/uss/itsm/company/CompanyMngListView.do";
		document.writeForm.target = "gamsaOpener" ;
		document.writeForm.submit();
	}
	
	
	/* 파일 삭제버튼 클릭시 */
	function delete_item_file(itemId , delObject){
		if(!confirm("삭제하시겠습니까?")){
			return false;
		}
		$.ajax({
		    type: "POST",
		    url: "/uss/itsm/sla/SlaMngFileDeleteAjax.do",
		    data:{ "slaItemId" : itemId},
		    dataType:'jsonp',
		    //processData: false,
		    //contentType: false,
		    cache: false,
		    timeout: 600000,
		    success: function (returnData, status) {
		    	if(status == 'success'){
		        	if(returnData.result == 'fail'){
		        		alert("삭제에 실패하였습니다.");
		        	}else if(returnData.result == 'auth_fail'){
		        		alert("세션이 종료되었습니다.");
		        		if(opener !=null){
		        			opener.location.reload();	
		        		}
		        	}else if(returnData.result =='success'){
		        		$('.'+delObject+itemId).remove();
		        	}
		        }else{
		        	alert("삭제에 실패하였습니다.");
		        }
		    },
		    error: function (e) {
		        alert("삭제에 실패하였습니다.");
		    }
		});
	}
	
	/* 첨부파일 상세 + 버튼 클릭시 */
	function unfold(object, codeId){ 
		if("plus"==$(object).attr("buttonType")){
			$(object).css("background" , "url(/direct/img/remove_enroll_popup_file.png) no-repeat center center") ;
			$(object).attr("buttontype" , "minus");
		}else{
			$(object).css("background" , "url(/direct/img/add_enroll_popup_file.png) no-repeat center center") ;
			$(object).attr("buttontype" , "plus");
		}
	    $('.ul_'+codeId).toggle();
	}
	
	/* 첨부파일 상단 + 버튼 클릭시 */
	function unfold_all(object , codeId){
		if("plus"==$(object).attr("buttonType")){
			$(object).css("background" , "url(/direct/img/remove_enroll_popup_file.png) no-repeat center center") ;
			$(object).attr("buttontype" , "minus");
			$('.ul_top_'+codeId).find('input[type=button]').css("background" , "url(/direct/img/remove_enroll_popup_file.png) no-repeat center center") ;
			$('.ul_'+codeId).show();	
		}else{
			$(object).css("background" , "url(/direct/img/add_enroll_popup_file.png) no-repeat center center") ;
			$(object).attr("buttontype" , "plus");
			$('.ul_top_'+codeId).find('input[type=button]').css("background" , "url(/direct/img/add_enroll_popup_file.png) no-repeat center center") ;
			$('.ul_'+codeId).hide();	
		}
	}
	
	/* 첨부파일 상세 체크버튼 클릭시 */
	function all_check_li(object, codeId){
		if($(object).is(':checked')){
			$('.li_'+codeId).find('input[type=checkbox]').prop("checked", true);	
		}else{
			$('.li_'+codeId).find('input[type=checkbox]').prop("checked", false);
		}
	}
	
	/* 첨부파일 상단 체크버튼 클릭시 */
	function all_check(object, codeId){
		if($(object).is(':checked')){
			$('.ul_top_'+codeId).find('input[type=checkbox]').prop("checked", true);	
		}else{
			$('.ul_top_'+codeId).find('input[type=checkbox]').prop("checked", false);
		}
	}
	
	
	/* 첨부파일 최상단 체크버튼 클릭시 */
	function total_check(object, codeId){
		if($(object).is(':checked')){
			$('.enroll_input_file_list_wrap').find('input[type=checkbox]').prop("checked", true);
		}else{
			$('.enroll_input_file_list_wrap').find('input[type=checkbox]').prop("checked", false);
		}
	}
	
	/* 첨부파일 최상단 다운로드 버튼 클릭시 */
// 	function file_download(){
// 		var checkbox_check = false;;
// 		$('input:checkbox[name="atchFileId"]').each(function(){
// 			if($(this).is(":checked")){
// 				checkbox_check = true;
// 			}
// 		});
// 		if(!checkbox_check){
// 			alert("선택된 항목이 없습니다.");
// 			return false;
// 		}
	 	
// 		$('input:checkbox[name="atchFileId"]').each(function(){
// 			if($(this).is(":checked")){
// 				window.open("/cmm/fms/ItsmFileDown.do?atchFileId="+$(this).val()+"&fileSn=0");
// 			}
// 		});
// 	}
	function file_download(){
    	var checkbox_check = false;;
    	$('input:checkbox[name="atchFileId"]').each(function(){
    		if($(this).is(":checked")){
    			checkbox_check = true;
    		}
    	});
    	if(!checkbox_check){
    		alert("선택된 항목이 없습니다.");
    		return false;
    	}
    	//다운로드 항목이 1개 일때 기존의 다운로드(알집형식이 아닌)
//     	if($('input:checkbox[name="atchFileId"]:checked').length < 2){
//     	$('input:checkbox[name="atchFileId"]').each(function(){
//     		if($(this).is(":checked")){
//     			window.open("/cmm/fms/ItsmFileDown.do?atchFileId="+$(this).val()+"&fileSn=0");
//     		}
//     	});
//     	}else{
			//다운로드 항목이 2개 이상일때 알집형식으로 다운로드    		
	    	var checkboxId = Array();
			var checkboxCnt = 0;
			var checkbox = $(".checkboxClass");
			
			for(i=0; i<checkbox.length; i++){
				if(checkbox[i].checked == true){
					checkboxId[checkboxCnt] = checkbox[i].value;
					checkboxCnt++;
				}
			}
			
			var frm = document.writeForm
			window.opener.name="parentPage";
			frm.target = "parentPage";
			frm.action="/cmm/fms/slaFileDownZip.do?atchFileId="+checkboxId;
			frm.submit();
//     	}
	}
	/*단일 다운로드  */
	function downItsmFile(atchFileId, fileSn){
    	window.open("/cmm/fms/ItsmFileDown.do?atchFileId="+atchFileId+"&fileSn=0");
    }
	
	
	/* 감사기간 validate */
	function validateDate(neceFlag){
		var slaMngBgndeYYYMMDD = document.getElementById('slaMngBgndeYYYMMDD').value;
		var slaMngEnddeYYYMMDD = document.getElementById('slaMngEnddeYYYMMDD').value;
		var slaMngTodayYYYMMDD = document.getElementById('slaMngTodayYYYMMDD').value;
		
		
		var frm = document.writeForm;
		if(neceFlag == 'Y'){
			if( slaMngBgndeYYYMMDD==""){
				alert("협약시작기간은 필수 값입니다.");
				setButtonDisableEvent("F") ;
				return false;
			}
			if( slaMngEnddeYYYMMDD==""){
				alert("협약종료기간은 필수 값입니다.");
				setButtonDisableEvent("F") ;
				return false;
			}
			if( slaMngTodayYYYMMDD==""){
				alert("협약일자는 필수 값입니다.");
				setButtonDisableEvent("F") ;
				return false;
			}
			
			
			var iChkBeginDe = Number(slaMngBgndeYYYMMDD.replaceAll("-","") );
			var iChkEndDe = Number( slaMngEnddeYYYMMDD.replaceAll("-","") );
			var iChkToDe = Number( slaMngTodayYYYMMDD.replaceAll("-","") );
	
			if(iChkBeginDe > iChkEndDe || iChkEndDe < iChkBeginDe ){
				alert("협약시작기간은  협약종료일보다 클수 없습니다.");
				setButtonDisableEvent("F") ;
				return false;
			}
	
			frm.slaStrPnttm.value 	= iChkBeginDe ;
			frm.slaEndPnttm.value 	= iChkEndDe ;
			frm.slaDate.value 		= iChkEndDe ;
			
		}else{
			if( slaMngBgndeYYYMMDD!="" && slaMngEnddeYYYMMDD!=""){
				var iChkBeginDe = Number(slaMngBgndeYYYMMDD.replaceAll("-","") );
				var iChkEndDe = Number( slaMngEnddeYYYMMDD.replaceAll("-","") );
				if(iChkBeginDe > iChkEndDe || iChkEndDe < iChkBeginDe ){
					alert("협약시작기간은  협약종료일보다 클수 없습니다.");
					return false;
			 	}
			}
			
			if( slaMngBgndeYYYMMDD!=""){
				var iChkBeginDe = Number(slaMngBgndeYYYMMDD.replaceAll("-","") );
				frm.slaStrPnttm.value = iChkBeginDe ;
			}
			
			if( slaMngEnddeYYYMMDD!=""){
				var iChkEndDe = Number( slaMngEnddeYYYMMDD.replaceAll("-","") );
				frm.slaEndPnttm.value = iChkEndDe ;
			}
			
			if( slaMngTodayYYYMMDD!=""){
				var iChkEndDe = Number( slaMngTodayYYYMMDD.replaceAll("-","") );
				frm.slaDate.value = iChkEndDe ;
			}
		}
		return true;
	}
	
	/* 감사관,담당자, 첨부파일 오프너에서 부모창 리로드 제어(익스에서 리로드 경고창 없애기 위해)  */
	function self_reload(){
		frm = document.writeForm;
		frm.target="_self";
		$('#imsi').val(""); //리로드 변수초기화
		$('#pageReload').val("Y"); 
		frm.action = "<c:url value='/uss/itsm/sla/SlaMngView.do'/>";
	    frm.submit();
	    $('#pageReload').val(""); //리로드 변수초기화
	}
	
	/* 첨부파일 상단 갯수 표시 */
	function set_topfile_count(){
		$('.th_top').each(function(){
		   	$('#th_top_count_'+$(this).attr('value')).text($('.ul_'+$(this).attr('value')).length);
		});
	}
	/* 첨부파일 이미지 세팅 */
	function set_file_image(){
		$("[class^='ul_each_']").each(function(){
		 	$($(this).find("img")[0]).attr("src" , getfile_img($(this).text().trim())) ;
		});
	}

	function init_function(){ //초기화 function
		setNumberOnly();
		detect_text_change(); //점수변경 감시 기능
	}
	
	function setNumberOnly(){ //숫자만 입력
		$("input:text[numberOnly]").on("keyup", function(){
		    $(this).val($(this).val().replace(/[^-\.0-9]/g,""));
		});
	}
	
	var score_weights = 0;
	var score_compare = 0;
	
	function detect_text_change(){
		
		$(".slaEvitWeight").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
		$(".slaEvitExpectedLevel").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
		$(".slaEvitMinimumLevel").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
		$(".slaEvit1quarterMeasures").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
		$(".slaEvit1quarterScore").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
		$(".slaEvit2quarterMeasures").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
		$(".slaEvit2quarterScore").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
		$(".slaEvit3quarterMeasures").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
		$(".slaEvit3quarterScore").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
		$(".slaEvit4quarterMeasures").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
		$(".slaEvit4quarterScore").focusin(function(){
	        score_compare = $(this).val()*1 ;
	     }).focusout(function(){
	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
	           setScore();
	        }
	     });
		
// 		$(".slaEvitAverageMeasures").focusin(function(){
// 	        score_compare = $(this).val()*1 ;
// 	     }).focusout(function(){
// 	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
// 	           setScore();
// 	        }
// 	     });
		
// 		$(".slaEvitAverageScore").focusin(function(){
// 	        score_compare = $(this).val()*1 ;
// 	     }).focusout(function(){
// 	        if(score_compare != $(this).val()*1){ //값이 변경되면 상단의 점수 세팅
// 	           setScore();
// 	        }
// 	     });
		
	}

	function setScore(){ //평가점수, 진단지표 스코어 계산

		
		for(var i=0; i < $("#slaEvitList_tr tr").length; i++){
			
			var slaEvit1quarterScore 	= $("input[name='slaEvitVOList["+i+"].slaEvit1quarterScore']").val();		// 1분기
			var slaEvit2quarterScore 	= $("input[name='slaEvitVOList["+i+"].slaEvit2quarterScore']").val();		// 2분기
			var slaEvit3quarterScore 	= $("input[name='slaEvitVOList["+i+"].slaEvit3quarterScore']").val();		// 3분기
			var slaEvit4quarterScore 	= $("input[name='slaEvitVOList["+i+"].slaEvit4quarterScore']").val();		// 4분기

			var sum = Number(slaEvit1quarterScore)+Number(slaEvit2quarterScore)+Number(slaEvit3quarterScore)+Number(slaEvit4quarterScore);
			var age = Number(sum)/Number(4);
			
			if(isNaN(age)){
				age = 0;
			}
			$("input[name='slaEvitVOList["+i+"].slaEvitAverageScore']").val(age);		// 평균
			
			
			var slaEvit1quarterMeasures 	= $("input[name='slaEvitVOList["+i+"].slaEvit1quarterMeasures']").val();	// 1분기
			var slaEvit2quarterMeasures 	= $("input[name='slaEvitVOList["+i+"].slaEvit2quarterMeasures']").val();	// 2분기
			var slaEvit3quarterMeasures 	= $("input[name='slaEvitVOList["+i+"].slaEvit3quarterMeasures']").val();	// 3분기
			var slaEvit4quarterMeasures 	= $("input[name='slaEvitVOList["+i+"].slaEvit4quarterMeasures']").val();	// 4분기
			
			var sum = Number(slaEvit1quarterMeasures)+Number(slaEvit2quarterMeasures)+Number(slaEvit3quarterMeasures)+Number(slaEvit4quarterMeasures);
			var age = Number(sum)/Number(4);
			if(isNaN(age)){
				age = 0;
			}
			$("input[name='slaEvitVOList["+i+"].slaEvitAverageMeasures']").val(age);		// 평균
		}
		
		
		
	   $('.eva_table').each(function(index, item){
		  // 가중치 합계
	      $(this).find('.slaEvitWeight').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvitWeight_sum').val(score_weights);
	      score_weights = 0 ;
	      
		  // 목표수준 기대수준 합계
	      $(this).find('.slaEvitExpectedLevel').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvitExpectedLevel_sum').val(score_weights);
	      score_weights = 0 ;
	      
		  // 목표수준 최소수준 합계	      
	      $(this).find('.slaEvitMinimumLevel').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvitMinimumLevel_sum').val(score_weights);
	      score_weights = 0 ;

		  // 1분기 측정값 합계
	      $(this).find('.slaEvit1quarterMeasures').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvit1quarterMeasures_sum').val(score_weights);
	      score_weights = 0 ;
	      
		  // 1분기 평가점수 합계	      
	      $(this).find('.slaEvit1quarterScore').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvit1quarterScore_sum').val(score_weights);
	      score_weights = 0 ;
	      
		  // 2분기 측정값 합계
	      $(this).find('.slaEvit2quarterMeasures').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvit2quarterMeasures_sum').val(score_weights);
	      score_weights = 0 ;
	      
		  // 2분기 평가점수 합계
	      $(this).find('.slaEvit2quarterScore').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvit2quarterScore_sum').val(score_weights);
	      score_weights = 0 ;
	      
		  // 3분기 측정값 합계	      
	      $(this).find('.slaEvit3quarterMeasures').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvit3quarterMeasures_sum').val(score_weights);
	      score_weights = 0 ;
	      
		  // 3분기 평가점수 합계	      
	      $(this).find('.slaEvit3quarterScore').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvit3quarterScore_sum').val(score_weights);
	      score_weights = 0 ;

		  // 4분기 측정값 합계
	      $(this).find('.slaEvit4quarterMeasures').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvit4quarterMeasures_sum').val(score_weights);
	      score_weights = 0 ;
	      
	   	  // 4분기 평가점수 합계
	      $(this).find('.slaEvit4quarterScore').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvit4quarterScore_sum').val(score_weights);
	      score_weights = 0 ;
	      
	      // 평균 측정값 합계
	      $(this).find('.slaEvitAverageMeasures').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvitAverageMeasures_sum').val(score_weights);
	      $("#allGrade").text(score_weights);
	      score_weights = 0 ;

			
		  // 평균 평가점수 합계
	      $(this).find('.slaEvitAverageScore').each(function(index, item){
	         score_weights = $(this).val()*1 + score_weights ;
	      });
	      $(this).find('.slaEvitAverageScore_sum').val(score_weights);
	      $("#grade").text(score_weights);
	      score_weights = 0 ;
	   });
	
		
		// 
// 		var sumScore=0;
// 		for(var i=3; i < 8; i++){
// 			var num = $('#generalResult'+i).text();
// 			sumScore = Number(sumScore) + Number(num);
// 		}
// 		$('#generalResult8').text(sumScore);
	}
	
	
	
	
	//총괄표 행추가
	var addHtml = "";
	function slaEvalItemAdd(slaEvId){
		$.ajax({
		    type: "POST",
		    url: "/uss/itsm/sla/SlaEvalItemInsertAjax.do",
		    data:{  "slaId": "${slaAutscitecVO.slaId}", "slaEvId":slaEvId, "imsi": "${slaAutscitecVO.imsi}" },
		    dataType:'jsonp',
		    cache: false,
		    async: false,
		    success: function (returnData, status) {
		    	if(status == 'success'){
		        	if(returnData.result == 'fail'){
		        		alert("생성에 실패하였습니다.");
		        	}else if(returnData.result == 'auth_fail'){
		        		alert("세션이 종료되었습니다.");
		        	}else if(returnData.result =='success'){
		        		
		        		var tempslaEvitInfo = returnData.slaEvitInfo;
		        		var slaEv_table_index = $("#slaEvitList_tr tr").length;
		        		var num = $("#slaEvitList_tr tr").length ;
		        		num = num+1;
		        		
		        		var temp_sla_ev_table = $('#temp_sla_ev_table').clone();
		        		temp_sla_ev_table = temp_sla_ev_table.find('tr') ;
		        		temp_sla_ev_table.find("td").eq(0).before("<td>"+num+"</td>");
		        		temp_sla_ev_table.addClass('item_td_temp') ; //추가 행에 class 추가
		        		$("#slaEvitList_tr").prepend(temp_sla_ev_table) ;  //처음에 add
		        		
						$('.item_td_temp').find("input[name*=slaEvitVOList]").each(function(index, item){  //추가한 행에 id 세팅함.
								        			
							$(this).attr('name' ,  $(this).attr('name').replace('[]' , '['+slaEv_table_index+""+']' ) ) ;
							
							if($(this).attr('id') == 'slaEvitId'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvitId) ;
		        			}
							
							if($(this).attr('id') == 'temp_checkbox'){
// 								$(this).attr('id' , tempslaEvitInfo.slaEvitId) ;
		        				$(this).attr('value' , tempslaEvitInfo.slaEvitId) ;
		        			}
							
// 							if($(this).attr('id') == 'temp_label'){
// 		        				$(this).attr('for' , tempslaEvitInfo.slaEvitId) ;
// 		        			}
							
							
							if($(this).attr('id') == 'slaEvitWeight'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvitWeight) ;
		        			}
							
							if($(this).attr('id') == 'slaEvitExpectedLevel'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvitExpectedLevel) ;
		        			}
							
							if($(this).attr('id') == 'slaEvitMinimumLevel'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvitMinimumLevel) ;
		        			}
							
							if($(this).attr('id') == 'slaEvit1quarterMeasures'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvit1quarterMeasures) ;
		        			}
							
							if($(this).attr('id') == 'slaEvit1quarterScore'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvit1quarterScore) ;
		        			}
							
							if($(this).attr('id') == 'slaEvit2quarterMeasures'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvit2quarterMeasures) ;
		        			}
							
							if($(this).attr('id') == 'slaEvit2quarterScore'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvit2quarterScore) ;
		        			}
							
							if($(this).attr('id') == 'slaEvit3quarterMeasures'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvit3quarterMeasures) ;
		        			}
							
							if($(this).attr('id') == 'slaEvit3quarterScore'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvit3quarterScore) ;
		        			}
							
							if($(this).attr('id') == 'slaEvit4quarterMeasures'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvit4quarterMeasures) ;
		        			}
							
							if($(this).attr('id') == 'slaEvit4quarterScore'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvit4quarterScore) ;
		        			}
							
							if($(this).attr('id') == 'slaEvitAverageMeasures'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvitAverageMeasures) ;
		        			}
							
							if($(this).attr('id') == 'slaEvitAverageScore'){
		        				$(this).attr('value' , tempslaEvitInfo.slaEvitAverageScore) ;
		        			}
							
						});
		        		
		        		$('.item_td_temp').attr('class' , tempslaEvitInfo.slaEvitId) ; //td 클래스 이름변경


		        		init_function();	
		        	}
		        }else{
		        	alert("생성에 실패하였습니다.");
		        }
		    },
		    error: function (e) {
		        alert("생성에 실패하였습니다.");
		    }
		});
	} 
	
	//총괄표 행삭제
	function slaEvalItemDel(nisGenId){
		
		
		
		
		
		var trSize =$("#slaEvitList_tr > tr ").size();
		if(trSize <= 6){
			alert("최소한의 평가지표 입니다.");
			return;
		}
		
		var slaEvitId = $("#slaEvitList_tr:first > tr:first").attr('class');
		
		$.ajax({
		    type: "POST",
		    url: "/uss/itsm/sla/SlaEvalItemDeleteAjax.do",
		    data:{  "slaEvitId": slaEvitId},
		    dataType:'jsonp',
		    cache: false,
		    async: false,
		    success: function (returnData, status) {
		    	if(status == 'success'){
		        	if(returnData.result == 'fail'){
		        		alert("생성에 실패하였습니다.");
		        	}else if(returnData.result == 'auth_fail'){
		        		alert("세션이 종료되었습니다.");
		        	}else if(returnData.result =='success'){
		        		
		        		$("."+slaEvitId).remove();		        		
		        	}
		        }else{
		        	alert("생성에 실패하였습니다.");
		        }
		    },
		    error: function (e) {
		        alert("생성에 실패하였습니다.");
		    }
		});
	}
</script>
</head>
<body>
	<form name="writeForm" id="writeForm" enctype="multipart/form-data" method="post">
		<input type="hidden" name="selectedId" />
		<input type="hidden" name="slaId" value="${slaAutscitecVO.slaId}"/>	
		<input type="hidden" name="del" value="${slaAutscitecVO.slaId}" />
		<input type="hidden" name="slaStrPnttm"  />	<!-- 협약 시작일 -->	
		<input type="hidden" name="slaEndPnttm"  /> <!-- 협약 종료일 -->
		<input type="hidden" name="slaDate"  />		<!-- 협약 일자 -->
		<input type="hidden" name="autItemId" />
		<input type="hidden" name="pageType" value="${slaAutscitecVO.pageType}" />
		<input type="hidden" name="pageReload" id="pageReload" /> <!-- 페이지 리로드를 위한 변수 -->
		<input type="hidden" name="imsi"  value="${slaAutscitecVO.imsi}" />
		<input type="hidden" name="clCode"  value="${slaAutscitecVO.clCode}"/><!-- 첨부파일종류 -->
		<input type="hidden" name="frstRegistPnttm" value="${slaAutscitecVO.frstRegistPnttm}" />
		<input type="hidden" name="companyFileId" id="companyFileId" value="${slaAutscitecVO.slaCompanyId}" />
		
		<c:set var="companyFileYN" value="N"/>
		<c:if test="${not empty slaAutscitecVO.slaCompanyId}">
			<c:set var="companyFileYN" value="Y"/>
		</c:if>
		<input type="hidden" name="companyFileYN" id="companyFileYN" value="${companyFileYN}" />
		<input type="hidden" name="slaCompanyId" value="" />
		<input type="hidden" name="screenType" value="sla" />
		
		
    	<div class="enroll_popup" style="height:783px;">
	       	<div class="enroll_popup_title">
	           	<img src="/direct/img/enroll_popup_title_bg.png" alt=""> SLA 관리
	           	<!-- <div class="enroll_popup_title_btns">
	                <ul>
	                    <li><img src="/direct/img/popup_little_icon.png" alt=""></li>
	                    <li><img src="/direct/img/popup_full_icon.png" alt=""></li>
	                    <li><img src="/direct/img/popup_close_icon.png" alt=""></li>
	                </ul>
	           	</div> -->
	       	</div>
	       	<div class="enroll_wrap">
	        	<div class="enroll_input_left">
		            <ul>
		                <li>
		                    <div class="enroll_input_title required_area"><div class="listTitle">협약명</div></div>
		                    <input type="text" name="slaSj" id="slaSj" value="${slaAutscitecVO.slaSj}" placeholder="협약명을 입력하세요">
		                </li>
		                <li>
		                    <div class="enroll_input_title required_area"><div class="listTitle">협약기간</div></div>
		                    <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
							<input type="text" style="width:144px;" class="date_format" name="slaMngBgndeYYYMMDD" id="slaMngBgndeYYYMMDD" size="10" maxlength="10" value="${slaAutscitecVO.slaStrPnttm}" readonly="">
							<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.writeForm, document.forms.writeForm.slaMngBgndeYYYMMDD);" class="date_select_btn">
								<img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px;vertical-align: baseline;" alt="달력창팝업버튼이미지">
							</a>
							&emsp;~&emsp;
							<input type="text" style="width:144px;" class="date_format" name="slaMngEnddeYYYMMDD" id="slaMngEnddeYYYMMDD" size="10" maxlength="10" value="${slaAutscitecVO.slaEndPnttm}" readonly="">
							<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.writeForm, document.forms.writeForm.slaMngEnddeYYYMMDD);" class="date_select_btn">
								<img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px;vertical-align: baseline;" alt="달력창팝업버튼이미지">
							</a>
		                </li>
		                <li>
							<div class="enroll_input_title"><div class="listTitle">협약일자</div></div>
	<!-- 						<input type="text" class="first_date"> -->
							<input type="text" style="width:144px;" class="date_format" name="slaMngTodayYYYMMDD" id="slaMngTodayYYYMMDD" size="10" maxlength="10" value="${slaAutscitecVO.slaDate}" readonly="">
							<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.writeForm, document.forms.writeForm.slaMngTodayYYYMMDD);" class="date_select_btn">
								<img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px;vertical-align: baseline;" alt="달력창팝업버튼이미지">
							</a>
						</li>
		            </ul>
					<div class="order_team team_wrap">
						<div class="order_team_title">담당부서(담당자)</div>
						<ul>
							<li>
								소 속 <input type="text" id="slaDeptBelong" name="slaDeptBelong" value="${slaAutscitecVO.slaDeptBelong}"/>
							</li>
							<li>
								성 명 <input type="text" id="slaDeptName" name="slaDeptName" value="${slaAutscitecVO.slaDeptName}"/>
							</li>
							<li>
								직 위	<input class="position" type="text" id="slaDeptSpot" name="slaDeptSpot" value="${slaAutscitecVO.slaDeptSpot}"/>
							</li>
							<li>
								전 화	<input class="p_number" type="text" id="slaDeptTel" name="slaDeptTel" value="${slaAutscitecVO.slaDeptTel}"/>
							</li>
							<li>
								이 메 일 <input class="email" type="text" id="slaDeptEmail" name="slaDeptEmail" value="${slaAutscitecVO.slaDeptEmail}"/>
							</li>
							<li>
								비 고 <input class="note" type="text" id="slaDeptRemaks" name="slaDeptRemaks" value="${slaAutscitecVO.slaDeptRemaks}"/>
							</li>
						</ul>
					</div>
	
					<div class="order_team team_wrap">
						<div class="order_team_title">협약상대자
							<div class="load_btn">
								<input type="button" value="불러오기" class="load_Btn" onclick="CompanyListView()">
							</div>
						</div>
						<ul>
							<li>상&emsp;호 
								<input type="text" id="partnerMutual" name="slaPartnerMutual" readonly value="<c:out value="${slaAutscitecVO.slaPartnerMutual}"/>"/>
							</li>
							<li>사업자등록번호
								<input type="text" class="business_number"  id="partnerCrnum" name="slaPartnerCrnum" readonly value="<c:out value="${slaAutscitecVO.slaPartnerCrnum}"/>"/>
								<input type="button" class="file_btn"  id="" onclick="company_file_upload()">
							</li>
							<li>대표자 
								<input type="text" id="partnerMaster" name="slaPartnerMaster" readonly value="<c:out value="${slaAutscitecVO.slaPartnerMaster}"/>"/>
							</li>
							<li style="letter-spacing: -1px">대 표 전 화 번 호 
								<input type="text" class="p_number" style="width: 140px !important; width: 120px;" readonly  id="partnerMastertel" name="slaPartnerMastertel" value="<c:out value="${slaAutscitecVO.slaPartnerMastertel}"/>"/>
							</li>
							<li>주&emsp;소 
								<input type="text" class="adress" id="partnerAdd" name="slaPartnerAdd" readonly value="<c:out value="${slaAutscitecVO.slaPartnerAdd}"/>"/>
							</li>
						</ul>
					</div>
					<div class="order_team team_wrap">
						<div class="order_team_title">협약담당자</div>
						<ul>
							<li>소 속
								 <input type="text" id="slaManagerBelong" name="slaManagerBelong" value="${slaAutscitecVO.slaManagerBelong}"/>
							</li>
							<li>성 명 
								<input type="text" id="slaManagerName" name="slaManagerName" value="${slaAutscitecVO.slaManagerName}"/>
							</li>
							<li>직 위
								 <input type="text" class="position" id="slaManagerSpot" name="slaManagerSpot" value="${slaAutscitecVO.slaManagerSpot}"/>
							 </li>
							<li>전 화
								 <input type="text" class="p_number" id="slaManagerTel" name="slaManagerTel" value="${slaAutscitecVO.slaManagerTel}"/>
							</li>
							<li>이 메 일
								 <input type="text" class="email" id="slaManagerEmail" name="slaManagerEmail" value="${slaAutscitecVO.slaManagerEmail}"/>
							</li>
							<li>비 고
								 <input type="text" class="note" id="slaManagerRemaks" name="slaManagerRemaks" value="${slaAutscitecVO.slaManagerRemaks}"/>
							</li>
						</ul>
					</div>  
	        	</div>
		        <div class="enroll_input_file">
		            <div class="enroll_file_title">
		                <img src="/direct/img/enroll_file_title_bg.png" alt=""> 첨부파일
		                <input type="checkbox" id="all" onclick="total_check(this);">
		                <label for="all"></label>
		                <input type="button" value="다운로드" onclick="file_download(this); return false;">
		                <div class="add_file_btn"><input type="button" value="등록" onclick="file_upload()"></div>
		                &ensp;｜&ensp;
		                <div class="file_move_area">
							<select name="cmmCodeSelect" id="cmmCodeSelect" class="file_move_menu">
								<c:forEach var="result" items="${cmmCodeList}" varStatus="status">
	                                <option value="${result.codeId}">${result.codeIdNm}</option>
                                </c:forEach>
							</select>
							<select name="" id="" class="file_move_submenu">
								<option value="">각 대메뉴의</option>
								<option value="">하위메뉴들</option>
							</select>
							<input type="button" class="file_move_btn" value="이동">
							<input type="button" class="file_move_reset_btn" value="되돌리기">
						</div>
		            </div>
		            <div class="enroll_input_file_list_wrap sla_file_wrap">
		                <table>
		                    <table>
		                        <thead>
		                            <tr>
		                                <c:forEach var="result" items="${cmmCodeList}" varStatus="status">
			                                <th class="th_top" value="${result.codeId}" style="margin-left:-3px">
			                                    <input type="checkbox" id="file_list_all_${result.codeId}" onclick="all_check(this, '${result.codeId}');">
			                                    <label for="file_list_all_${result.codeId}"></label>
			                                    	${result.codeIdNm}(<span id="th_top_count_${result.codeId}">0</span>)
			                                    <input type="button" buttonType="plus" onclick="unfold_all(this , '${result.codeId}'); return false;">
			                                </th>
		                                </c:forEach>
		                            </tr>
		                        </thead>
		                    </table>
		                    <tbody>
		                        <table>
		                            <tr>
		                            <c:forEach var="codeResult" items="${cmmCodeList}" varStatus="status">
		                            	 <td><ul class="ul_top_${codeResult.codeId}">
		                            	 <c:forEach var="detailResult" items="${cmmDetailCodeList}" varStatus="status">
											<c:if test="${codeResult.codeId eq detailResult.codeId}">
		                                	 	<li class="li_${detailResult.code}">
		                                            <input type="checkbox" id="main_file_title_${detailResult.code}" onclick="all_check_li(this, '${detailResult.code}');">
		                                            <label for="main_file_title_${detailResult.code}"></label>
		                                            	${detailResult.codeNm}
		                                            <input type="button" buttonType="plus" onclick="unfold(this , '${detailResult.codeId}'); return false;">
		                                            <c:forEach var="fileResult" items="${slaMngFileList}" varStatus="status">
		                                            	<c:if test="${detailResult.codeId eq fileResult.slaAttfile1dep and detailResult.code eq fileResult.slaAttfile2dep}">
		                                            		<ul class="ul_each_${fileResult.slaItemId} ul_${detailResult.codeId}" style="display:none;">
				                                                <li>
				                                                    <input type="checkbox" name="atchFileId" value="${fileResult.atchFileId}" id="file_sort_each_${fileResult.slaItemId}" class="checkboxClass">
				                                                    <label for="file_sort_each_${fileResult.slaItemId}"></label>
				                                                    <img src="/direct/img/enroll_pdf_file.png" alt="">
					                                                    <div class="eva_file_name">
					                                                  	  	<a href="javascript:downItsmFile('<c:out value="${fileResult.atchFileId}"/>','0')">
																				${fileResult.orignlFileNm}
																			</a>
					                                                    </div>
				                                                    <img src="/direct/img/add_enroll_popup_delect.png" alt="" onclick="delete_item_file('${fileResult.slaItemId}' , 'ul_each_');">
				                                                </li>
				                                            </ul>
		                                            	</c:if>
		                                            </c:forEach>
		                                	 	</li>
		                                	</c:if>									
		                            	</c:forEach>
		                            	</ul></td>
		                            </c:forEach>
		                            </tr>
		                        </table>
		                    </tbody>
		                </table>
		            </div>
		        </div>
		  		<div class="enroll_popup_bottom" style="margin-top:27px;padding-top:8px; page-break-before:always">
		            <div class="enroll_popup_bottom order_wrap" style="border-top:none;margin-top:0;margin-left:12px;padding-top:14px;">
						<div class="enroll_popup_bottom_title"><img src="/direct/img/bottom_title_Evaluation.png" alt="">평가지표 및 평가결과
							<div class="eva_grade">평가점수
								<div class="grade_wrap">
									<div class="all_grade" id="allGrade">
										100점
									</div>
									<div class="grade" id="grade">85점</div>
								</div>
							</div>
							<div class="line_btn">
								<div class="add_line">
									<input type="button" value="행추가" onclick="slaEvalItemAdd('${slaEvInfo.slaEvId}')">
								</div>
								<div class="delect_line">
									<input type="button" value="행삭제" onclick="slaEvalItemDel()">
								</div>
							</div>
							<span class="required_text" style="float: none">※ SLA 평가점수 85점 이상 시 최대 2년간 계약연장 가능</span>
						</div>
						<div class="eva_table_wrap sla_table_wrap">
							<div class="eva_table">
								<div class="eva_table_title">Ⅰ. 관리체계 구축 및 운영
									<div class="eva_file_call">
										<input type="button" class="beyCall" value="전년도 지표 불러오기" onclick="get_before_evalMng(); return false;"> 
									</div>
								</div>
								<div class="eva_table_in sla_eva_table">
									<table>
										<thead>
										<tr>
											<!-- <th rowspan="2">
												<input type="checkbox"><label for=""></label>
											</th> -->
											<th rowspan="2">구분</th>
											<th rowspan="2">평가항목</th>
											<th rowspan="2">평가지표</th>
											<th rowspan="2">가중치</th>
											<th colspan="2">목표수준(월)</th>
											<th colspan="2">1분기</th>
											<th colspan="2">2분기</th>
											<th colspan="2">3분기</th>
											<th colspan="2">4분기</th>
											<th colspan="2">평균</th>
										</tr>
										<tr class="sla_sub_group">
											<th>기대수준</th>
											<th>최소수준</th>
											<th>측정값</th>
											<th>평가점수</th>
											<th>측정값</th>
											<th>평가점수</th>
											<th>측정값</th>
											<th>평가점수</th>
											<th>측정값</th>
											<th>평가점수</th>
											<th>측정값</th>
											<th>평가점수</th>
										</tr>
										</thead>
										<tbody id="slaEvitList_tr">
											<c:set var="table_index" value="${fn:length(slaEvitList)}" />
											<c:forEach var="slaEvitListInfo" items="${slaEvitList}" varStatus="status">
												<tr class="${slaEvitListInfo.slaEvitId}">
													<%-- <td>
														<input type="checkbox" value="${slaEvitListInfo.slaEvitId}" id="${slaEvitListInfo.slaEvitId}">
														<label for="${slaEvitListInfo.slaEvitId}"></label>
													</td> --%>
													<td>
													<c:out value="${table_index}"/>
													</td>
													<td>
														 <input name="slaEvitVOList[${status.index}].slaEvitId" type="hidden" value="${slaEvitListInfo.slaEvitId}">
														<input name="slaEvitVOList[${status.index}].slaEvitTiem" type="text" class="eva_item" value="${slaEvitListInfo.slaEvitTiem}"
															<c:if test="${!empty slaEvitListInfo.slaEvitItemId}">
																readonly
															</c:if>
														 >
													</td>
													<td>
														<input name="slaEvitVOList[${status.index}].slaEvitIndicators" type="text" class="eva_point" value="${slaEvitListInfo.slaEvitIndicators}">
														<div class="q_mark">
															<img src="/direct/img/q_mark.png" alt="">
														</div>
														<div class="hover_cont">
															평균 = 입력값 / 입력수
														</div>
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvitWeight" type="text" class="eva_weight slaEvitWeight"  value="${slaEvitListInfo.slaEvitWeight}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvitExpectedLevel" type="text" class="eva_exp_level slaEvitExpectedLevel"  value="${slaEvitListInfo.slaEvitExpectedLevel}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvitMinimumLevel" type="text" class="eva_min_level slaEvitMinimumLevel"  value="${slaEvitListInfo.slaEvitMinimumLevel}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvit1quarterMeasures" type="text" class="eva_value slaEvit1quarterMeasures"   value="${slaEvitListInfo.slaEvit1quarterMeasures}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvit1quarterScore" type="text" class="eva_grade_table slaEvit1quarterScore"  value="${slaEvitListInfo.slaEvit1quarterScore}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvit2quarterMeasures" type="text" class="eva_value slaEvit2quarterMeasures"  value="${slaEvitListInfo.slaEvit2quarterMeasures}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvit2quarterScore" type="text" class="eva_grade_table slaEvit2quarterScore"  value="${slaEvitListInfo.slaEvit2quarterScore}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvit3quarterMeasures" type="text" class="eva_value slaEvit3quarterMeasures"  value="${slaEvitListInfo.slaEvit3quarterMeasures}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvit3quarterScore" type="text" class="eva_grade_table slaEvit3quarterScore"  value="${slaEvitListInfo.slaEvit3quarterScore}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvit4quarterMeasures" type="text" class="eva_value slaEvit4quarterMeasures"  value="${slaEvitListInfo.slaEvit4quarterMeasures}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvit4quarterScore" type="text" class="eva_grade_table slaEvit4quarterScore"  value="${slaEvitListInfo.slaEvit4quarterScore}">
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvitAverageMeasures" type="text" class="eva_value slaEvitAverageMeasures"  value="${slaEvitListInfo.slaEvitAverageMeasures}" readonly>
													</td>
													<td>
														<input numberOnly name="slaEvitVOList[${status.index}].slaEvitAverageScore" type="text" class="eva_grade_table slaEvitAverageScore"  value="${slaEvitListInfo.slaEvitAverageScore}" readonly>
													</td>
												</tr>
												<c:set var="table_index" value="${table_index - 1}" />
											</c:forEach>
										</tbody>
										<tfoot>
											<tr>
												<!-- <td colspan="4">계</td> -->
												<td colspan="3">계</td>
												<td>
													<input type="text" class="eva_weight slaEvitWeight_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_exp_level slaEvitExpectedLevel_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_min_level slaEvitMinimumLevel_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_value slaEvit1quarterMeasures_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_grade_table slaEvit1quarterScore_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_value slaEvit2quarterMeasures_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_grade_table slaEvit2quarterScore_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_value slaEvit3quarterMeasures_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_grade_table slaEvit3quarterScore_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_value slaEvit4quarterMeasures_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_grade_table slaEvit4quarterScore_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_value slaEvitAverageMeasures_sum" readonly>
												</td>
												<td>
													<input type="text" class="eva_grade_table slaEvitAverageScore_sum" readonly>
												</td>
											</tr>
										</tfoot>
									</table>
								</div>
							</div>
						</div>
		
					</div>
		
					<div class="sla_fault_interlock_wrap">
						<div class="sla_fault_interlock_title">
							<img src="/direct/img/sla_fault_icon.png" alt=""> 장애처리 시간 미준수
						</div>
						<div class="sla_fault_table">
							<table>
								<thead>
									<tr>
										<th><input type="checkbox"><label for=""></label></th>
										<th class="fault_num">번호
											<div class="sort">
												<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
											</div>
										</th>
										<th class="fault_sort">분야
											<div class="sort">
												<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
											</div>
										</th>
										<th class="work_obj">작업대상
											<div class="sort">
												<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
											</div>
										</th>
										<th class="work_title">작업명
											<div class="sort">
												<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
											</div>
										</th>
										<th class="work_date">작업일자
											<div class="sort">
												<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
											</div>
										</th>
										<th class="work_enterprise">작업업체
											<div class="sort">
												<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
											</div>
										</th>
										<th class="work_who">작업자
											<div class="sort">
												<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
											</div>
										</th>
										<th class="work_enroll_result">작업결과
											등록 여부
											<div class="sort">
												<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
											</div>
										</th>
									</tr>
								</thead>
								<tbody>
<!-- 									<tr> -->
<!-- 										<td><input type="checkbox"><label for=""></label></td> -->
<!-- 										<td class="fault_num">1</td> -->
<!-- 										<td class="fault_sort">HW</td> -->
<!-- 										<td class="work_obj">OAD-1234</td> -->
<!-- 										<td class="work_title">작업명작업명작업명</td> -->
<!-- 										<td class="work_date">2019-09-09 ~ 2019-09-09</td> -->
<!-- 										<td class="work_enterprise">아이티앤</td> -->
<!-- 										<td class="work_who">홍길동</td> -->
<!-- 										<td class="work_enroll_result">등록</td> -->
<!-- 									</tr> -->
								</tbody>
							</table>
						</div>
					</div>
		            
		            <div class="main1_btn_div">
					<c:if test="${slaAutscitecVO.pageType eq 'New'}">
						<input type="button" class="main1_btn main1_save_imsi_btn" id="audit_btn_imsi" value="임시저장" />
						<input type="button" class="main1_btn main1_save_btn" buttonType="${auditVO.pageType}" id="audit_save_btn" value="저 장" />
						<input type="button" class="main1_btn main1_delete_btn" buttonType="Cancel" id="auth_delete_btn" value="취 소" />
					</c:if>
					<c:if test="${slaAutscitecVO.pageType eq 'Imsi'}">
						<input type="button" class="main1_btn main1_save_imsi_btn" id="audit_btn_imsi" value="임시저장" />
						<input type="button" class="main1_btn main1_save_btn" buttonType="${auditVO.pageType}" id="audit_save_btn" value="저 장" />
						<input type="button" class="main1_btn main1_delete_btn" buttonType="Cancel" id="auth_delete_btn" value="취 소" />
					</c:if>
					<c:if test="${slaAutscitecVO.pageType eq 'Modify'}">
						<input type="button" class="main1_btn main1_save_btn" buttonType="${auditVO.pageType}" id="audit_save_btn" value="수 정" />
						<input type="button" class="main1_btn main1_delete_btn" buttonType="Delete" id="auth_delete_btn" value="삭 제">
						<input type="button" class="main1_btn main1_list_btn" buttonType="Cancel" id="auth_list_btn" value="닫 기" />
						<input type="button" class="main1_btn main1_print_btn" buttonType="Print" id="auth_print_btn" value="인 쇄"  onclick="selectPrint();"/>
					</c:if>
					<input type="button" class="main1_btn main1_save_imsi_btn" id="audit_update_btn" style="display:none;" />
					</div>		
		        </div>
		        <!-- <div class="view_info">
				<div class="enroll_date">
						등록일시&emsp;2019.09.09&ensp;18:18:18</div>
					<div class="list_view_btns">
						<input type="button" value="이전글" class="before_list">&ensp;&ensp;｜&ensp;&ensp;
						<input type="button" value="다음글" class="next_list">
					</div>
			</div> -->
	        </div>
	        
	    </div>
	</form>
	<table id="temp_sla_ev_table" style="display: none">
		<tr>
			<!-- <td>
				<input type="checkbox" id="temp_checkbox" value="" >
				<label id="temp_label" for=""></label>
			</td> -->
			<td>
				 <input id="slaEvitId" name="slaEvitVOList[].slaEvitId" type="hidden" value="">
				<input name="slaEvitVOList[].slaEvitTiem" type="text" class="eva_item" value="">
			</td>
			<td>
				<input name="slaEvitVOList[].slaEvitIndicators" type="text" class="eva_point" value="">
				<div class="q_mark">
					<img src="/direct/img/q_mark.png" alt="">
				</div>
				<div class="hover_cont">
					평균 = 입력값 / 입력수
				</div>
			</td>
			<td>
				<input id="slaEvitWeight" name="slaEvitVOList[].slaEvitWeight" type="text" class="eva_weight slaEvitWeight" value=""  numberOnly>
			</td>
			<td>
				<input id="slaEvitExpectedLevel" name="slaEvitVOList[].slaEvitExpectedLevel" type="text" class="eva_exp_level slaEvitExpectedLevel" value="" numberOnly>
			</td>
			<td>
				<input id="slaEvitMinimumLevel" name="slaEvitVOList[].slaEvitMinimumLevel" type="text" class="eva_min_level slaEvitMinimumLevel" value="" numberOnly>
			</td>
			<td>
				<input id="slaEvit1quarterMeasures" name="slaEvitVOList[].slaEvit1quarterMeasures" type="text" class="eva_value slaEvit1quarterMeasures" value="" numberOnly>
			</td>
			<td>
				<input id="slaEvit1quarterScore" name="slaEvitVOList[].slaEvit1quarterScore" type="text" class="eva_grade_table slaEvit1quarterScore" value="" numberOnly>
			</td>
			<td>
				<input id="slaEvit2quarterMeasures" name="slaEvitVOList[].slaEvit2quarterMeasures" type="text" class="eva_value slaEvit2quarterMeasures" value="" numberOnly>
			</td>
			<td>
				<input id="slaEvit2quarterScore" name="slaEvitVOList[].slaEvit2quarterScore" type="text" class="eva_grade_table slaEvit2quarterScore" value="" numberOnly>
			</td>
			<td>
				<input id="slaEvit3quarterMeasures" name="slaEvitVOList[].slaEvit3quarterMeasures" type="text" class="eva_value slaEvit3quarterMeasures" value="" numberOnly>
			</td>
			<td>
				<input id="slaEvit3quarterScore" name="slaEvitVOList[].slaEvit3quarterScore" type="text" class="eva_grade_table slaEvit3quarterScore" value="" numberOnly>
			</td>
			<td>
				<input id="slaEvit4quarterMeasures" name="slaEvitVOList[].slaEvit4quarterMeasures" type="text" class="eva_value slaEvit4quarterMeasures" value="" numberOnly>
			</td>
			<td>
				<input id="slaEvit4quarterScore" name="slaEvitVOList[].slaEvit4quarterScore" type="text" class="eva_grade_table slaEvit4quarterScore" value="" numberOnly>
			</td>
			<td>
				<input id="slaEvitAverageMeasures" name="slaEvitVOList[].slaEvitAverageMeasures" type="text" class="eva_value slaEvitAverageMeasures" value="" readonly>
			</td>
			<td>
				<input id="slaEvitAverageScore" name="slaEvitVOList[].slaEvitAverageScore" type="text" class="eva_grade_table slaEvitAverageScore" value="" readonly>
			</td>
		</tr>
	</table>
</body>
</html>
