<%--
  Class Name : schdlrUpdate.jsp
  Description : 스케줄 등록/수정
  Modification Information
 
      수정일      수정자              수정내용
     ----------  --------    ---------------------------
     2009.03.23   이삼섭        최초 생성
 
    author   : 공통서비스 개발팀 이삼섭
    since    : 2009.03.23
--%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import ="egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper" %>
<%@ 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"%>

<%
	String srchRoll = "N";
	if(EgovUserDetailsHelper.getAuthorities().contains("ROLE_ADMIN")){
		srchRoll = "Y";
	}
%>
<c:set var="srchRoll" value="<%=srchRoll%>" />

<%@ taglib prefix="ckeditor" uri="http://ckeditor.com"%>
<%   
	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>일정추가</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<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">
<link rel="stylesheet" href="/direct/css/file_upload_2.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/direct/css/ie_popup.css" />
<![endif]-->
<script src="/direct/js/jquery-1.11.3.min.js"></script>
<script src="/direct/js/jquery-ui.min.js"></script>
<script src="/direct/js/jquery.nice-select.js"></script>
<script src="/direct/js/script.js"></script>
<!-- <script src="/direct/js/popup_open_2.js"></script> -->

<link rel="stylesheet" href="/direct/css/jquery.timepicker.css">
<script src="/direct/js/jquery.timepicker.js"></script>
<!-- <script src="/direct/js/jquery.timepicker_orgn.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" language="javascript">
$(document).ready(function() {
	
	$('input.timepicker').timepicker({
		timeFormat: 'p hh:mm'
		,dynamic : false
		,dropdown : true
		,scrollbar : true 
	});
	
	$('select').niceSelect();
	
	schdlrAlarmCndChange(); // 알람 구분
	schdlrDateAllYnChange(); // 종일 구분
	
	if ($("#atchFileTbody").find("tr").size() == 1) $("#atchFileTbody").find("tr").css("display", "");
	
	$(".file_upload_box").css("display", "");
	fileDragNDropInit();
		
	// 첨부파일 드래그앤드랍 init
	/* if(!isUpdate()) { // 수정가능상태확인
		$(".file_upload_box").css("display", "");
		fileDragNDropInit();
	} */
	
	// 화면 값 전달
	var schdlrId = "<c:out value='${schdlrVO.schdlrId}' />";
	var schdlrBgnDatetime = "<c:out value='${schdlrVO.schdlrBgnDatetime}' />";
	var schdlrDateAllYn = "<c:out value='${schdlrVO.schdlrDateAllYn}' />";
	//console.log(schdlrBgnDatetime);
	//schdlrBgnDatetime = "20191105";
	
	// 등록 시
	if(!schdlrId) {
		var date = new Date();
		if (!schdlrBgnDatetime) schdlrBgnDatetime = $.datepicker.formatDate('yymmdd', date);
		
		var schdlrBgnDt = schdlrBgnDatetime.substr(0, 4) + "-" + schdlrBgnDatetime.substr(4, 2) + "-" + schdlrBgnDatetime.substr(6, 2);
		var schdlrBgnHH = schdlrBgnDatetime.substr(9, 2); var schdlrBgnMI = schdlrBgnDatetime.substr(12, 2);

		//var bgnDate = new Date(schdlrBgnDt + "T" + schdlrBgnHH + ":" + schdlrBgnMI);
		//var endDate = new Date(schdlrBgnDt + "T" + schdlrBgnHH + ":" + schdlrBgnMI);
		var bgnDate = new Date(schdlrBgnDt);
		var endDate = new Date(schdlrBgnDt);

		if (schdlrDateAllYn == "Y") { // 종일칸 등록
			schdlrBgnHH = "12"; schdlrBgnMI = "00";
		} else if(!schdlrBgnHH) { // 시간없을 시 현재 시간
			schdlrBgnHH = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
			schdlrBgnMI = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
		}
		
		bgnDate.setHours(schdlrBgnHH);
		bgnDate.setMinutes(schdlrBgnMI);
		endDate.setHours(schdlrBgnHH);
		endDate.setMinutes(schdlrBgnMI);
		
		if (schdlrDateAllYn == "Y") { // 종일칸 등록
			endDate.setDate(bgnDate.getDate() + 1);
			$("[name=schdlrDateAllYn]").prop("checked", true);
		} else {
			endDate.setHours(bgnDate.getHours() + 1);
		}
		
		var strBgnDate = $.datepicker.formatDate('yy-mm-dd', bgnDate);
		var strEndDate = $.datepicker.formatDate('yy-mm-dd', endDate);
		
		$("[name=schdlrBgnDt]").val($.datepicker.formatDate('yy-mm-dd', bgnDate));
		//$("[name=schdlrBgnHH]").val(bgnDate.getHours() < 10 ? "0" + bgnDate.getHours() : bgnDate.getHours());
		//$("[name=schdlrBgnMI]").val(bgnDate.getMinutes() < 10 ? "0" + bgnDate.getMinutes() : bgnDate.getMinutes());
		$("[name=schdlrBgnTime]").val($.fn.timepicker.formatTime("p hh:mm", new Date(bgnDate)));
		
		$("[name=schdlrEndDt]").val($.datepicker.formatDate('yy-mm-dd', endDate));
		//$("[name=schdlrEndHH]").val(endDate.getHours() < 10 ? "0" + endDate.getHours() : endDate.getHours());
		//$("[name=schdlrEndMI]").val(endDate.getMinutes() < 10 ? "0" + endDate.getMinutes() : endDate.getMinutes());
		$("[name=schdlrEndTime]").val($.fn.timepicker.formatTime("p hh:mm", new Date(endDate)));
	} else { // 수정 시
		var schdlrBgnDatetime = "<c:out value='${result.schdlrBgnDatetime}' />".replace(" ", "T");
		var schdlrEndDatetime = "<c:out value='${result.schdlrEndDatetime}' />".replace(" ", "T");
		var schdlrAlarmDatetime = "<c:out value='${result.schdlrAlarmDatetime}' />".replace(" ", "T");
		
		$("[name=schdlrBgnTime]").val($.fn.timepicker.formatTime("p hh:mm", new Date(schdlrBgnDatetime)));
		$("[name=schdlrEndTime]").val($.fn.timepicker.formatTime("p hh:mm", new Date(schdlrEndDatetime)));
		
		if (schdlrAlarmDatetime) $("[name=schdlrAlarmTime]").val($.fn.timepicker.formatTime("p hh:mm", new Date(schdlrAlarmDatetime)));
	}
	
	schdlrDateAllYnChange(); // 종일 체크시 처리
	
	$("[name=schdlrShareYn]").change(function() {
		if ($(this).val() == 'A') {
			$("[name=schdlrTitle]").val("[공지]"+$("[name=schdlrTitle]").val());
		} else {
			var title = $("[name=schdlrTitle]").val();
			var tmpArr = title.split("[공지]");
			$("[name=schdlrTitle]").val(tmpArr[tmpArr.length-1]);
		}
	});
});

