<%--
  Class Name : cvlCmplntDetailWeb.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";
	String cmplntViewUserTy = (String) request.getAttribute("cmplntViewUserTy");
	
	if(EgovUserDetailsHelper.getAuthorities().contains("ROLE_ADMIN")
			&& !("USR").equals(cmplntViewUserTy)){
		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">
<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> -->

<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">
	var resultMsg = "<c:out value='${resultMsg}' />"; 
	if (resultMsg == "fail") { alert("조회에 실패하였습니다."); window.self.close(); }
	else if (resultMsg == "re_fail") { alert("추가민원 등록을 처리할 수 없습니다."); window.self.close(); }
	else if (resultMsg == "self_fail") { alert("본인글 외에는 수정할 수 없습니다."); window.self.close(); }
	else if (resultMsg == "state_fail") { alert("현재 민원 진행상태에서는 처리할 수 없습니다."); window.self.close(); }
</script>
 
<script type="text/javaScript" language="javascript">
$(document).ready(function() {
	$('select').niceSelect();
	
	// 분야, 구분, 구분 > SW구분
	//기타 활성화
	onChangeSelectEtc($("[name=cmplntFieldCd]:checked"));
	onChangeSelectEtc($("[name=cmplntTypeCd]:checked"));
	onChangeSelectEtc($("[name=cmplntTypeSwCd]:checked"));
	
	// 첨부파일 드래그앤드랍 init
	if(!isUpdate()) { // 수정가능상태확인
		$(".file_upload_box").css("display", "");
		fileDragNDropInit();
	}
});

//첨부파일 드래그앤드랍 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;
	   }
   }
	
   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="">'+fileObj.name+'</td>';
	list_html += '<td>'+getDate()+'</td>';
	list_html += '<td>'+getStrFileSize(fileObj.size)+'</td>';
	list_html += '<td><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+"'/>", "viewWebOpener");
}

/* 드래그앤드랍 파일제거 */
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{
		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=cmplntReqFileId]").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("삭제에 실패하였습니다.");
	    }
	});
}




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

function validate() {
	if ($("[name=cmplntTitle]").val() == "") { alert("제목을 입력해주세요."); return false; }
	if (!$("[name=cmplntFieldCd]:checked").val() || $("[name=cmplntFieldCd]:checked").val() == "") { alert("분야를 선택해주세요."); return false; }
	if (!$("[name=cmplntTypeCd]:checked").val() || $("[name=cmplntTypeCd]:checked").val() == "") { alert("구분을 입력해주세요."); return false; }
	
	var srchRoll = "<c:out value='${srchRoll}' />";
	// 관리자 시 신청자 입력 체크
	if (srchRoll == "Y") {
		if ($("[name=detailForm] [name=frstRegisterId]").length == 0) {
			alert("신청자를 선택해주세요.");
			return false;
		}
	}
	
	if ($("[name=cmplntReqCn]").val() == "") { alert("내용을 입력해주세요."); return false; }
	
	return true;
}

// 등록(임시, 신규) (추가민원)
function insertDetail(cnd) {
	CKEDITOR.instances.cmplntReqCn.updateElement();
	
	if (cnd != "Y" && !validate()) return;
	
	if(!$.isNumeric($("[name=detailForm] [name=cmplntSn]").val())) $("[name=cmplntSn]").val(0);
	$("[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);
	});
	
	var srchRoll = "<c:out value='${srchRoll}'/>"; 
	var url = "";
	if (srchRoll == "Y") url = "/uss/itsm/cvlCmplnt/insertCvlCmplntAjax.do?logCmd=ADM";
	url = "/uss/itsm/cvlCmplnt/insertCvlCmplntAjax.do?logCmd=USR";
	
    $.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(status == 'success') // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
			if(returnData.result == 'success'){
				alert(msg);
				window.self.close();
				if (cnd == "N") opener.location.reload();
			} else if(returnData.result == 'fail'){
				alert("저장에 실패하였습니다.");
			}else if(returnData.result == 'upload_fail'){
				alert("업로드 불가능한 확장자입니다.");
			}
		},
        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
    });
}

