File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<%--
Class Name : SciTecAuditGamsaOpenerView.jsp
Description : 상세화면 > 감사관, 담당자 등 팝업창
Modification Information
수정일 수정자 수정내용
------- -------- ---------------------------
author : itn
since :
01 : 감사관
02 : 담당자
03 : 첨부파일
04 :
추가시 요기에 적어주세요.
--%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="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>팝업창관리 관리</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_person.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/popup_open_2.js"></script>
<script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>"></script>
<%-- <script src="<c:url value='/js/jquery.js' />"></script> --%>
<script type="text/javascript" src="<c:url value='/js/EgovCalPopup.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 itemSpanElement = "";
$( document).ready(function() {
if('${auditItemVO.autItemId}' != ''){ //수정버튼 클릭시 좌측 리스트에서 일치하는 값 좌측에 세팅
$('#audit_item_${auditItemVO.autItemId}').trigger('click');
}
$("#file_gamsa").change(function () { //업로드 파일 사이즈 체크
var limit_file_size = 50*1024*1000; //50메기
var file_size = 0 ;
if(window.ActiveXObject) {//IE용인데 IE8이하는 안됨...
var fso = new ActiveXObject("Scripting.FileSystemObject");
var filepath = $("#file_gamsa").value;
//var filepath = obj[0].value;
var thefile = fso.getFile(filepath);
sizeinbytes = thefile.size; }
else {
//IE 외
//sizeinbytes = document.getElementById(obj).files[0].size;
file_size = $("#file_gamsa")[0].files[0].size ;
if(file_size > limit_file_size){
alert("업로드 최대 파일 사이즈는 50M 입니다.");
$('#fileName').val(""); //버퍼에 있는 파일 객체 초기화
$('#file_gamsa').val('');
return;
}
var fSExt = new Array('Bytes', 'KB', 'MB', 'GB');
var i = 0;
while(file_size>900) {
file_size/=1024;
i++;
}
file_size = (Math.round(file_size*100)/100)+' '+fSExt[i];
}
});
});
/*등록버튼 클릭시 */
function insert_item(){
if(!confirm("등록하시겠습니까?")){
return false;
}
var frm = $('#itemForm')[0];
if(frm.autName.value ==""){
alert("성명은 필수 값입니다.");
return;
}
event.preventDefault();
setButtonDisableEvent("T") ; //버튼 클릭 이벤트 삭제
$('#itemForm').ajaxForm({
url : "/uss/itsm/audit/SciTecAuditItemRegistAjax.do",
enctype : "multipart/form-data",
dataType : "jsonp",
error : function(){
alert("저장에 실패하였습니다.");
setButtonDisableEvent("F") ;
},
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.window.close()
}
window.self.close() ;
}else if(returnData.result =='success'){
//alert("저장되었습니다.");
if(opener !=null){
if(opener.close_del!=undefined){
opener.close_del = false;
}
opener.self_reload();
}
var left_item = ""; //우측 테이블 리스트하단에 등록된 정보 tr 생성추가
left_item += '<tr id="audit_item_'+returnData.auditItemVO.autItemId+'" value="'+returnData.auditItemVO.autItemId+'" onclick="sel_autItemId(this); return false;" ><br/>';
left_item += ' <td>'+returnData.auditItemVO.autName+'｜</td><br/>';
left_item += ' <td>'+returnData.auditItemVO.autTel+'｜</td><br/>';
left_item += ' <td>'+returnData.auditItemVO.autEmail+'</td><br/>';
var temp_file_name = $("#fileName").val().split("\\")[$("#fileName").val().split("\\").length-1] ;
left_item += '<input type="hidden" value="'+temp_file_name+'"></input>';
$('#gamsa_right_table').append(left_item);
left_item += '</tr><br/>';
$('#item_insert_btn').attr('value' , '수정').attr('onclick' , 'update_item(); return false;') ; //중복방지위해 수정 버튼으로 변경
$('#autItemId').val(returnData.auditItemVO.autItemId) ; //수정버튼 변경후 ItemId가 필요하여, ItemId세팅함.
$('#item_delete_btn').show(); //삭제버튼 보이게 처리
setButtonDisableEvent("F") ;
}
}else{
alert("저장에 실패하였습니다.");
setButtonDisableEvent("F") ;
}
}
});
$("#itemForm").submit() ;
}
/*수정버튼 클릭시 */
function update_item(){
if(!confirm("수정하시겠습니까?")){
return false;
}
event.preventDefault();
if($('#autItemId').val() ==''){
alert("삭제하실 감사관을 우측에서 선택해 주세요.");
}
var frm = $('#itemForm')[0];
if(frm.autName.value ==""){
alert("성명은 필수 값입니다.");
return;
}
event.preventDefault();
setButtonDisableEvent("T") ; //버튼 클릭 이벤트 제거
$('#itemForm').ajaxForm({
url : "/uss/itsm/audit/SciTecAuditItemUpdateAjax.do",
enctype : "multipart/form-data",
dataType : "jsonp",
error : function(){
alert("저장에 실패하였습니다.");
setButtonDisableEvent("F") ;
},
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.window.close()
}
window.self.close() ;
}else if(returnData.result =='success'){
//alert("저장되었습니다.");
if(opener !=null){
if(opener.close_del!=undefined){
opener.close_del = false;
}
opener.self_reload();
}
setButtonDisableEvent("F") ; //버튼 이벤트 회복
//좌측 수정선택한 테이블 리스트 수정된 값으로 변경
$($('#audit_item_'+$('#autItemId').val()).find('td')[0]).text(returnData.auditItemVO.autName+"｜");
$($('#audit_item_'+$('#autItemId').val()).find('td')[1]).text(returnData.auditItemVO.autTel+"｜");
$($('#audit_item_'+$('#autItemId').val()).find('td')[2]).text(returnData.auditItemVO.autEmail);
if($("#fileName").val().split("\\").length !=1){ //파일 수정시 파일이름 좌측 선택 컬럼에 파일이름 새로 세팅
var temp_file_name = $("#fileName").val().split("\\")[$("#fileName").val().split("\\").length-1] ;
$('#audit_item_'+$('#autItemId').val()).find('input:hidden').val(temp_file_name) ;
}
}
}else{
alert("저장에 실패하였습니다.");
setButtonDisableEvent("F") ;
}
}
});
$("#itemForm").submit() ;
}
/*삭제버튼 클릭시 */
function delete_item(){
if(!confirm("삭제하시겠습니까?")){
return false;
}
event.preventDefault();
setButtonDisableEvent("T") ; //버튼 클릭 이벤트 삭제
$('#itemForm').ajaxForm({
url : "/uss/itsm/audit/SciTecAuditItemDeleteAjax.do",
enctype : "multipart/form-data",
dataType : "jsonp",
error : function(){
alert("저장에 실패하였습니다.");
setButtonDisableEvent("F") ;
},
success : function(returnData, status){
if(returnData.result == 'fail'){
alert("삭제에 실패하였습니다.");
setButtonDisableEvent("F") ;
}else if(returnData.result == 'auth_fail'){
alert("세션이 종료되었습니다.");
if(opener !=null){
if(opener.close_del!=undefined){
opener.close_del = false;
}
opener.self_reload();
}
window.self.close() ;
}else if(returnData.result =='success'){
alert("삭제되었습니다.");
if(opener !=null){
if(opener.close_del!=undefined){
opener.close_del = false;
}
opener.self_reload();
}
setButtonDisableEvent("F") ;
//등록으로 변경
$('#item_insert_btn').attr('value' , '등록').attr('onclick' , 'insert_item(); return false;') ;
$('#autName').val("");
$('#autTel').val("");
$('#autEmail').val("");
$('#fileName').val("");
$($('#audit_item_'+$('#autItemId').val())).remove();
$('#autItemId').val("") ;
$('#item_delete_btn').hide();
}
else{
alert("저장에 실패하였습니다.");
setButtonDisableEvent("F") ;
}
}
});
$("#itemForm").submit() ;
}
/* 취소버튼 클릭시 */
function cancel_item(){
event.preventDefault();
setButtonDisableEvent("T") ;
$('#item_insert_btn').attr('value' , '등록').attr('onclick' , 'insert_item(); return false;') ; //수정 버튼 등록으로 변경 후 모든 컬럼 초기화
$('#autName').val("");
$('#autTel').val("");
$('#autEmail').val("");
$('#fileName').val("");
$('#autItemId').val("") ;
$('#item_delete_btn').hide();
setButtonDisableEvent("F") ;
}
/* ********************************************************
* 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;
}
/* 버튼 이벤트 제어 */
function setButtonDisableEvent(flag){
if(flag == 'T'){
$("#item_insert_btn").prop("disabled", true);
$("#item_delete_btn").prop("disabled", true);
$("#item_cancel_btn").prop("disabled", true);
}else{
$("#item_insert_btn").prop("disabled", false);
$("#item_delete_btn").prop("disabled", false);
$("#item_cancel_btn").prop("disabled", false);
}
}
/* 우측 아이템 선택시 좌측 컬럼에 값 세팅 */
function sel_autItemId(object) {
var temp_name = $($(object).find('td')[0]).text().replace(/\s/gi, ""); //공백제거
temp_name = temp_name.substring(0, temp_name.length-1); //마지막 문자 | 제거
$('#autName').val(temp_name);
var temp_tel = $($(object).find('td')[1]).text().replace(/\s/gi, ""); //공백제거
temp_tel = temp_tel.substring(0, temp_tel.length-1); //마지막 문자 | 제거
$('#autTel').val(temp_tel);
var temp_email = $($(object).find('td')[2]).text().replace(/\s/gi, ""); //공백제거
$('#autEmail').val(temp_email);
var temp_orignlFileNm = $(object).find('input:hidden').attr('value') ;
$('#fileName').val(temp_orignlFileNm);
$('#autItemId').val($(object).attr('value')) ;
$('#item_insert_btn').attr('value' , '수정').attr('onclick' , 'update_item(); return false;') ; //버튼 수정으로 변경
$('#item_delete_btn').show();
}
</script>
<style type="text/css">/* 첨부파일 이미지로 세팅 */
/* .file_input_textbox {float:left; height:29px;} */
.file_input_textbox {height:29px;}
.person_info_text {position:relative; overflow:hidden;}
.file_input_img_btn {padding:0 0 0 5px;margin-left:178px;}
.file_input_hidden {font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}
</style>
</head>
<body>
<form name="itemForm" id="itemForm" enctype="multipart/form-data" method="post">
<input type="hidden" name="autId" id="autId" value="${auditVO.autId}"/>
<input type="hidden" name="del" />
<input type="hidden" name="autCd" value="01" />
<input type="hidden" name="autFlag" value="${auditItemVO.autFlag}" /><!-- 감사괸 종류 01 : 감사란, 02:담당자 -->
<input type="hidden" name="autKinds" value="${auditItemVO.autKinds}" /><!-- 감사란 01 : 과기부-->
<input type="hidden" name="autItemId" id="autItemId" value="" /><!-- 수정,삭제를 위한 ID -->
<input type="hidden" name="imsi" id="imsi" value="N" /><!-- 감사는 무조건 등록으로 -->
<div class="enroll_person_popup">
<div class="person_info_wrap">
<div class="person_info_title">
<img src="/direct/img/person_title_bg.png" alt="">
${auditVO.clCodeName} 등록
</div>
<div class="person_input">
<ul>
<li>
<div class="person_info_text">성명</div>
<input type="text" name="autName" id="autName" maxlength="20" placeholder="이름을 넣어주세요" value="" >
</li>
<li>
<div class="person_info_text">전화번호</div>
<input type="text" name="autTel" id="autTel" maxlength="20" placeholder="" value="">
</li>
<li>
<div class="person_info_text">이메일</div>
<input type="text" name="autEmail" id="autEmail" maxlength="20" placeholder="" value="">
</li>
<li>
<div class="person_info_text">첨부파일
<img src="/direct/img/add_person_file.png" class="file_input_img_btn" alt="">
<input type="file" class="file_input_hidden" name="file_gamsa" id="file_gamsa"
onchange="javascript: document.getElementById('fileName').value = this.value"
style="width:2px;right:0px;">
</div>
<input type="text" id="fileName" class="file_input_textbox" readonly>
</li>
</ul>
</div>
<div class="person_info_btns">
<input type="button" id="item_insert_btn" value="등록" onclick="insert_item(); return false;" />
<input type="button" id="item_delete_btn" value="삭제" onclick="delete_item(); return false;" style="display:none;" />
<input type="button" id="item_cancel_btn" value="초기화" onclick="cancel_item(); return false;"/>
</div>
</div>
<div class="person_list">
<table id="gamsa_right_table">
<c:forEach var="result" items="${auditItemList}" varStatus="status">
<tr id="audit_item_${result.autItemId}" value='${result.autItemId}' onclick="sel_autItemId(this); return false;">
<td>${result.autName} ｜</td>
<td>${result.autTel}｜</td>
<td>${result.autEmail}</td>
<input type="hidden" name="${result.orignlFileNm}" value="${result.orignlFileNm}" />
</tr>
</c:forEach>
</table>
</div>
</div>
</form>
</body>
</html>