//첨부파일 드래그앤드랍 init
function fileDragNDropInit() {
	var objDragAndDrop = $(".file_upload_box");
    $(document).on("dragenter",".file_upload_box",function(e){
        e.stopPropagation();
        e.preventDefault();
        $(this).css('border', '2px solid #0B85A1');
    });
    $(document).on("dragover",".file_upload_box",function(e){
        e.stopPropagation();
        e.preventDefault();
    });
    $(document).on("drop",".file_upload_box",function(e){
        $(this).css('border', '2px dotted #0B85A1');
        e.preventDefault();
        var files = e.originalEvent.dataTransfer.files;
        handleFileUpload(files,objDragAndDrop);  //파일업로드
    });
     
    $(document).on('dragenter', function (e){
        e.stopPropagation();
        e.preventDefault();
    });
    $(document).on('dragover', function (e){
      e.stopPropagation();
      e.preventDefault();
      objDragAndDrop.css('border', '2px dotted #0B85A1');
    });
    $(document).on('drop', function (e){
        e.stopPropagation();
        e.preventDefault();
    });
}

//var _fileForm = new FormData();
var _fileIdx = 0;

var _fileForm2 = new Array();

// 첨부파일 드래그앤드랍 핸들러
function handleFileUpload(files,obj) {  //업로드 function
   var limitsize = 50*1024*1024;  //파일 제한 체크(50개, 50MB)
   var limitcount = 50;
   if($('#tbody_fiielist').find('tr').length + files.length > limitcount ){
	   alert("업로드 파일은 최대 50개 입니다.");
	   return ;
   } 
   
   for (var i = 0; i < files.length; i++){
	   if(files[i].size > limitsize){
		   alert(files[i].name+"파일 사이즈가"+getStrFileSize(files[i].size)+"로 50MB이하만 업로드 가능합니다.");
		   return;
	   }
	   
	   var pathname = files[i].name;   
	   var ext = pathname.split('.').pop().toLowerCase();	   
	   if(".ppt.pptx.xls.pdf.hwp.txt.gif.jpg.jpeg.png.zip.docx.xlsm.xlsx".indexOf(ext) != -1 ){
			
	   }else{
	   	alert("업로드가 불가능한 확장자 입니다."); 
	   	return;
	   }
   }
   
   for (var i = 0; i < files.length; i++) {
        var fd = new FormData();
        fd.append('file', files[i]);
        
        
        var tmpObj = new Object();
        tmpObj.name = "file_" + _fileIdx;
        tmpObj.fileObj = files[i];
        
        _fileForm2.push(tmpObj);
        
        
        //var newFile = document.createElement( 'input' );
        //newFile.setAttribute("name","file");
        //newfileSn.setAttribute("type","file");
        
        //document.detailForm.appendChild(files);
        
        
        sendFileToServer(fd, obj, files[i], _fileIdx);
        _fileIdx++;
        var totalfileSize = 0;
       	$('.totalfileCount').text($('.item_file_size').length) ;
       	$('.item_file_size').each(function(){
       		totalfileSize += $(this).val()*1 ;
       	});
       	$('.totalfileSize').text(getStrFileSize(totalfileSize)) ; 
   }
}

// 첨부파일 드래그앤드랍 전송
function sendFileToServer(formData, obj , fileObj, _fileIdx) {
	 $('.upload_box_img').hide();  //list 박스 형식 변경
     $('.upload_box_text').hide();
     $('.uploaded_obj').show();
	var tt = "";
	var list_html = "";
	list_html += '<tr class="tr_upload_'+tt+'">';
	list_html += '<td><img src="'+getfile_img(fileObj.name)+'" alt=""><div class="eva_file_name">'+fileObj.name+'</div></td>';
	list_html += '<td class="file_enroll_date">'+getDate()+'</td>';
	list_html += '<td class="fileSize">'+getStrFileSize(fileObj.size)+'</td>';
	list_html += '<td class="file_del" style="width:59px;"><img src="/direct/img/upload_delect_img.png" alt="" onclick="delete_item(this, '+_fileIdx+')"></td>';
	list_html += '<input type="hidden" class="item_file_size" value="'+fileObj.size+'">';
	list_html += '<input type="hidden" name="autItemIds" class="imsi" value="'+tt+'">';
	list_html += '</tr>';
	$('#tbody_fiielist').append(list_html);
}

// 첨부파일 다운.
function atchFileDown(atchFileId, fileSn){
	window.self.open("<c:url value='/cmm/fms/FileDown.do?atchFileId="+atchFileId+"&fileSn="+fileSn+"'/>", "schDetailOpener");
}

/* 드래그앤드랍 파일제거 */
function delete_item(obj, fileIdx){
	$(obj).closest("tr").remove();
	//_fileForm.delete("file["+fileIdx+"]");
	
	_fileForm2.forEach(function(fobj, idx) {
		if (fobj.name == ("file_" + fileIdx)) _fileForm2[idx] = "";
	});
	
	if($('.item_file_size').length == 0){
		 $('.upload_box_img').show();
        $('.upload_box_text').show();
        $('.uploaded_obj').hide();
	}else{
		$('.upload_box_img').hide();
		var totalfileSize = 0;
	   	$('.totalfileCount').text($('.item_file_size').length) ;
	   	$('.item_file_size').each(function(){
	   		totalfileSize += $(this).val()*1 ;
	   	});
	   	$('.totalfileSize').text(getStrFileSize(totalfileSize)) ; 	
	}
}

/* 기첨부파일 삭제 */
function delete_reqFile(obj , fileSn){
	var msg = isUpdate();
	if(msg) { alert(msg); return; }
	
	if(!confirm("삭제하시겠습니까?")) return false;
	
	$.ajax({
	    type: "POST",
	    url: "/uss/itsm/cvlCmplnt/deleteReqFileAjax.do",
	    data:{ "atchFileId" : $("[name=schdlrAtchFileId]").val(), "fileSn" : fileSn},
	    dataType:'jsonp',
	    cache: false,
	    async: false,
	    timeout: 600000,
	    success: function (returnData, status) {
        	if(returnData.result == 'fail'){
        		alert("삭제에 실패하였습니다.");
        	}else if(returnData.result == 'auth_fail'){
        		alert("세션이 종료되었습니다.");
        		window.self.close() ;
        	}else if(returnData.result =='success'){
        		var $tbody = $(obj).closest("tbody");
        		$(obj).closest("tr").remove();
        		alert("삭제되었습니다.");
        		
        		// 삭제후 등록된 파일 없을 시 표시
        		if ($tbody.find("tr").size() == 1) $tbody.find("tr").css("display", "");
        	}
	    },
	    error: function (e) {
	        alert("삭제에 실패하였습니다.");
	    }
	});
}

// 알림설정 onchange
function schdlrAlarmCndChange() {
	var schdlrAlarmCnd = $("[name=schdlrAlarmCnd]").val();
	var $schdlrAlarmDt = $("[name=schdlrAlarmDt]");
	var $schdlrAlarmTime = $("[name=schdlrAlarmTime]");
	var $schdlrBgnDt = $("[name=schdlrBgnDt]");
	var $schdlrBgnTime = $("[name=schdlrBgnTime]");
	
	if (schdlrAlarmCnd == "etc") { // 직접입력
		$("#schdlrAlarmSpan").css("display", "");
		
		if ($schdlrAlarmDt.val() == "") {
			$schdlrAlarmDt.val($schdlrBgnDt.val());
			$schdlrAlarmTime.val($schdlrBgnTime.val());
		}
	} else {
		$("#schdlrAlarmSpan").css("display", "none");
		//$schdlrAlarmDt.val("");
		//$schdlrAlarmTime.val("");
	}
}

