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 : IpDetailAjax.jsp
Description : Ip상세
Modification Information
수정일 수정자 수정내용
------- -------- ---------------------------
2018.06.11 ITN 최초 생성
author : ITN
since : 2018.06.11
--%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import="egovframework.com.cmm.service.EgovProperties"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<script type="text/javascript" src="/js/audit/audit.common.js"></script>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javaScript" language="javascript">
$( document ).ready(function(){
$('#ipHwCode').niceSelect();
$('#pageHisUnit').niceSelect();
ipResetFileZone();
<c:if test="${ipVO.pageType eq 'New'}">
$('#ipSearchYear').hide();
$('#ipSearchQuarter').hide();
$('#ipSearchQuarterPer').hide();
</c:if>
<c:if test="${ipVO.pageType ne 'New'}">
//사용기간 날짜 세팅
$('#ipSearchYear').append(setDateBoxValue);
$('#ipSearchYear').niceSelect();
$('#ipSearchQuarter').niceSelect('destroy').css('display','none') ;
$('#ipSearchQuarterPer').niceSelect('destroy').css('display','none');
//사용기간 세팅
<c:if test="${!empty ipTeVO.ipSearchYear}">
changeSearchYear( '${ipTeVO.ipSearchYear}' , 'N');
$('#ipSearchYear').val('${ipTeVO.ipSearchYear}').niceSelect('update');
</c:if>
<c:if test="${!empty ipTeVO.ipSearchQuarter}">
changeSearchQuarter('${ipTeVO.ipSearchQuarter}' , 'N') ;
$('#ipSearchQuarter').val('${ipTeVO.ipSearchQuarter}').niceSelect('update');
</c:if>
<c:if test="${!empty ipTeVO.ipSearchQuarterPer}">
$('#ipSearchQuarterPer').val('${ipTeVO.ipSearchQuarterPer}').niceSelect('update');
</c:if>
</c:if>
// 달력버튼 마우스오버 시 이미지 변경
$("a.date_select_btn").mouseover(function(){
$(this).children("img").attr("src","/direct/img/bu_icon_carlendar_on.gif")
})
//선택한 tr 색 지정
$('.tr_list').css("background-color", "white");
$('#tr_list_${ipVO.ipId}').css("background-color", "#f5f7fa");
setNumberOnly(); //숫자만 입력
gotab("${ipVO.tabFlag}"); //보여줄 탭
/* 등록페이지 삭제, 사용기간 삭제버튼 클릭시 */
$(".del_each_ip").click(function (event){
if(!confirm("삭제하시겠습니까?")){
return;
}
if($('#tabFlag').val() == '3'){ //사용기간 삭제처리시
if($(useForm).find("input[name=del]:checked").length == 0){
alert("선택된 항목이 없습니다.");
return;
}
var data = $('#useForm').serialize();
$.ajax({
type: "POST",
url: "/uss/itsm/ip/IpteDeleteAjax.do",
data: data,
dataType:'jsonp',
cache: false,
timeout: 600000,
success: function (returnData, status) {
if(status == 'success'){
if(returnData.result == 'fail'){
alert("삭제처리가 실패하였습니다.");
}else if(returnData.result == 'auth_fail'){
}else if(returnData.result =='success'){
alert("삭제처리 되었습니다.");
getDetail("useForm");
}
}else{
alert("삭제처리에 실패하였습니다.");
}
},
error: function (e) {
console.log("ERROR : ", e);
alert("삭제처리에 실패하였습니다.");
}
});
}else{ //등록페이지 삭제처리
var data = $('#writeForm').serialize();
$.ajax({
type: "POST",
url: "/uss/itsm/ip/IpDeleteAjax.do",
data: data,
dataType:'jsonp',
cache: false,
timeout: 600000,
success: function (returnData, status) {
if(status == 'success'){
if(returnData.result == 'fail'){
alert("삭제처리가 실패하였습니다.");
}else if(returnData.result == 'auth_fail'){
alert("세션이 종료되었습니다.");
}else if(returnData.result =='success'){
alert("삭제처리 되었습니다.");
getList();
$('#pageType').val(''); //초기화
getDetail('writeForm');
}
}else{
alert("삭제처리에 실패하였습니다.");
}
},
error: function (e) {
console.log("ERROR : ", e);
alert("삭제처리에 실패하였습니다.");
}
});
}
});
/* 수리내역 리스트에서 삭제버튼 클릭시 */
$(".del_each_re_asset").click(function (event){
event.preventDefault();
if($(repairForm).find("input[name=del]:checked").length == 0){
alert("선택된 항목이 없습니다.");
return;
}
var data = $('#repairForm').serialize();
$.ajax({
type: "POST",
/* url: "/uss/itsm/asset/AssetDeleteAjax.do", */
url: "/uss/itsm/asset/AssetRepairDeleteAjax.do",
data: data,
dataType:'jsonp',
cache: false,
timeout: 600000,
success: function (returnData, status) {
if(status == 'success'){
if(returnData.result == 'fail'){
alert("삭제처리가 실패하였습니다.");
}else if(returnData.result == 'auth_fail'){
alert("세션이 종료되었습니다.");
}else if(returnData.result =='success'){
alert("삭제처리 되었습니다.");
getDetail('repairForm');
}
}else{
alert("삭제처리에 실패하였습니다.");
}
},
error: function (e) {
console.log("ERROR : ", e);
alert("삭제처리에 실패하였습니다.");
}
});
});
/* 대여역 리스트에서 삭제버튼 클릭시 */
$(".del_each_rt_asset").click(function (event){
event.preventDefault();
if($(rentForm).find("input[name=del]:checked").length == 0){
alert("선택된 항목이 없습니다.");
return;
}
var data = $('#rentForm').serialize();
$.ajax({
type: "POST",
url: "/uss/itsm/asset/AssetRentDeleteAjax.do",
data: data,
dataType:'jsonp',
cache: false,
timeout: 600000,
success: function (returnData, status) {
if(status == 'success'){
if(returnData.result == 'fail'){
alert("삭제처리가 실패하였습니다.");
}else if(returnData.result == 'auth_fail'){
alert("세션이 종료되었습니다.");
}else if(returnData.result =='success'){
alert("삭제처리 되었습니다.");
getDetail('rentForm');
}
}else{
alert("삭제처리에 실패하였습니다.");
}
},
error: function (e) {
console.log("ERROR : ", e);
alert("삭제처리에 실패하였습니다.");
}
});
});
/* 수리내역 리스트 클릭시 수정 클릭시 */
$(".td_repair_list").click(function (event){
$('#astReId').val($(this).parent().attr('value'));
$(repairPopupForm).find('input#pageType').val("Modify");
insertRepairAssetPop();
$('#astReId').val('');
$(repairPopupForm).find('input#pageType').val("");
});
/* 대여내역 리스트 클릭시 수정 클릭시 */
$(".td_rent_list").click(function (event){
$('#astRtId').val($(this).parent().attr('value'));
$(rentPopupForm).find('input#pageType').val("Modify");
insertRentAssetPop();
$('#astRtId').val('');
$(rentPopupForm).find('input#pageType').val("");
});
$(".file").change(function() { //이미지 미리보기
var limitsize = 50*1024*1024; //파일 제한 체크(50개, 50MB)
var limitcount = 50;
if(this.files[0].size > limitsize){
alert("등록하시려는 파일 사이즈가"+getStrFileSize(this.files[0].size)+"로 50MB이하만 업로드 가능합니다.");
return ;
}
readURL(this);
});
$(".file1").change(function() { //이미지 미리보기
var limitsize = 50*1024*1024; //파일 제한 체크(50개, 50MB)
var limitcount = 50;
if(this.files[0].size > limitsize){
alert("등록하시려는 파일 사이즈가"+getStrFileSize(this.files[0].size)+"로 50MB이하만 업로드 가능합니다.");
return ;
}
});
<c:if test="${!empty ipVO.atchFileId}">
$('.asset_enroll_img').css({'background':'url("/cmm/fms/getAssetImage.do?atchFileId=${ipVO.atchFileId}")',
'background-repeat': 'no-repeat',
'background-position':'center'
});
</c:if>
{ //순서정렬 변경내역
var searchHisSortCnd = $("[name='searchHisSortCnd']").val();
var searchHisSortOrd = $("[name='searchHisSortOrd']").val();
if (searchHisSortCnd != "" && searchHisSortOrd != "") {
var imgOrdr = "";
if (searchHisSortOrd == "desc") imgOrdr = "down";
else imgOrdr = "up";
var $sort_div = $("#sortHis_"+ searchHisSortCnd);
var ordrImg = "<img class='ordr' src='/direct/img/sort_"+imgOrdr+"_on.png' alt=''>";
$sort_div.attr("sortOrd", searchHisSortOrd);
$sort_div.find("div img").remove();
$sort_div.find("div").append(ordrImg);
}
}
{ //순서정렬 사용내역
var searchTeSortCnd = $("[name='searchTeSortCnd']").val();
var searchTeSortOrd = $("[name='searchTeSortOrd']").val();
if (searchTeSortCnd != "" && searchTeSortOrd != "") {
var imgOrdr = "";
if (searchTeSortOrd == "desc") imgOrdr = "down";
else imgOrdr = "up";
var $sort_div = $("#sortTe_"+ searchTeSortCnd);
var ordrImg = "<img class='ordr' src='/direct/img/sort_"+imgOrdr+"_on.png' alt=''>";
$sort_div.attr("sortOrd", searchTeSortOrd);
$sort_div.find("div img").remove();
$sort_div.find("div").append(ordrImg);
}
}
// 정렬 항목 이벤트
$(".sortHis").click(function(e){
listHisSortOrd(this);
});
$(".sortTe").click(function(e) {
listTeSortOrd(this);
});
//사용여부, 타입 최초 기타로 세팅
<c:if test="${ipVO.pageType == 'New'}">
$("input:radio[name='ipUseCode']:radio[value='3']").prop('checked', true); // 선택하기
$("input:radio[name='ipTypeCode']:radio[value='09']").prop('checked', true); // 선택하기
</c:if>
//사용기간합계
var useterm_day_tot = 0;
$('.ip_useterm_day').each(function(index){
useterm_day_tot += $(this).text()*1;
});
$('.ip_useterm_sum_num').text(useterm_day_tot);
});
function setNumberOnly(){ //숫자만 입력
$("input:text[numberOnly]").on("keyup", function(){
$(this).val($(this).val().replace(/[^0-9]/g,""));
});
}
/* 탭이동*/
function gotab(flag){
/* 탭순서
asset_enroll_menu 1 , asset_change_menu 2, asset_repair_menu 3, asset_rental_menu 4
*/
$('.detail_btns_list').hide(); //버튼 영역 모두 안보이게
$('.li_tab').each(function(index){
$(this).removeClass('list_tab_menu_on'); //모든 탭 상단 파란색 클래스 삭제
});
$('.asset_enroll_wrap').css('display' , 'none') ; //모든 탭 안보이게...
$('.asset_change_detail_wrap').css('display' , 'none') ;
$('.ip_useterm_table_area').css('display' , 'none') ;
if(flag=='1'){
$('.asset_enroll_wrap').css('display' , 'block') ;
$('.asset_enroll_menu').addClass('list_tab_menu_on') ;
$('#tabFlag').val('1');
$('.regi_btns_list').show();
}else if(flag=='2'){
$('.asset_change_detail_wrap').css('display' , 'block') ;
$('.asset_change_menu').addClass('list_tab_menu_on') ;
$('#tabFlag').val('2');
}else if(flag=='3'){
$('.ip_useterm_table_area').css('display' , 'block') ;
$('.ip_useterm').addClass('list_tab_menu_on') ;
$('#tabFlag').val('3');
$('.use_btns_list').show();
}
}
function getHisList(pageNo, openerCall){
if($('.tr_change_list').length == 0 && (openerCall==undefined || openerCall=="undefined" || openerCall=="")){ //값이 없으면 리턴
return;
}
if(pageNo != '' && pageNo != undefined){
$('#pageHisIndex').val(pageNo);
}
getDetail('changeForm');
}
/*수리내역 페이지 리스트 */
function getReList(pageNo, openerCall){
if($('.tr_use_list').length == 0 && (openerCall==undefined || openerCall=="undefined" || openerCall=="")){ //값이 없으면 리턴
return;
}
if(pageNo != '' && pageNo != undefined){
$('#pageReIndex').val(pageNo);
}
getDetail("repairForm");
}
/*대여내역 페이지 리스트 */
function getRtList(pageNo, openerCall){
if($('.tr_rent_list').length == 0 && (openerCall==undefined || openerCall=="undefined" || openerCall=="")) { //값이 없으면 리턴
return;
}
if(pageNo != '' && pageNo != undefined){
$('#pageRtIndex').val(pageNo);
}
getDetail("rentForm");
}
/* 수리내역 등록 버튼 클릭시 */
function insertRepairAssetPop(){
fileupladOpener = window.open('', 'assetOpener', "width=185, height=195, left=30, top=130","location = no","status= no","toolbars= no");
document.repairPopupForm.method = "post";
document.repairPopupForm.action = "/uss/itsm/asset/AstRepairPopup.do";
document.repairPopupForm.target = "assetOpener" ;
document.repairPopupForm.submit();
}
/* 대여내역 등록 버튼 클릭시 */
function insertRentAssetPop() {
fileupladOpener = window.open('', 'assetOpener', "width=185, height=195, left=30, top=130","location = no","status= no","toolbars= no");
document.rentPopupForm.method = "post";
document.rentPopupForm.action = "/uss/itsm/asset/AstRentPopup.do";
document.rentPopupForm.target = "assetOpener" ;
document.rentPopupForm.submit();
}
/* 대여내역 등록 버튼 클릭시 */
function insertAlarmAssetPop() {
fileupladOpener = window.open('', 'assetOpener', "width=185, height=195, left=30, top=130","location = no","status= no","toolbars= no");
document.writeForm.method = "post";
document.writeForm.action = "/uss/itsm/asset/AstAlarmPopup.do";
document.writeForm.target = "assetOpener" ;
document.writeForm.submit();
}
/* 수리내역 전체 체크박스 */
function fnCheckReAll() {
var checkField = document.repairForm.del;
if(document.repairForm.checkReAll.checked) {
if(checkField) {
if(checkField.length > 1) {
for(var i=0; i < checkField.length; i++) {
checkField[i].checked = true;
}
} else {
checkField.checked = true;
}
}
} else {
if(checkField) {
if(checkField.length > 1) {
for(var j=0; j < checkField.length; j++) {
checkField[j].checked = false;
}
} else {
checkField.checked = false;
}
}
}
}
/* 사용기간 전체 체크박스 */
function fnCheckTeAll() {
var checkField = document.useForm.del;
if(document.useForm.checkTeAll.checked) {
if(checkField) {
if(checkField.length > 1) {
for(var i=0; i < checkField.length; i++) {
checkField[i].checked = true;
}
} else {
checkField.checked = true;
}
}
} else {
if(checkField) {
if(checkField.length > 1) {
for(var j=0; j < checkField.length; j++) {
checkField[j].checked = false;
}
} else {
checkField.checked = false;
}
}
}
}
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('.asset_enroll_img').css({'background':'url('+e.target.result+')',
'background-repeat': 'no-repeat',
'background-position':'center'
});
}
reader.readAsDataURL(input.files[0]);
}
}
function file_del(atchFileId, fileType){ //파일이름 초기화 및 DB 삭제
if(!confirm("등록된 사진을 삭제하시겠습니까?")){
return;
}
$.ajax({
type: "POST",
url: "/uss/itsm/asset/AssetFileDeleteAjax.do",
data:{ "atchFileId" : atchFileId , "fileType" : fileType},
dataType:'jsonp',
cache: false,
timeout: 600000,
success: function (returnData, status) {
if(status == 'success'){
if(returnData.result == 'fail'){
alert("삭제처리가 실패하였습니다.");
}else if(returnData.result == 'auth_fail'){
alert("세션이 종료되었습니다.");
}else if(returnData.result =='success'){
alert("삭제처리 되었습니다.");
}
}else{
alert("삭제처리에 실패하였습니다.");
}
},
error: function (e) {
console.log("ERROR : ", e);
alert("삭제처리에 실패하였습니다.");
}
});
setFileInit(); //파일초기화
$('.del_btn').attr("onclick", "setFileInit()");
}
function setFileInit(){ //사진 초기화
$('#file').val("");
$('.asset_enroll_img').css({'background':'url(/direct/img/asset/asset_enroll_img.png)',
'background-repeat': 'no-repeat',
'background-position':'center',
'background-position-y':'40px'
});
}
/* 문서 파일 팝업 */
function ipFilePopup(){
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 - 185) / 2;
var popupY = scY + (docHeight - 195) / 2;
fileupladOpener = window.open('', 'ipFilePopup', "width=185, height=195, left="+popupX+", top="+popupY, "location = no","status= no","toolbars= no");
document.writeForm.method = "post";
document.writeForm.action = "/uss/itsm/ip/IpFilePopup.do";
document.writeForm.target = "ipFilePopup" ;
document.writeForm.submit();
}
var tempIpHwCodeDc = $('#ipHwCodeDc').val();
function setIpHwCodeDc(obj){
if($(obj).val()=="09"){ //기타일 경우
$('#ipHwCodeDc').attr('disabled', false);
$('#ipHwCodeDc').val(tempIpHwCodeDc);
}else{
$('#ipHwCodeDc').attr('disabled', true);
$('#ipHwCodeDc').val("");
}
}
//목록 정렬 항목 클릭
function listHisSortOrd(obj){
if($('.tr_change_list').length == 0){ //값이 없으면 리턴
return;
}
var sortOrd = $(obj).attr("sortOrd");
var sortCnd = $(obj).attr("id");
$("[name='searchHisSortCnd']").val(sortCnd.substring(8)); // 구분자 제거
if (sortOrd == "desc") $("[name='searchHisSortOrd']").val("asc");
else $("[name='searchHisSortOrd']").val("desc");
getDetail('changeForm');
}
function listTeSortOrd(obj){
if($('.tr_use_list').length == 0){ //값이 없으면 리턴
return;
}
var sortOrd = $(obj).attr("sortOrd");
var sortCnd = $(obj).attr("id");
$("[name='searchTeSortCnd']").val(sortCnd.substring(7)); // 구분자 제거
if (sortOrd == "desc") $("[name='searchTeSortOrd']").val("asc");
else $("[name='searchTeSortOrd']").val("desc");
getDetail('useForm');
}
function changeSearchYear(value,search){
if(value == ""){
$('#ipSearchQuarter').val("");
$('#ipSearchQuarterPer').val("");
$('#ipSearchQuarter').niceSelect('destroy').css('display','none') ;
$('#ipSearchQuarterPer').niceSelect('destroy').css('display','none') ;
getDetail("useForm");
return false;
}
$('#ipSearchQuarter').show();
$('#ipSearchQuarter').niceSelect();
if(search == 'Y'){
getDetail("useForm");
}
}
function changeSearchQuarter(value ,search){
if(value == ""){
$('#ipSearchQuarterPer').val();
$('#ipSearchQuarterPer').niceSelect('destroy').css('display','none') ;
}else{
var tempText = "";
if(value == "01"){//반기
tempText +="<option value='01'>상반기</option>" ;
tempText +="<option value='02'>하반기</option>" ;
}else{
tempText +="<option value='01'>1분기</option>" ;
tempText +="<option value='02'>2분기</option>" ;
tempText +="<option value='03'>3분기</option>" ;
tempText +="<option value='04'>4분기</option>" ;
}
$('#ipSearchQuarterPer').empty();
$('#ipSearchQuarterPer').niceSelect('update').niceSelect('destroy').css('display','none');
$('#ipSearchQuarterPer').append(tempText);
$('#ipSearchQuarterPer').css("width", "auto");
$('#ipSearchQuarterPer').show();
$('#ipSearchQuarterPer').niceSelect() ;
}
if(search == 'Y'){
getDetail("useForm");
}
}
function changeSearchYearPer(value,search){
if(search == 'Y'){
getDetail("useForm");
}
}
function getLisIpTd(){ //사용기간 검색
getDetail("useForm");
}
function dateReset(){
$('#ipUseStarYYYMMDD').val("") ;
$('#ipUseEddrYYYMMDD').val("") ;
}
function file_download(atchFileId){
window.open("/cmm/fms/perFileDown.do?atchFileId="+atchFileId+"&fileSn=0&dbType=ipFile");
}
var tempText = "";
function ipResetFileZone(){ //첨부파일 등록후 다시 그려줌
$.ajax({
type: "POST",
url: "/uss/itsm/ip/IpResetFileZone.do",
data:{ "refId" : "${ipVO.ipId}"},
dataType:'jsonp',
cache: false,
async: false,
timeout: 600000,
success: function (returnData, status) {
if(status == 'success'){
if(returnData.result == 'fail'){
}else if(returnData.result == 'auth_fail'){
alert("세션이 종료되었습니다.");
}else if(returnData.result =='success'){
$('#tbody_file').find('tr').remove();
if(returnData.fileList.length == 0){
tempText = '<tr>';
tempText += '<td class="file_title" colspan="10" style="text-align: center;width:806px;">등록된 첨부파일이 없습니다.</td>';
tempText += '</tr>';
}else{
for(var i=0 ; i< returnData.fileList.length ; i++){
tempText += '<tr id="trReqFile_">' ;
tempText += ' <td class="file_title">';
tempText += ' <img src="" value="파일아이콘">';
tempText += ' <a href="#" onclick="file_download(\''+returnData.fileList[i].atchFileId+'\')">'+returnData.fileList[i].orignlFileNm+'</a>';
tempText += ' </td>';
tempText += ' <td class="file_size">'+getStrFileSize(returnData.fileList[i].fileSize)+'</td>';
tempText += ' <td class="file_delect"><input type="button" class="del_file_btn" onclick="IpDelFile(\''+returnData.fileList[i].atchFileId+'\'); return false;"></td>';
tempText += '</tr>';
}
}
$('#tbody_file').append(tempText);
tempText="";
}
}else{
alert("삭제처리에 실패하였습니다.");
}
},
error: function (e) {
console.log("ERROR : ", e);
alert("삭제처리에 실패하였습니다.");
}
});
}
/* 등록되어 있는 파일 삭제버튼 클릭시 */
function IpDelFile(itemId){
if(!confirm("삭제하시겠습니까?")){
return false;
}
$.ajax({
type: "POST",
url: "/uss/itsm/ip/IpFileDeleteAjax.do",
data:{ "atchFileId" : itemId},
dataType:'jsonp',
cache: false,
async: false,
timeout: 600000,
success: function (returnData, status) {
if(status == 'success'){
if(returnData.result == 'fail'){
alert("삭제처리가 실패하였습니다.");
}else if(returnData.result == 'auth_fail'){
alert("세션이 종료되었습니다.");
}else if(returnData.result =='success'){
ipResetFileZone();
}
}else{
alert("삭제처리에 실패하였습니다.");
}
},
error: function (e) {
console.log("ERROR : ", e);
alert("삭제처리에 실패하였습니다.");
}
});
}
</script>
<style type="text/css">
/* _:-ms-input-placeholder, :root .asset_right_sort_table .asset_list_tab_menu li.table_btns_list.regi_btns_list { width: 757px !important; } */
</style>
<div class="asset_table_detail ip_table_detail">
<ul class="nav list_tab_menu asset_list_tab_menu ip_list_tab_menu">
<li class="list_tab_menu_on asset_enroll_menu ip_enroll_menu li_tab"><a href="javascript:void(0);" onclick="gotab('1');">IP등록</a></li>
<li class="asset_change_menu ip_change_menu li_tab"><a href="javascript:void(0);" onclick="gotab('2');">변경내역</a></li>
<li class="ip_useterm li_tab"><a href="javascript:void(0);" onclick="gotab('3');">사용기간</a></li>
<li class="table_btns_list detail_btns_list regi_btns_list" style="float:right;margin-right:13px;">
<input type="button" value="등록" class="enroll_asset enroll_ip ip_regi_button" onclick="updateIp(); return false;"
<c:if test="${ipVO.pageType == 'Modify'}">style="display:none;"</c:if>>
<input type="button" value="수정" class="edit_asset edit_ip ip_modify" onclick="updateIp(); return false;"
<c:if test="${ipVO.pageType == 'New'}">style="display:none;"</c:if>>
<input type="button" value="삭제" class="del_asset del_ip ip_modify del_each_ip"
<c:if test="${ipVO.pageType == 'New'}">style="display:none;"</c:if>>
</li>
<c:if test="${ipVO.pageType ne 'New'}">
<li class="table_btns_list detail_btns_list use_btns_list">
<input type="button" value="등록" class="enroll_asset enroll_ip ip_regi_button" onclick="updateIp(); return false;">
<input type="button" value="삭제" class="del_asset del_ip ip_modify del_each_ip">
</li>
</c:if>
</ul>
<form name="detailParamForm" id="detailParamForm" method="post">
<input type="hidden" name="tabFlag" id="tabFlag" />
</form>
<form name="writeForm" id="writeForm" enctype="multipart/form-data" method="post">
<input type="hidden" name="ipId" id="ipId" value="${ipVO.ipId}"/>
<input type="hidden" name="pageType" id="pageType" value="${ipVO.pageType}" />
<input type="hidden" name="imsi" />
<input type="hidden" name="del" id="del" value="${ipVO.ipId}"/>
<input type="hidden" name="ipIds" id="ipIds" />
<div class="asset_enroll_wrap ip_enroll_wrap">
<ul class="asset_enroll_list ip_enroll_list" style="height: 347px" >
<li>
<div class="listTitle">호스트명</div><input type="text" name="ipHost" id="ipHost" maxlength="20" value="${ipVO.ipHost}">
</li>
<li><div class="listTitle">타입</div>
<c:forEach var="result" items="${ipTypeCodeList}" varStatus="status">
<input type="radio" id="ipTypeCode_${result.id}" name="ipTypeCode" value="${result.id}"
<c:if test="${ipVO.ipTypeCode eq result.id}"> checked="checked"</c:if>>
<label for="ipTypeCode_${result.id}"></label><label for="ipTypeCode_${result.id}">${result.text}</label>
</c:forEach>
</li>
<li>
<div class="listTitle">IP주소</div><input type="text" id="ipAddr" name="ipAddr" maxlength="20" maxlength="20" value="${ipVO.ipAddr}">
</li>
<li><div class="listTitle">MAC주소</div><input type="text" name="ipMacAddr" id="ipMacAddr" maxlength="20" value="${ipVO.ipMacAddr}"></li>
<li><div class="listTitle">위치</div><input type="text" name="ipLoc" id="ipLoc" maxlength="20" value="${ipVO.ipLoc}" ></li>
<li><div class="listTitle">스위치</div><input type="text" name="ipSwich" id="ipSwich" maxlength="20" value="${ipVO.ipSwich}"></li>
<li><div class="listTitle">운영체제</div><input type="text" name="ipOs" id="ipOs" maxlength="300" value="${ipVO.ipOs}" ></li>
<li><div class="listTitle">인증자</div><input type="text" name="ipAuthUser" id="ipAuthUser" maxlength="20" value="${ipVO.ipAuthUser}" ></li>
<li><div class="listTitle">랜선번호</div><input type="text" name="ipLanNum" id="ipLanNum" maxlength="20" value="${ipVO.ipLanNum}" ></li>
<li><div class="listTitle">소속</div><input type="text" class="ip_required_serch" readonly="readonly" name="ipDeptText" id="ipDeptText" value="${ipVO.ipDeptText}" ><input type="button" class="ip_enroll_serch_btn" value="검색" onclick="ipDeptPopup(this);"></li>
<input type="hidden" name="ipDept" id="ipDept" value="${ipVO.ipDept}" >
</ul>
<ul class="asset_enroll_list ip_enroll_list ip_enroll_list_2" style="height: 347px; overflow: visible;">
<li><div class="listTitle">성명</div><input type="text" name="ipUserName" id="ipUserName" maxlength="20" value="${ipVO.ipUserName}"></li>
<li><div class="listTitle">직위</div><input type="text" class="ip_required_serch" readonly="readonly" name="ipManagerText" id="ipManagerText"
<c:forEach var="codeList" items="${ipMnagerCodeList}">
<c:if test="${ipVO.ipManager eq codeList.id}">
value="${codeList.text}"
</c:if>
</c:forEach>
><input type="button" class="ip_enroll_serch_btn" value="검색" onclick="ipMnagerPopup(this);"></li>
<input type="hidden" name="ipManager" id="ipManager" value="${ipVO.ipManager}" >
<li><div class="listTitle">사용여부</div><c:forEach var="result" items="${ipUseCodeList}" varStatus="status"><input type="radio" id="ipUseCode_${result.id}" name="ipUseCode" value="${result.id}"
<c:if test="${ipVO.ipUseCode eq result.id}"> checked="checked"</c:if>><label for="ipUseCode_${result.id}"></label><label for="ipUseCode_${result.id}">${result.text}</label></c:forEach>
<input type="text" class="ip_use_etc"></li>
<li><div class="listTitle"><span style="color: #f44336;"></span>사용기간</div><input type="text" class="ip_use_date" name="ipUseStarYYYMMDD" id="ipUseStarYYYMMDD" readonly="readonly" value="${ipVO.ipUseStar}" ><a href="#Redirect" onclick="javascript:fn_egov_NormalCalendar(document.forms.writeForm, document.forms.writeForm.ipUseStarYYYMMDD);" class="date_select_btn">
<img src="/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif" align="middle" style="top:7px;left:-25px;border:0px;vertical-align: baseline;" alt="달력창팝업버튼이미지">
</a> ~ <input type="text" style="margin-left:0;" class="ip_use_date" name="ipUseEddrYYYMMDD" id="ipUseEddrYYYMMDD" readonly="readonly" value="${ipVO.ipUseEddr}" >
<a href="#Redirect" onclick="javascript:fn_egov_NormalCalendar(document.forms.writeForm, document.forms.writeForm.ipUseEddrYYYMMDD);" class="date_select_btn">
<img src="/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif" align="middle" style="top:7px;left:-25px;border:0px;vertical-align: baseline;" alt="달력창팝업버튼이미지">
</a>
<input type="button" class="ip_date_reset" value="초기화" onclick ="dateReset(); return false;">
</li>
<li><div class="listTitle"><span style="color: #f44336;"></span>만료알람</div>
<!-- <div class="ip_use_check"> -->
<c:forEach var="result" items="${ipAlarmCodeList}" varStatus="status">
<input type="radio" id="ipAlarmCode_${result.id}" name="ipAlarmCode" value="${result.id}"
<c:if test="${ipVO.ipAlarmCode eq result.id}"> checked="checked"</c:if>>
<label for="ipAlarmCode_${result.id}"></label><label for="ipAlarmCode_${result.id}">${result.text}</label>
</c:forEach>
<!-- </div> -->
</li>
<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
<input type="hidden" name="ipUseStar" />
<input type="hidden" name="ipUseEddr" />
<li><div class="listTitle">망구분</div>
<c:forEach var="result" items="${ipNetCodeList}" varStatus="status">
<input type="radio" id="ipNetCode_${result.id}" name="ipNetCode" value="${result.id}"
<c:if test="${ipVO.ipNetCode eq result.id}"> checked="checked"</c:if>>
<label for="ipNetCode_${result.id}"></label><label for="ipNetCode_${result.id}">${result.text}</label>
</c:forEach>
</li>
<li><div class="listTitle">단말유형</div><select name="ipHwCode" id="ipHwCode" value="${ipVO.ipHwCode}" onchange="setIpHwCodeDc(this);">
<c:forEach var="result" items="${ipHwCodeList}" varStatus="status">
<option value="${result.id}" <c:if test="${ipVO.ipHwCode eq result.id}">selected="selected"</c:if>>${result.text}</option>
</c:forEach>
</select><input type="text" <c:if test="${ipVO.ipHwCode ne '09'}">disabled</c:if>
class="ip_select_etc_text" name="ipHwCodeDc" id="ipHwCodeDc" value="${ipVO.ipHwCodeDc}"></li>
<li><div class="listTitle">자산명</div><input type="text" class="ip_required_serch" maxlength="20" name="astIdText" id="astIdText" value="${ipVO.astIdText}"><input type="button" class="ip_enroll_serch_btn" value="검색" onclick="assetSelectPopup(this);"></li>
<input type="hidden" name="astId" id="astId" value="${ipVO.astId}" />
<%-- <li style="letter-spacing: -1.2px">문서첨부 <input type="text" class="ip_required_file" name="orignlFileNm" id="orignlFileNm" value="${ipVO.orignlFileNm}"><input type="button" class="ip_file_btn" onclick="ipFilePopup();"></li> --%>
<li><div class="listTitle">비고</div><textarea name="ipDc" id="ipDc" cols="30" rows="10" maxlength="300" >${ipVO.ipDc}</textarea></li>
</ul>
<div class="ip_enroll_list_bottom">
<div class="attachment_file_wrap">
<table>
<thead>
<tr>
<th colspan="3">첨부파일
<div class="file_upload_Btn">
<input type="button" onclick="ipFilePopup();">
</div></th>
</tr>
</thead>
<tbody id="tbody_file">
<tr id="trReqFile_">
<td class="file_title">
<img src="" value="파일아이콘">
<a href="">파일이름.jpg</a>
</td>
<td class="file_size">3350mb</td>
<td class="file_delect"><input type="button" class="del_file_btn"></td>
</tr>
<tr>
<td class="file_title" colspan="10" style="text-align: center;width:806px;">등록된 첨부파일이 없습니다.</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</form>
<!-- 변경내역 -->
<form name="changeForm" id="changeForm" enctype="multipart/form-data" method="post">
<div class="asset_change_detail_wrap" id="asset_change_detail_wrap" style="width: 1005px;">
<input type="hidden" name="pageHisIndex" id="pageHisIndex" value="${ipHisVO.pageHisIndex}">
<input type="hidden" name="pageType" id="pageType" value="${ipVO.pageType}">
<input type="hidden" name="ipId" id="ipId" value="${ipVO.ipId}">
<input type="hidden" name="searchHisSortCnd" value="<c:out value="${ipHisVO.searchHisSortCnd}" />" />
<input type="hidden" name="searchHisSortOrd" value="<c:out value="${ipHisVO.searchHisSortOrd}" />" />
<div class="all_list_number" style="">총 <span class="all_number">${paginationHisInfo.totalRecordCount}</span>건</div>
<div class="list_info_right" style="margin-right: 13px;">
<div class="asset_list_page">
<ul>
<ui:pagination paginationInfo = "${paginationHisInfo}" type="image" jsFunction="getHisList" />
</ul>
</div>
<div class="list_count">
<select name="pageHisUnit" id="pageHisUnit" onchange="getHisList('1');";>
<option value="10" <c:if test="${ipHisVO.pageHisUnit == '10' or ipHisVO.pageHisUnit == ''}">selected</c:if>>10줄</option>
<option value="20" <c:if test="${ipHisVO.pageHisUnit == '20' }">selected</c:if>>20줄</option>
<option value="30" <c:if test="${ipHisVO.pageHisUnit == '30' }">selected</c:if>>30줄</option>
</select>
</div>
</div>
<div class="asset_change_detail_table" style="width: 991px;">
<table>
<thead>
<tr>
<th>번호
<div class="sort sortHis" id="sortHis_IP_HS_ID">
<div class="sort_btn">
<img src="/direct/img/sort_up_img.png" alt="">
</div>
</div>
</th>
<c:forEach var="columnList" items="${ipHisOrderList}" varStatus="status">
<c:if test="${columnList.showYn eq 'Y'}"><!-- 구분 -->
<th>${columnList.text}
<div class="sort sortHis" id="sortHis_${columnList.id}">
<div class="sort_btn">
<img src="/direct/img/sort_up_img.png" alt="">
</div>
</div>
</div>
</th>
</c:if>
</c:forEach>
</tr>
</thead>
<tbody>
<c:forEach var="result" items="${ipHisList}" varStatus="status">
<tr class="tr_change_list"><!-- 값이 있는지 확인을 위해 -->
<td>
<c:if test="${ipHisVO.searchHisSortOrd eq 'asc' }"><!-- 기본검색 -->
<c:out value="${(ipHisVO.pageIndex - 1) * ipHisVO.pageUnit + status.count}"/>
</c:if>
<c:if test="${ipHisVO.searchHisSortOrd eq 'desc' or ipHisVO.searchHisSortOrd eq '' }">
<c:out value="${ ( paginationHisInfo.totalRecordCount - ((ipHisVO.pageIndex -1)*ipHisVO.pageUnit) ) - status.index }"/>
</c:if>
</td>
<td>${result.frstRegistPnttm}</td>
<td>
<c:forEach var="columnResult" items="${columnList}" varStatus="status">
<c:if test="${columnResult.id eq result.ipHsCol}">
${columnResult.text}
</c:if>
</c:forEach>
</td>
<td class="before_change">
${result.ipHsBe}
</td>
<td class="after_change">
${result.ipHsAf}
</td>
<td>${result.frstRegisterId}</td>
</tr>
</c:forEach>
<c:if test="${empty ipHisList}">
<tr>
<td colspan="16">변경내역이 없습니다.</td>
</tr>
</c:if>
</tbody>
</table>
</div>
</div>
</form>
<!-- 사용내역 -->
<!-- <form name="repairForm" id="repairForm" method="post"> -->
<form name="useForm" id="useForm" method="post">
<input type="hidden" name="pageTeIndex" id="pageHisIndex" value="${ipTeVO.pageTeIndex}">
<input type="hidden" name="pageType" id="pageType" value="${ipVO.pageType}">
<input type="hidden" name="ipId" id="ipId" value="${ipVO.ipId}">
<input type="hidden" name="searchTeSortCnd" value="<c:out value="${ipTeVO.searchTeSortCnd}" />" />
<input type="hidden" name="searchTeSortOrd" value="<c:out value="${ipTeVO.searchTeSortOrd}" />" />
<div class="ip_useterm_table_area">
<div class="ip_useterm_select">
<select name="ipSearchYear" id="ipSearchYear" onchange="changeSearchYear(this.value , 'Y'); return false;">
<option value="">전체</option>
</select>
<select name="ipSearchQuarter" id="ipSearchQuarter" onchange="changeSearchQuarter(this.value , 'Y'); return false;">
<option value="">전체</option>
<option value="01">반기</option>
<option value="02">분기</option>
</select>
<select name="ipSearchQuarterPer" id="ipSearchQuarterPer" onchange="changeSearchYearPer(this.value , 'Y'); return false;">
<option value="">전체</option>
<option value="01">상반기</option>
<option value="02">하반기</option>
</select>
</div>
<div class="ip_useterm_table">
<table>
<thead>
<tr>
<th class="ip_useterm_check"><input type="checkbox" id="checkTeAll" name="checkTeAll" onclick="fnCheckTeAll();" ><label for="checkTeAll"></label></th>
<th class="ip_useterm_sort">번호
<div class="sort sortTe" id="sortTe_IP_TE_ID" >
<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
</div>
</th>
<c:forEach var="columnList" items="${ipTeOrderList}" varStatus="status">
<c:if test="${columnList.showYn eq 'Y'}"><!-- 구분 -->
<th class="ip_useterm_date" style="width: 285px;">${columnList.text}
<div class="sort sortTe" id="sortTe_${columnList.id}">
<div class="sort_btn">
<img src="/direct/img/sort_up_img.png" alt="">
</div>
</div>
</div>
</th>
</c:if>
</c:forEach>
</tr>
</thead>
<tbody>
<c:forEach var="result" items="${ipTeList}" varStatus="status">
<tr class="tr_use_list tr_use_list_${result.ipTeId}"><!-- 값이 있는지 확인을 위해 -->
<td class="ip_useterm_check"><input type="checkbox" name="del" id="check_use_${result.ipTeId}" value="${result.ipTeId}" /><label for="check_use_${result.ipTeId}"></label></td>
<td class="ip_useterm_sort">
<c:if test="${ipTeVO.searchTeSortOrd eq 'asc' }"><!-- 기본검색 -->
<c:out value="${(ipTeVO.pageIndex - 1) * ipTeVO.pageUnit + status.count}"/>
</c:if>
<c:if test="${ipTeVO.searchTeSortOrd eq 'desc' or ipTeVO.searchTeSortOrd eq '' }">
<c:out value="${ ( paginationTeInfo.totalRecordCount - ((ipTeVO.pageIndex -1)*ipTeVO.pageUnit) ) - status.index }"/>
</c:if>
</td>
<td class="ip_useterm_date" style="width: 285px;"><c:out value="${result.ipUseStar}" /> ~ <c:out value="${result.ipUseEddr}" /></td>
<td class="ip_useterm_date" style="width: 285px;">
<input type="text" name="ipTeDc" maxlength="200" style="width: 285px;" value="<c:out value="${result.ipTeDc}" />" /><%-- <c:out value="${result.ipTeDc}" /> --%>
</td>
<td class="ip_useterm_day" style="width: 285px;"><c:out value="${result.ipUsePeriod}" /></td>
<input type="hidden" name="ipUsePeriod" id="ipUsePeriod" value="${result.ipUsePeriod}">
</tr>
</c:forEach>
<c:if test="${empty ipTeList}">
<tr style="display: table; width: 100%;">
<td style="width: 100%; text-align:center;" colspan="16">사용기간 내역이 없습니다.</td>
</tr>
</c:if>
</tbody>
<tfoot>
<tr>
<td colspan="3" class="ip_useterm_sum">계</td>
<td class="ip_useterm_sum_num">0</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</form>
<form name="useChangeForm" id="useChangeForm" method="post">
</form>
</body>
</html>