// 수정(임시, 수정)
function updateDetail(cnd) {
	CKEDITOR.instances.cmplntReqCn.updateElement();
	
	// validate
	if (cnd != "Y" && !validate()) return;
	
	$("[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);
	});
	
	var srchRoll = "<c:out value='${srchRoll}'/>"; 
	var url = "/uss/itsm/cvlCmplnt/updateCvlCmplntAjax.do";
	if (srchRoll == "Y") url += "?logCmd=ADM";
	url += "?logCmd=USR";
	
    $.ajax({
        type: "POST",
        enctype: 'multipart/form-data',
        url: url,
        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=detailForm] [name=cmplntId]").val(), "cmplntSn" : $("[name=detailForm] [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);
		}
	} 
}

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 - 793) / 2;
	var popupY = scY + (docHeight - 500) / 2;
	
	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 count = $('.usersList > li').size(); 
	if(0 != count){
		$('.usersList > li').remove();
	} */
	
	var idArray =id.split(',');
	var nameArray =name.split(',');
	var tempHtml="";
	for(var i in idArray){
		if ($("li#"+idArray[i]).length > 0) continue;
		
		tempHtml += "<li id='"+idArray[i]+"'>"
		tempHtml += "<input type='hidden'  name='frstRegisterId' value='"+idArray[i]+"'>"
		tempHtml += "<input type='hidden'  name='frstRegisterNm' value='"+nameArray[i]+"'>"
		tempHtml += "#"+nameArray[i]+"<input type='button' class='user_del' onclick='staffDel(\""+idArray[i]+"\")'>"
		tempHtml += "</li>"
	}
	$('.usersList').append(tempHtml);	
    //$('input:radio[name=cmplntStateCd]:input[value=02]').attr("checked", true);    
}

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;}
</style>
</head>
<body>
<!-- 민원신청현황 탭 form-->
<form name="userListForm" method="post">
<input type="hidden" name="cmplntId" />
<input type="hidden" name="cmplntSn" value="0" />
<input type="hidden" name="cmplntImsiYn" />
<input type="hidden" name="searchSortCnd" />
<input type="hidden" name="searchSortOrd" />
<input type="hidden" name="frstRegisterId" value="<c:out value="${result.frstRegisterId}" />" />
<input type="hidden" name="pageIndex" />
</form>

<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}" />" /> --%>


	<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"><div class="listTitle">제목</div></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 class="listTitle">작성자</div></div>
						<!-- <span class="complanint_writer">경영지원팀&ensp;｜&ensp;홍길동 대리</span> -->
						<span class="complanint_writer">
							<c:if test="${not empty result.reqDeptNm}" >
								<c:out value="${result.reqDeptNm}" /> &ensp;｜&ensp;
							</c:if>
							<c:out value="${result.frstRegisterNm}" /> <!-- 직위? -->
						</span>
					</li>
					<li>
					<div class="enroll_input_title"><div class="listTitle">접수시간</div></div>
						<c:out value="${result.frstRegistPnttm}" />
					</li>
					</c:if>
					<li class="complanint_area_list">
						<div class="enroll_input_title"><div class="listTitle">분야</div></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 class="listTitle">민원구분</div></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>
					<c:if test="${srchRoll == 'Y'}">
					<li>
						<div class="enroll_input_title"><div class="listTitle">신청자</div></div>
						<div class="charge_user_wrap">
							<div class="charge_users">
								<ul class="usersList" >
									<!-- <li>#홍길동<input type="button" class="user_del"></li>
									<li>#홍길동<input type="button" class="user_del"></li> -->
								</ul>
							</div>
							<input type="button" class="user_serch_btn" value="검색" onclick="orgChartPopup()">
						</div>
					</li>
					</c:if>
					<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_etc_file.png'">
											<a href="javascript:atchFileDown('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>')">
												<c:out value="${fileVO.orignlFileNm}"/>
											</a>
											<%-- <button type="button" onclick="delete_reqFile(this, '<c:out value="${fileVO.fileSn}"/>');">삭제</button> --%>
										</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 style="display: inline-table; width: 100%;">
										<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' && not empty result.cmplntId && not empty result.cmplntSn}"> --%>
				<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_web">
												<ul>
													<c:forEach var="cvlCmplntPrsnInfo" items="${cvlCmplntPrsnList}" varStatus="status">
														<li>
															#${cvlCmplntPrsnInfo.cmplntPrsnNm}
														</li>
													</c:forEach>
													<!-- <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>