// 종일 change
function schdlrDateAllYnChange() {
	if ($("[name=schdlrDateAllYn]").prop("checked")) {
		$("[name=schdlrBgnTime]").prop("disabled", true);
		$("[name=schdlrEndTime]").prop("disabled", true);
		/* $("[name=schdlrBgnHH]").prop("disabled", true);
		$("[name=schdlrBgnMI]").prop("disabled", true);
		$("[name=schdlrEndHH]").prop("disabled", true);
		$("[name=schdlrEndMI]").prop("disabled", true); */
	} else {
		$("[name=schdlrBgnTime]").prop("disabled", false);
		$("[name=schdlrEndTime]").prop("disabled", false);
		/* $("[name=schdlrBgnHH]").prop("disabled", false);
		$("[name=schdlrBgnMI]").prop("disabled", false);
		$("[name=schdlrEndHH]").prop("disabled", false);
		$("[name=schdlrEndMI]").prop("disabled", false); */
	}
}








// 임시/저장 버튼 클릭 시
/* function saveDetail(cnd) {
	var cmplntId = $("[name=cmplntId]").val();
	var cmplntSn = $("[name=cmplntSn]").val();
	
	if (cmplntId != "" && cmplntSn != "") {
		updateDetail(cnd);
	} else {
		insertDetail(cnd);
	}
} */

// 등록/수정
function insertDetail(cnd) {
	// validate
	/* CKEDITOR.instances.cmplntReqCn.updateElement();
	if(!$.isNumeric($("[name=cmplntSn]").val())) $("[name=cmplntSn]").val("0");
	$("[name=cmplntImsiYn]").val(cnd); */
	
	var msg = "저장되었습니다.";
	//if (cnd == "Y") msg = "임시 저장되었습니다";
	
	if ($("[name=schdlrDateAllYn]").prop("checked")) { // 종일 시
		/* $("[name=schdlrBgnHH]").val("12"); $("[name=schdlrBgnMI]").val("00");
		$("[name=schdlrEndHH]").val("12"); $("[name=schdlrEndMI]").val("00"); */
		$("[name=schdlrBgnTime]").val("오전 12:00");
		$("[name=schdlrEndTime]").val("오전 12:00");
	}

	if ($("[name=schdlrTitle]").val() == "") { alert("제목을 입력해주세요."); return; }
	
	var schdlrBgnTime = $.fn.timepicker.formatTime("HH:mm", $.fn.timepicker.parseTime($("[name=schdlrBgnTime]").val()));
	var schdlrEndTime = $.fn.timepicker.formatTime("HH:mm", $.fn.timepicker.parseTime($("[name=schdlrEndTime]").val()));
	var schdlrAlarmTime = ""; 
	if ($("[name='schdlrAlarmCnd']").val() == "etc") schdlrAlarmTime = $.fn.timepicker.formatTime("HH:mm", $.fn.timepicker.parseTime($("[name=schdlrAlarmTime]").val()));
	
	//console.log("schdlrBgnTime", schdlrBgnTime); console.log("schdlrEndTime", schdlrEndTime); console.log("schdlrAlarmTime", schdlrAlarmTime);
	
	var timeFormat = /^([01][0-9]|2[0-3]):([0-5][0-9])$/; // 시간형식 체크 정규화 hh:mm
	
	if ($("[name='schdlrBgnDt']").val() == "" || !timeFormat.test(schdlrBgnTime)) {
		alert("시작 일시를 시간유형에 맞게 입력해주세요. ex) YYYY-MM-DD HH:MI"); return;
	}
	if ($("[name='schdlrEndDt']").val() == "" || !timeFormat.test(schdlrEndTime)) {
		alert("종료 일시를 시간유형에 맞게 입력해주세요. ex) YYYY-MM-DD HH:MI"); return;
	}

	var schdlrBgnDatetime = $("[name='schdlrBgnDt']").val() + " " + schdlrBgnTime;
	var schdlrEndDatetime = $("[name='schdlrEndDt']").val() + " " + schdlrEndTime;
	$("[name=schdlrBgnDatetime]").val(schdlrBgnDatetime);
	$("[name=schdlrEndDatetime]").val(schdlrEndDatetime);

	if ($("[name=schdlrBgnDatetime]").val() > $("[name=schdlrEndDatetime]").val()) { alert("시작일시는 종료일시보다 작아야 합니다."); return; }
	
	if ($("[name='schdlrAlarmCnd']").val() == "etc" &&   
			($("[name='schdlrAlarmDt']").val() == "" || !timeFormat.test(schdlrAlarmTime)) ) {
		alert("알람 일시를 시간유형에 맞게 입력해주세요. ex) YYYY-MM-DD HH:MI"); return;
	}

	var schdlrAlarmDatetime = $("[name='schdlrAlarmDt']").val() + " " + schdlrAlarmTime;
	$("[name=schdlrAlarmDatetime]").val(schdlrAlarmDatetime);
	
	// 알람 일시 수정 시 메일 전송 여부 N으로 변경
	var date = new Date();
	var currDateTime = $.datepicker.formatDate('yy-mm-dd', date);
	currDateTime += " " + (date.getHours() < 10 ? "0" + date.getHours() : date.getHours());
	currDateTime += ":" + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes());
	
	var orgnAlarmDateTime = $("[name=orgnAlarmDateTime]").val();
	var currAlarmDateTime;
	
	if ($("[name='schdlrAlarmCnd']").val() == "etc") {
		currAlarmDateTime = schdlrAlarmDatetime;
	} else if ($("[name='schdlrAlarmCnd']").val() == "none") {
		currAlarmDateTime = "";
	} else {
		var dt = new Date(Date.parse(schdlrBgnDatetime.replace(" ", "T")));
		dt.setMinutes(dt.getMinutes() - $("[name='schdlrAlarmCnd']").val());

		currAlarmDateTime = $.datepicker.formatDate('yy-mm-dd', dt);
		currAlarmDateTime += " " + (dt.getHours() < 10 ? "0" + dt.getHours() : dt.getHours());
		currAlarmDateTime += ":" + (dt.getMinutes() < 10 ? "0" + dt.getMinutes() : dt.getMinutes());
	}
	if (orgnAlarmDateTime != currAlarmDateTime && currAlarmDateTime > currDateTime) $("[name=schdlrAlarmMailYn]").val("N");
	
	
	//console.log($("[name=schdlrBgnDatetime]").val()); return;
	
	var data = new FormData(document.detailForm);

	_fileForm2.forEach(function(obj, idx) {
		if (obj) data.append("file"+idx, obj.fileObj);
	});
	
	var logCmd = "?logCmd=";
	var srchRoll = "<c:out value='${srchRoll}'/>";
	if(srchRoll == 'Y') logCmd += "ADM";
	else logCmd += "USR";
	
	var url = "/uss/itsm/schdlr/schdlrInsertAjax.do";
	if (cnd == "update") url = "/uss/itsm/schdlr/schdlrUpdateAjax.do" + logCmd;
	
    $.ajax({
        type: "POST",
        enctype: 'multipart/form-data',
        url: url,
        data: data,
        dataType:'jsonp',
        processData: false,
        contentType: false,
        cache: false,
        timeout: 600000,
        success: function (returnData, status) {
			if(returnData.result == 'success'){
				//opener.location.reload();
				opener.window.schdlrList();
				alert(msg);
				window.self.close();
			} else if(returnData.result == 'self_fail'){
				alert("본인글 외에는 수정할 수 없습니다.");
			} else if(returnData.result == 'fail'){
				alert("저장에 실패하였습니다.");
			}else if(returnData.result == 'upload_fail'){
				alert("업로드 불가능한 확장자입니다.");
			}
		},
        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
    });
}

// 스케줄 수정. 사용안함
function updateDetail(cnd) {
	// validate
	CKEDITOR.instances.cmplntReqCn.updateElement();
	$("[name=cmplntImsiYn]").val(cnd);
	var msg = "저장되었습니다";
	if (cnd == "Y") msg = "임시 저장되었습니다";
	
	var data = new FormData(document.detailForm);

	_fileForm2.forEach(function(obj, idx) {
		if (obj) data.append("file"+idx, obj.fileObj);
	});
	
    $.ajax({
        type: "POST",
        enctype: 'multipart/form-data',
        url: "/uss/itsm/cvlCmplnt/updateCvlCmplntAjax.do",
        data: data,
        //data: _fileForm,
        dataType:'jsonp',
        processData: false,
        contentType: false,
        cache: false,
        timeout: 600000,
        success: function (returnData, status) {
			//if(status == 'success') // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
			if(returnData.result == 'success'){
				if (cnd == "N") opener.location.reload();
				alert(msg);
				//window.self.close();
			} else if(returnData.result == 'self_fail'){
				alert("본인글 외에는 수정할 수 없습니다.");
			} else if(returnData.result == 'state_fail'){
				alert("현재 민원 진행상태에서는 처리할 수 없습니다.");
			} else {
				alert("저장에 실패하였습니다.");
			}
		},
        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
    });
}

// 추가민원 등록 화면 조회
function selectReCvlCmplnt() {
    var cmplntStateCd = "<c:out value='${result.cmplntStateCd}' />";
    
    if(cmplntStateCd != "04" && cmplntStateCd != "06") { alert("현재 민원 진행상태에서는 처리할 수 없습니다."); return; }
    if(!confirm("추가민원을 등록하시겠습니까?")) return false;
    
    document.detailForm.action = "/uss/itsm/cvlCmplnt/selectReCvlCmplntDetailWeb.do";
    document.detailForm.submit();
}

// 민원취소(임시삭제/민원취소).
function updateCvlCmplntCancel() {
	if(!confirm("취소하시겠습니까?")) return false;
	
    $.ajax({
        type: "POST",
        url: "/uss/itsm/cvlCmplnt/updateCvlCmplntCancelAjax.do",
        data:{ "cmplntId" : $("[name=cmplntId]").val(), "cmplntSn" : $("[name=cmplntSn]").val()},
        dataType:'jsonp',
        timeout: 600000,
        success: function (returnData, status) {
			if(returnData.result == 'success') {
				if ($("[name=cmplntImsiYn]").val() == "N") opener.location.reload();
				alert("취소되었습니다.");
				//window.self.close();
			} else if(returnData.result == 'self_fail'){
				alert("본인글 외에는 수정할 수 없습니다.");
			} else if(returnData.result == 'state_fail'){
				alert("현재 민원 진행상태에서는 처리할 수 없습니다.");
			} else {
				alert("저장에 실패하였습니다.");
			}
		},
        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
    });
}

// 민원신청현황 탭
function selectCvlCmplntUserListAjax(page) {
	if (!page) page = 1; 
	$("form[name=userListForm] [name=pageIndex]").val(page);
	
	//var sendData = $(document.detailForm).serializeArray().concat($(document.listForm).serializeArray()) ;
	var sendData = $(document.userListForm).serializeArray();
	$(".complanint_process_status_table").load("/uss/itsm/cvlCmplnt/selectCvlCmplntUserListAjax.do", sendData ,function(response, status, xhr){
		console.log("succ");
	});
}

// 수정 가능 상태 확인. return '' 값 없을 시 가능
function isUpdate() {
	var cmplntStateCd = "<c:out value='${result.cmplntStateCd}' />";
	var msg = "";
	
	if (cmplntStateCd == "04" 
			|| cmplntStateCd == "05"
			|| cmplntStateCd == "06"){
		msg = "현재 민원 진행상태에서는 처리할 수 없습니다.";
	}
	
	return msg;
}


//기타 선택 시 활성화
function onChangeSelectEtc(obj) {
	if (obj.length <= 0) return;
	
	var selectVal = $(obj).val();
	var selectNm = $(obj).attr("name");
	var etcNm = selectNm.substr(0, selectNm.length-2) + "EtcNm";
	
	if (selectVal == "99") { // 기타:99
		$("[name="+etcNm+"]").prop("disabled", false);
	} else {
		$("[name="+etcNm+"]").val("");
		$("[name="+etcNm+"]").prop("disabled", true);
	}
	
	// 민원구분 SW사용권한 선택 시
	if (selectNm == "cmplntTypeCd") {
		if (selectVal == "05") {
			$(".enroll_sort_sub").css("display", "");
		} else {
			$("[name=cmplntTypeSwEtcNm]").val("");
			$(".enroll_sort_sub").css("display", "none");
			$("[name=cmplntTypeSwCd]").prop("checked", false) 
			$("[name=cmplntTypeSwEtcNm]").prop("disabled", true);
		}
	} 
}

var gamsaOpener ;
function orgChartPopup(){
	
	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 - 500) / 2;
	var popupY = scY + (docHeight - 440) / 2;
	
	gamsaOpener = window.open('', 'gamsaOpener', "width=500, height=440, left="+popupX+", top="+popupY,"location = no","status= no","toolbars= no");
	document.detailForm.method = "post";
	document.detailForm.action = "/uss/itsm/orgChart/OrgChartPopup.do";
	document.detailForm.target = "gamsaOpener" ;
	document.detailForm.submit(); 
}


function staffInfo(id , name){
	
	var idArray =id.split(',');
	var nameArray =name.split(',');
	var tempHtml="";
	for(var i in idArray){
		tempHtml += "<div class='sc_sh_box' id='"+idArray[i]+"' onclick='staffDel(\""+idArray[i]+"\")'>"
		tempHtml += "<input type='hidden'  name='schdlrUserId' value='"+idArray[i]+"'>"
		tempHtml += "<input type='hidden'  name='schdlrUserName' value='"+nameArray[i]+"'>"
		tempHtml += "#"+nameArray[i]+"<input type='button' class='sc_sh_box_del'>"
		tempHtml += "</div>"
	}
	$('.sc_sh_box_wrap').append(tempHtml);	
}


function staffDel(id){
	$("#"+id).remove();
}



</script>
<style type="text/css">
	 _:-ms-input-placeholder, :root .enroll_popup.admin_complanint_popup .enroll_wrap .enroll_input_left.admin_complanint_wrap ul li .attachment_file_wrap table tbody { min-height: auto !important; }
	 _:-ms-input-placeholder, :root .enroll_popup.admin_complanint_popup .enroll_wrap .enroll_input_left.admin_complanint_wrap ul li .attachment_file_wrap{ min-height:154px;}
	 _:-ms-input-placeholder, :root .complanint_history_file_wrap table tr td{ border-bottom: 1px solid #ccc !important; width: 86% !important;}
	  _:-ms-input-placeholder, :root .complanint_history_file_wrap table tr td:last-chlid{border-bottom:none;}
	  .add_sc_input ul li .file_upload_box{width: 562px; height: 122px;}
	  .file_upload_box{padding:0;}
	  .add_sc_input ul li input[type="text"].sc_time{width:39px;}
	  .file_list{max-height: 61px;}
	  .file_upload_box table thead tr th.file_enroll_date,.file_upload_box table tbody tr td.file_enroll_date{width:252px;}
	  .file_upload_box table thead tr th.fileSize,.file_upload_box table tbody tr td.fileSize{width:127px;}
	  .upload_box_text { margin-top: 39px; }
	  .file_upload_box img { width: auto; }

	  #atchFileTbody { max-height: 110px; }
</style>
</head>
<body>
<form name="detailForm" method="post" enctype="multipart/form-data">
<%-- <input type="hidden" name="cmplntId" value="<c:out value="${result.cmplntId}" />" />
<input type="hidden" name="cmplntSn" value="<c:out value="${result.cmplntSn}" />" />
<input type="hidden" name="cmplntImsiYn" value="<c:out value="${result.cmplntImsiYn}" />" />
<input type="hidden" name="cmplntReqFileId" value="<c:out value="${result.cmplntReqFileId}" />" />
<input type="hidden" name="cmplntUserTy" value="U" />
<input type="hidden" name="cmplntReYn" value="<c:out value="${result.cmplntReYn}" />" /> --%>

<%-- <input type="hidden" name="cmplntResFileId" value="<c:out value="${result.cmplntResFileId}" />" />
<input type="hidden" name="cmplntResDatetime" value="<c:out value="${result.cmplntResDatetime}" />" /> --%>
<%-- <input type="hidden" name="pageIndex" value="<c:out value="${result.pageIndex}" />" /> --%>

<input type="hidden" name="schdlrId" value="<c:out value="${result.schdlrId}" />" />
<input type="hidden" name="schdlrAtchFileId" value="<c:out value="${result.schdlrAtchFileId}" />" />

<input type="hidden" name="schdlrBgnDatetime" value="<c:out value="${result.schdlrBgnDatetime}" />" />
<input type="hidden" name="schdlrEndDatetime" value="<c:out value="${result.schdlrEndDatetime}" />" />

<input type="hidden" name="schdlrAlarmDatetime" value="<c:out value="${result.schdlrAlarmDatetime}" />" />
<input type="hidden" name="orgnAlarmDateTime" value="<c:out value="${result.orgnAlarmDateTime}" />" />
<input type="hidden" name="schdlrAlarmMailYn" value="" />

	<div class="enroll_popup add_sc_popup" style="min-height: 784px;height:784px;">
		<div class="enroll_popup_title">
			<img src="/direct/img/enroll_popup_title_bg.png" alt=""> 일정추가
			<!-- <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_input_left add_sc_input" style="height: 603px; overflow: hidden; padding-right: 5px; overflow-y: scroll;">
			<ul>
				<li>제&emsp;목 
					<input type="text" name="schdlrTitle" class="sc_title_input" value="<c:out value="${result.schdlrTitle}" />">
				</li>
				<li>공&emsp;유 
					<c:if test="${srchRoll == 'Y'}">
					<input type="radio" name="schdlrShareYn" id="schdlrShareYn0" value="A" <c:if test="${result.schdlrShareYn == 'A'}">checked="checked"</c:if>> 
					<label for="schdlrShareYn0"></label><label for="schdlrShareYn0">전체공지</label>
					</c:if>
					<input type="radio" name="schdlrShareYn" id="schdlrShareYn1" value="Y" <c:if test="${result.schdlrShareYn == 'Y'}">checked="checked"</c:if>> 
					<label for="schdlrShareYn1"></label><label for="schdlrShareYn1">공유</label>
					<input type="radio" name="schdlrShareYn" id="schdlrShareYn2" value="N" <c:if test="${result.schdlrShareYn == 'N' || empty result.schdlrShareYn}">checked="checked"</c:if>>
					<label for="schdlrShareYn2"></label><label for="schdlrShareYn2"> 공유하지않음</label>
					<div class="sc_sh_wrap">
						<div class="sc_sh_box_wrap">
							<c:forEach var="share" items="${share}" varStatus="status">
								
								<div class='sc_sh_box' id='${share.schdlrUserId}' onclick='staffDel("${share.schdlrUserId}")'>
									<input type='hidden'  name='schdlrUserId' value='${share.schdlrUserId}'>
									<input type='hidden'  name='schdlrUserName' value='${share.schdlrUserName}'>
									#${share.schdlrUserName}<input type='button' class='sc_sh_box_del'>
								</div>
								
							</c:forEach>
						</div>
						<div class="sc_sh_serch">
							<input type="button" class="sc_sh_serch_btn" value="검색" onclick="orgChartPopup()">
						</div>
					</div>
				</li>
				<li class="addSchDate">일&emsp;시
					<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >

					<input type="text" name="schdlrBgnDt" class="sc_date" style="margin-left:20px; width: 103px;" readonly="readonly" 
						value="<c:out value="${fn:substring(result.schdlrBgnDatetime, 0, 10)}" />">
<!-- 					<a href="#" id="cmplntResDtCal" onclick="javascript:fn_egov_NormalCalendar(document.detailForm, document.detailForm.schdlrBgnDt, document.detailForm.schdlrBgnDt, null, document.detailForm.schdlrBgnDt.value);" class="date_select_btn"> -->
					<a href="#" id="cmplntResDtCal" onclick="javascript:fn_egov_NormalCalendar(document.detailForm, document.detailForm.schdlrBgnDt, document.detailForm.schdlrBgnDt, null, document.detailForm.schdlrBgnDt.value);" class="date_select_btn">
					    <img src="/direct/img/bu_icon_carlendar.gif" alt="" style="top:6px;">
				    </a>
				    
				    <input type="text" name="schdlrBgnTime" class="timepicker" style="width: 98px;"/>
					<%-- <input type="text" name="schdlrBgnHH" class="sc_time" maxlength="2"
						value="<c:out value="${fn:substring(result.schdlrBgnDatetime, 11, 13)}" />">
					:<input type="text" name="schdlrBgnMI" class="sc_time" maxlength="2"
						value="<c:out value="${fn:substring(result.schdlrBgnDatetime, 14, 16)}" />"> --%>
						
					&ensp;~&ensp;
					<input type="text" name="schdlrEndDt" class="sc_date" readonly="readonly"  style=" width: 103px;"
						value="<c:out value="${fn:substring(result.schdlrEndDatetime, 0, 10)}" />">
					<a href="#" id="cmplntResDtCal" onclick="javascript:fn_egov_NormalCalendar(document.detailForm, document.detailForm.schdlrEndDt, document.detailForm.schdlrEndDt, null, document.detailForm.schdlrEndDt.value);" class="date_select_btn">
					    <img src="/direct/img/bu_icon_carlendar.gif" alt="" style="top:6px;">
				    </a>
				    
				    <input type="text" name="schdlrEndTime" class="timepicker" style="width: 98px;"/>
					<%-- <input type="text" name="schdlrEndHH" class="sc_time" maxlength="2"
						value="<c:out value="${fn:substring(result.schdlrEndDatetime, 11, 13)}" />">
					:<input type="text" name="schdlrEndMI" class="sc_time" maxlength="2"
						value="<c:out value="${fn:substring(result.schdlrEndDatetime, 14, 16)}" />"> --%>

					<div class="sc_ad">
					<input type="checkbox" name="schdlrDateAllYn" id="schdlrDateAllYn" value="Y" onclick="schdlrDateAllYnChange();" 
						<c:if test="${result.schdlrDateAllYn == 'Y'}">checked="checked"</c:if>>
					<label for="schdlrDateAllYn"></label><label for="schdlrDateAllYn">종일</label></div>
				</li>
				<li>장&emsp;소<input type="text" name="schdlrPlace" placeholder="장소를 입력하세요" class="sc_place" value="<c:out value="${result.schdlrPlace}" />"></li>
				<li>내&emsp;용 <textarea name="schdlrCn" id="schdlrCn" cols="30" rows="10"><c:out value="${result.schdlrCn}" /></textarea></li>
				<li>알림설정
					<select name="schdlrAlarmCnd" id="schdlrAlarmCnd" onchange="schdlrAlarmCndChange();">
						<option <c:if test="${result.schdlrAlarmCnd == 'etc'}">selected="selected"</c:if> value="etc">직접입력</option>
						<option <c:if test="${result.schdlrAlarmCnd == '0'}">selected="selected"</c:if> value="0">정시</option>
						<option <c:if test="${result.schdlrAlarmCnd == '10' || empty result.schdlrAlarmCnd}">selected="selected"</c:if> value="10">십분 전</option>
						<option <c:if test="${result.schdlrAlarmCnd == '30'}">selected="selected"</c:if> value="30">삼십분 전</option>
						<option <c:if test="${result.schdlrAlarmCnd == '60'}">selected="selected"</c:if> value="60">한시간 전</option>
						<option <c:if test="${result.schdlrAlarmCnd == 'none'}">selected="selected"</c:if> value="none">없음</option>
					</select>
					<span id="schdlrAlarmSpan">
						<input type="text" name="schdlrAlarmDt" class="sc_date" readonly="readonly" 
							value="<c:out value="${fn:substring(result.schdlrAlarmDatetime, 0, 10)}" />">
						<a href="#" id="cmplntResDtCal" onclick="javascript:fn_egov_NormalCalendar(document.detailForm, document.detailForm.schdlrAlarmDt, document.detailForm.schdlrAlarmDt, null, document.detailForm.schdlrAlarmDt.value);" class="date_select_btn">
						    <img src="/direct/img/bu_icon_carlendar.gif" alt="" style="top:-1px;">
					    </a>
					    
					    <input type="text" name="schdlrAlarmTime" class="timepicker" />
						<%-- <input type="text" name="schdlrAlarmHH" class="sc_time" maxlength="2"
							value="<c:out value="${fn:substring(result.schdlrAlarmDatetime, 11, 13)}" />">
						:<input type="text" name="schdlrAlarmMI" class="sc_time" maxlength="2"
							value="<c:out value="${fn:substring(result.schdlrAlarmDatetime, 14, 16)}" />"> --%>
					</span>

					<!-- <input type="text" class="sc_date alarm_sc"><input type="text" class="sc_time"> -->
				</li>
				<li>
					첨부파일<div class="file_upload_box" style="display: none;">
						<img src="/direct/img/upload_img.png" class="upload_box_img" alt="">
						<div class="upload_box_text">
							<span class="file_upload_text_1">첨부파일 올리기</span><br>
							<span class="file_upload_text_2">(파일을 끌어다 놓으세요)</span>
						</div>
						
						<table class="uploaded_obj" style="display:none;">
							<thead>
								<tr>
									<th>파일명</th>
									<th class="file_enroll_date">등록일시</th>
									<th class="fileSize">크기</th>
									<th style="width:69px;">삭제</th>
								</tr>
							</thead>
						</table>
						<div class="file_list uploaded_obj" style="display:none;">
							<table>
								<tbody id="tbody_fiielist">
								</tbody>
							</table>
						</div>
						<table class="uploaded_obj" style="display:none;">
							<tfoot>
								<tr>
									<td>최대 <span class="upload_number">50</span>개 ｜ <span class="upload_number">50MB(개당)</span> 제한</td>
									<td><span class="upload_number totalfileCount">3</span>개 ｜ <span class="upload_number totalfileSize">3.75</span></td>
								</tr>
							</tfoot>
						</table>
						
					</div>
				</li>
				<c:if test="${not empty result.schdlrId}" >
				<li>
					<div class="attachment_file_wrap" style="width:561px;">
						<table>
							<thead>
								<tr>
									<th>기첨부파일</th>
								</tr>
							</thead>
							<tbody id="atchFileTbody" style="max-height: 109px;">
								<c:forEach var="fileVO" items="${schdlrReqFileList}" varStatus="status">
								<tr id="trAtchFile_<c:out value="${fileVO.atchFileId}_${status.count}" />">
									<td class="file_title">
										<img src="/direct/img/enroll_<c:out value="${fn:toLowerCase(fileVO.fileExtsn)}" />_file.png" onerror="this.src='/direct/img/enroll_etc_file.png'">
										<a href="javascript:atchFileDown('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>')">
											<c:out value="${fileVO.orignlFileNm}"/>
										</a>
									</td>
									<td class="file_size"><c:out value="${fileVO.fileMg}"/>&nbsp;byte</td>
									<td class="file_del"><input type="button" class="file_del_btn" onclick="delete_reqFile(this, '<c:out value="${fileVO.fileSn}"/>');"></td>
								</tr>
								</c:forEach>
								<tr style="display: none;"><!-- 파일 삭제후 없을 시 -->
									<td class="file_title" colspan="10" style="text-align: center;">등록된 첨부파일이 없습니다.</td>
								</tr>
							</tbody>
						</table>
					</div>
				</li>
				</c:if>
			</ul>

			<div class="main1_btn_div">
				<c:if test="${empty result.schdlrId}">
				<input type="button" class="save_btn" value="저장" onclick="insertDetail();">
				</c:if>
				<c:if test="${not empty result.schdlrId}">
				<input type="button" class="save_btn" value="저장" onclick="insertDetail('update');">
				</c:if>
				<input type="button" class="close_btn" value="닫기" onclick="window.self.close();">
			</div>
			<br>
		</div>

	</div>





<%-- 
	<div class="enroll_popup complanint_ask_popup admin_complanint_popup">
		<div class="enroll_popup_title">
			<img src="/direct/img/enroll_popup_title_bg.png" alt=""> 민원신청(사용자)
			<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 complanint_wrap admin_complanint_wrap">
				<ul>
					<li>
						<div class="enroll_input_title">제&emsp;&ensp;목</div>
						<select name="cmplntImprtnceCd" id="">
							<option value="01" <c:if test="${'01' == result.cmplntImprtnceCd}">selected="selected"</c:if>>일반</option>
							<option value="02" <c:if test="${'02' == result.cmplntImprtnceCd}">selected="selected"</c:if>>긴급</option>
						</select>
						<input type="text" name="cmplntTitle" value="<c:out value="${result.cmplntTitle}" />" placeholder="제목을 입력하세요" class="complanint_title_text">
					</li>
					<c:if test="${not empty result.frstRegisterNm}">
					<li>
						<div class="enroll_input_title">작 성 자</div>
						<!-- <span class="complanint_writer">경영지원팀&ensp;｜&ensp;홍길동 대리</span> -->
						<span class="complanint_writer">부서 &ensp;｜&ensp;<c:out value="${result.frstRegisterNm}" /> <!-- 직위? --></span>
					</li>
					</c:if>
					<li class="complanint_area_list">
						<div class="enroll_input_title">분&emsp;&ensp;야</div>
						<div class="enroll_sort">
							<c:forEach var="listResult" items="${fieldCdList}">
							<input type="radio" name="cmplntFieldCd" id="fieldCd_<c:out value='${listResult.code}' />" value="<c:out value='${listResult.code}' />"
								<c:if test="${result.cmplntFieldCd == listResult.code}">checked="checked"</c:if> onchange="onChangeSelectEtc(this);">
							<label for="fieldCd_<c:out value='${listResult.code}' />"></label>
							<label for="fieldCd_<c:out value='${listResult.code}' />"><c:out value="${listResult.codeNm}" /></label>
							</c:forEach>
							<input type="text" name="cmplntFieldEtcNm" value="<c:out value="${result.cmplntFieldEtcNm}" />" class="etc_text" disabled="disabled"><!-- 분야-기타text -->
						</div>
					</li>
					<li>
						<div class="enroll_input_title">민원구분</div>
						<div class="enroll_sort">
							<c:forEach var="listResult" items="${typeCdList}">
							<input type="radio" name="cmplntTypeCd" id="typeCd_<c:out value='${listResult.code}' />" value="<c:out value='${listResult.code}' />"
								<c:if test="${result.cmplntTypeCd == listResult.code}">checked="checked"</c:if> onchange="onChangeSelectEtc(this);">
							<label for="typeCd_<c:out value='${listResult.code}' />"></label>
							<label for="typeCd_<c:out value='${listResult.code}' />"><c:out value="${listResult.codeNm}" /></label>
							</c:forEach>
							<input type="text" name="cmplntTypeEtcNm" value="<c:out value="${result.cmplntTypeEtcNm}" />" class="etc_text" disabled="disabled"><!-- 민원구분-기타text -->
						</div>
						<div class="enroll_sort_sub" style="display: none;"><!-- 민원구분 > SW -->
							<c:forEach var="listResult" items="${typeSwCdList}">
							<input type="radio" name="cmplntTypeSwCd" id="typeSwCd_<c:out value='${listResult.code}' />" value="<c:out value='${listResult.code}' />"
								<c:if test="${result.cmplntTypeSwCd == listResult.code}">checked="checked"</c:if> onchange="onChangeSelectEtc(this);">
							<label for="typeSwCd_<c:out value='${listResult.code}' />"></label>
							<label for="typeSwCd_<c:out value='${listResult.code}' />"><c:out value="${listResult.codeNm}" /></label>
							</c:forEach>
							<input type="text" name="cmplntTypeSwEtcNm" value="<c:out value="${result.cmplntTypeSwEtcNm}" />" class="etc_text" disabled="disabled"><!-- 민원구분(sw)-기타text -->
						</div>
					</li>
					<li>
						<textarea name="cmplntReqCn" id="cmplntReqCn" cols="30" rows="10"><c:out value="${result.cmplntReqCn}" /></textarea>
						<ckeditor:replace replace="cmplntReqCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
					</li>
					<li>
						<div class="file_upload_box" style="display: none;">
							<img class="upload_box_img" src="/direct/img/upload_img.png" alt="" style="margin: 65px auto 5px auto;display:block;">
							<div class="upload_box_text">
								<span class="file_upload_text_1">첨부파일 올리기</span>
								<span class="file_upload_text_2">(파일을 끌어다 놓으세요)</span>
							</div>
							
							<table class="uploaded_obj" style="display:none;">
								<thead>
									<tr>
										<th>파일명</th>
										<th>등록일시</th>
										<th>크기</th>
										<th>삭제</th>
									</tr>
								</thead>
							</table>
							<div class="file_list uploaded_obj" style="display:none;">
								<table>
									<tbody id="tbody_fiielist">
									</tbody>
								</table>
							</div>
							<table class="uploaded_obj" style="display:none;">
								<tfoot>
									<tr>
										<td>최대 <span class="upload_number">50</span>개 ｜ <span class="upload_number">50MB</span> 제한</td>
										<td><span class="upload_number totalfileCount">3</span>개 ｜ <span class="upload_number totalfileSize">3.75</span></td>
									</tr>
								</tfoot>
							</table>
							
						</div>
					</li>
					<c:if test="${not empty result.cmplntId && not empty result.cmplntSn}" >
					<li>
						<div class="attachment_file_wrap">
							<table>
								<thead>
									<tr>
										<th colspan="3">기첨부파일</th>
									</tr>
								</thead>
								<tbody>
									<c:forEach var="fileVO" items="${cmplntReqFileList}" varStatus="status">
									<tr id="trReqFile_<c:out value="${fileVO.atchFileId}_${status.count}" />">
										<td class="file_title">
											<img id="atchFileIcon" src="/direct/img/enroll_<c:out value="${fn:toLowerCase(fileVO.fileExtsn)}" />_file.png" onerror="this.src='/direct/img/enroll_jpg_file.png'">
											<a href="javascript:atchFileDown('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>')">
												<c:out value="${fileVO.orignlFileNm}"/>
											</a>
										</td>
										<td class="file_size"><c:out value="${fileVO.fileMg}"/>&nbsp;byte</td>
										<td class="file_del"><button type="button" class="file_del_btn" onclick="delete_reqFile(this, '<c:out value="${fileVO.fileSn}"/>');"></button></td>
									</tr>
									</c:forEach>
									<tr style="display: none;"><!-- 파일 삭제후 없을 시 -->
										<td class="file_title" colspan="10" style="text-align: center;">등록된 첨부파일이 없습니다.</td>
									</tr>
									<c:if test="${fn:length(cmplntReqFileList) == 0}">
									<tr>
										<td class="file_title" colspan="10" style="text-align: center;">등록된 첨부파일이 없습니다.</td>
									</tr>
									</c:if>
								</tbody>
							</table>
						</div>
					</li>
					</c:if>
				</ul>
				
				<c:if test="${result.cmplntImsiYn == 'N' && result.cmplntReYn != 'Y' && not empty result.cmplntId && not empty result.cmplntSn}">
				<!-- 하단 탭 메뉴 s -->
				<div class="admin_complanint_wrap">
					<div class="list_tab_menu_wrap">
						<ul class="nav list_tab_menu complanint_tab_menu">
							<li class="list_tab_menu_on complanint_handling_tab"><a href="#">민원처리</a></li>
							<li class="complanint_history_tab"><a href="#">민원히스토리</a></li>
							<!-- <li class="complanint_process_status_tab" onclick="selectCvlCmplntUserListAjax();"><a href="#">민원신청현황</a></li> -->
						</ul>
						<div class="complanint_tab_menu_wrap">
						
							<!-- 민원처리 탭 s -->
							<div class="complanint_handling_menu">
								<ul>
									<li>
										<div class="enroll_input_title">담 당 자</div>
										<div class="charge_user_wrap">
											<div class="charge_users">
												<ul>
													<li>#홍길동<input type="button" class="user_del"></li>
													<li>#홍길동<input type="button" class="user_del"></li>
												</ul>
											</div>
										</div>
									</li>
									<li>
										<div class="enroll_input_title">처리상태</div>
										<span class="akps_text"><c:out value="${result.cmplntStateNm}" /></span>
									</li>
									<li>
										<div class="enroll_input_title">처리일시</div>
										<span class="akps_text"><c:out value="${result.cmplntResDatetime}" /></span>
									</li>
									<li>
										<div class="enroll_input_title">의견</div>
										<div class="ask_rpe ask_rpe_sw"><c:out value="${result.cmplntResCn}"  escapeXml="false" /></div>
									</li>
									<li><!-- 기 등록 첨부파일 -->
										<div class="enroll_input_title">첨부파일</div>
										<div class="admin_attachment_file_wrap">
											<c:import url="/cmm/fms/selectBBSFileInfsForUpdate.do" charEncoding="utf-8">
												<c:param name="param_atchFileId" value="${result.cmplntResFileId}" />
												<c:param name="updateFlag" value="Y" />
												<c:param name="viewCnd" value="itsmCmplnt" />
											</c:import>
											<script type="text/javascript">
												$(document).ready(function() {
													$(".complanint_handling_file").css("display", "none");
												});
											</script>
										</div>
									</li>
								</ul>
							</div>
							<!-- //민원처리 탭 e -->

							<!-- 민원히스토리 탭 s -->
							<div class="complanint_history_wrap" style="display: none">
								<div class="list_info">
									<div class="all_list_number">총 <span class="all_number"><c:out value="${hstryCnt}" /></span>건</div>
								</div>
								<div class="list_right_info">
									<!-- <input type="button" class="add_complanint_btn" value="추가민원"> -->
									<input type="button" class="history_all_close" value="전체닫기">
									<input type="button" class="history_all_open" value="전체열기">
								</div>
								
								<div class="complanint_history_list">
									<div class="complanint_history_list_wrap">
										<ul>
											<c:forEach var="listResult" items="${cvlCmplntHstryList}">
											<!-- 민원접수 저장 되었을 시. (접수대기 아닐시) -->
											<c:if test="${not empty listResult.cmplntResDatetime && listResult.cmplntStateCd != '01'}" >
											<!-- 민원답변내용s -->
											<li class="history_list_open"><span class="hs_rlt">민원답변</span><c:out value="${listResult.cmplntResPrsnNm}" /> <span class="history_time"><c:out value="${listResult.cmplntResDatetime}" /></span> <input type="button" class="history_list_open_open">
												<div class="complanint_history_content">
													<span class="complanint_history_cont_text"><c:out value="${listResult.cmplntResCn}" escapeXml="false" /></span>
												</div>
												<!-- 첨부파일 -->
												<c:set var="resFileNms" value="${fn:split(listResult.cmplntResFileNms, '|') }" />
												<c:set var="resFileSns" value="${fn:split(listResult.cmplntResFileSns, '|') }" />
												<c:set var="resFileSizes" value="${fn:split(listResult.cmplntResFileSizes, '|') }" />
												<c:if test="${fn:length(fileNms) > 0}">
												<div class="complanint_history_file_wrap">
													<table>
														<tr>
															<th rowspan="100">
																|<c:out value="${listResult.cmplntResFileNms}" />|첨부파일<!-- <input type="button" value="일괄다운로드" class="history_all_down"> -->
															</th>
															<c:forEach var="fileNm" items="${resFileNms}" varStatus="status">
															<c:set var="fileExt" value="${fn:split(fileNm, '.') }" />
															<td>
																<img id="" src="/direct/img/enroll_<c:out value="${fn:toLowerCase(fileExt[fn:length(fileExt)-1])}" />_file.png" onerror="this.src='/direct/img/enroll_jpg_file.png'">
																<a href="javascript:atchFileDown('<c:out value="${listResult.cmplntResFileId}"/>','<c:out value="${resFileSns[status.index]}"/>')">
																	<c:out value="${fileNm}" />
																</a>
																<span class="file_size"><c:out value="${resFileSizes[status.index]}" />Byte</span>
															</td>
															</c:forEach>
														</tr>
													</table>
												</div>
												</c:if>
											</li>
											<!-- //민원답변내용e -->
											</c:if>
											
											<!-- 민원신청내용s -->
											<li class="history_list_open"><span class="hs_ask">민원신청</span><c:out value="${listResult.frstRegisterNm}" /> <span class="history_time"><c:out value="${listResult.frstRegistPnttm}" /></span> <input type="button" class="history_list_open_open">
												<div class="complanint_history_content">
													<div class="askhssort">
														<span class="askhssorts"><c:set var="cmplntImprtnceNm" value="일반" /></span>
														<span class="askhssorts"><c:if test="${listResult.cmplntImprtnceCd == '02'}"> <c:set var="cmplntImprtnceNm" value="긴급" /> </c:if></span>
														<span class="askhssorts"><c:out value="${listResult.cmplntFieldNm}" /> | <c:out value="${cmplntImprtnceNm}" /> | <c:out value="${listResult.cmplntTitle}" /></span>
													</div>
													<span class="complanint_history_cont_text">
													</span>
													<span class="complanint_history_cont_text"><c:out value="${listResult.cmplntReqCn}" escapeXml="false" /></span>
												</div>
												<!-- 첨부파일 -->
												<c:set var="fileNms" value="${fn:split(listResult.cmplntReqFileNms, '|') }" />
												<c:set var="fileSns" value="${fn:split(listResult.cmplntReqFileSns, '|') }" />
												<c:set var="fileSizes" value="${fn:split(listResult.cmplntReqFileSizes, '|') }" />
												<c:if test="${fn:length(cmplntReqFileList) > 0}">
												<div class="complanint_history_file_wrap">
													<table>
														<tr>
															<th rowspan="100">
																첨부파일<!-- <input type="button" value="일괄다운로드" class="history_all_down"> -->
															</th>
														</tr>
														<c:forEach var="fileNm" items="${fileNms}" varStatus="status">
														<c:set var="fileExt" value="${fn:split(fileNm, '.') }" />
														<tr>
															<td>
																<img id="" src="/direct/img/enroll_<c:out value="${fn:toLowerCase(fileExt[fn:length(fileExt)-1])}" />_file.png" onerror="this.src='/direct/img/enroll_jpg_file.png'">
																<a href="javascript:atchFileDown('<c:out value="${listResult.cmplntReqFileId}"/>','<c:out value="${fileSns[status.index]}"/>')">
																	<c:out value="${fileNm}" />
																</a>
																<span class="file_size"><c:out value="${fileSizes[status.index]}" />Byte</span>
															</td>
														</tr>
														</c:forEach>
														
													</table>
												</div>
												</c:if>
											</li>
											<!-- //민원신청내용e -->
											</c:forEach>
										</ul>
									</div>
								</div>
							</div>
							<!-- //민원히스토리 탭 e -->

							<!-- 민원신청현황 탭 s -->
							<div class="complanint_process_status_table" style="display: none"></div>
							<!-- //민원신청현황 탭 e -->
						</div>
					</div>
				</div>
				<!-- //하단 탭 메뉴 e -->
				</c:if>
			</div>
			
			<div class="main1_btn_div">
				<c:choose>
					<c:when test="${result.cmplntImsiYn == 'N' && not empty result.cmplntId && result.cmplntReYn == 'Y'}">
					<!-- 추가민원 등록화면 -->
					<button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="insertDetail('N');">등록</button>
					</c:when>
					<c:when test="${result.cmplntImsiYn == 'N' && not empty result.cmplntId && not empty result.cmplntSn}">
					<!-- 수정화면 -->
					<button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="saveDetail('N');">저장</button>
					<button type="button" class="main1_btn main1_cancel" id="" onclick="updateCvlCmplntCancel();">민원 취소</button>
						<c:if test="${result.cmplntStateCd == '04' || result.cmplntStateCd == '06'}" >
						<button type="button" class="main1_btn main1_ask_register" id="" onclick="selectReCvlCmplnt();">추가 민원</button>
						</c:if>
						<!-- <button type="button" class="main1_btn main1_del" id="" onclick="">삭제</button> -->
					</c:when>
					<c:otherwise>
					<!-- 초기/임시 화면 -->
					<button type="button" class="main1_btn main1_save_btn" id="audit_save_btn_imsi" onclick="saveDetail('Y');">임시저장</button>
					<button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="saveDetail('N');">등록</button>
						<c:if test="${not empty result.cmplntId && not empty result.cmplntSn}" >
						<button type="button" class="main1_btn main1_cancel" id="" onclick="updateCvlCmplntCancel();">취소</button>
						</c:if>
					</c:otherwise>
				</c:choose>
			</div>
		</div>
	</div>
	--%>
	
</form>
</body>
</html>