Code - itnAdmin/itsm

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=9;chrome=1" /> <meta charset="UTF-8"> <title>ip관리</title> <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/index.css"> <link rel="stylesheet" href="/direct/css/nice-select.css">  <script src="/direct/js/jquery-1.11.3.min.js"></script> <script src="/direct/js/jquery-ui.min.js"></script> <script src="/direct/js/jquery.nice-select.js"></script> <script src="/direct/js/script.js"></script> <script> $(document).ready(function() { $('select').niceSelect(); }); </script> </head> <body> <div class="cont_area asset_area ip_area"> <div class="cont_main_title"> </direct/img src="/direct//direct/img/home_icon.png" alt="">&ensp;>&ensp;ip관리&ensp;>&ensp;ip관리 </div> <div class="asset_left_area ip_left_area"> <div class="list_tab_menu_wrap"> <ul class="nav list_tab_menu asset_list_tab_menu ip_list_tab_menu"> <li class="list_tab_menu_on"><a href="#">부서별</a></li> <li><a href="">IP대역별</a></li> </ul> <div class="asset_left_serch_area ip_left_serch_area"> 검색 <input type="text"> <input type="button" value="검색" class="asset_left_serch_btn ip_left_serch_btn"> </div> <div class="asset_left_tree_area ip_left_tree_area"> </div> </div> </div> <div class="asset_right_area ip_right_area"> <div class="all_asset_table all_ip_table"> <table> <tr> <th>전체</th> <th>사용</th> <th>미사용</th> <th>기타</th> </tr> <tr> <td><a href="#">215/100%</a></td> <td><a href="#">사용중 수 / 비율</a></td> <td><a href="#">25 / 12%</a></td> <td><a href="#">1 / 1%</a></td> </tr> </table> </div> <div class="asset_right_sort_table ip_right_sort_table"> <div class="list_tab_menu_wrap"> <ul class="nav list_tab_menu asset_list_tab_menu ip_list_tab_menu"> <li class="list_tab_menu_on"><a href="#">전체</a></li> <li><a href="">사용</a></li> <li><a href="">미사용</a></li> <li><a href="">기타</a></li> <li class="table_btns_list"> <select name="" id=""> <option value="">사용</option> <option value="">미사용</option> </select> <input type="button" value="신규등록" class="new_enroll_btn"> <input type="button" value="삭제" class="del_asset"> <input type="button" value="복사" class="copy_asset"> <input type="button" value="엑셀 업로드" class="exel_upload_asset"> <input type="button" value="엑셀 다운로드" class="exel_down_asset"> <input type="button" value="사진 다운로드" class="/direct/img_down_asset"> <input type="button" value="일괄수정" class="check_edit_asset"> <input type="button" value="네트워크현황" class="network_status"> <input type="button" class="asset_setting_btn" onclick="window.open('asset_popup_3.html') "> </li> </ul> <div class="asset_right_serch_area ip_right_serch_area"> <input type="text" placeholder="검색어를 입력해주세요."> <input type="button" value="검색" class="asset_right_serch_btn ip_right_serch_btn"> </div> <div class="asset_right_date_area ip_right_date_area"> <input type="text" class="asset_date ip_date">&emsp;~&emsp;<input type="text" class="asset_date ip_date"> <input type="button" class="asset_date_reset ip_date_reset" value="초기화"> </div> <div class="asset_right_select_area ip_right_select_area"> <select name="" id="" class="asset_first_sort ip_first_sort"> <option value="">전체</option> <option value="">부서별</option> <option value="">연도별</option> <option value="">사용상태별</option> </select> <select name="" id="" class="asset_sec_sort ip_sec_sort"> <option value="">전체</option> <option value="">품목별</option> <option value="">위치별</option> <option value="">부서별</option> <option value="">구분별</option> <option value="">연도별</option> <option value="">사용상태</option> </select> <select name="" id="" class="asset_thr_sort ip_thr_sort" disabled> <option value="">전체</option> <option value="">품목별</option> <option value="">위치별</option> <option value="">부서별</option> <option value="">구분별</option> <option value="">연도별</option> <option value="">사용상태</option> </select> <select name="" id="" class="asset_four_sort ip_four_sort" disabled> <option value="">전체</option> <option value="">품목별</option> <option value="">위치별</option> <option value="">부서별</option> <option value="">구분별</option> <option value="">연도별</option> <option value="">사용상태</option> </select> </div> <div class="list_info"> <div class="all_list_number">총 <span class="all_number">49</span>건</div> <div class="list_info_right"> <div class="asset_list_page ip_list_page"> <ul> <li class="asset_page_first"><a href="#"></direct/img src="/direct//direct/img/asset/page_first_btn.png" alt=""></a></li> <li class="asset_page_before"><a href="#"></direct/img src="/direct//direct/img/asset/asset_page_before_btn.png" alt=""></a></li> <li class="asset_page_on"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li class="asset_page_next"><a href="#"></direct/img src="/direct//direct/img/asset/asset_page_next_btn.png" alt=""></a></li> <li class="asset_page_last"><a href="#"></direct/img src="/direct//direct/img/asset/page_last_btn.png" alt=""></a></li> </ul> </div> <div class="list_count"> <select name="count" id=""> <option value="10_list">10줄</option> <option value="20_list">20줄</option> <option value="30_list">30줄</option> </select> </div> <div class="asset_full_btn ip_full_btn"> <input type="button" value="전체화면"> </div> </div> </div> <div class="asset_table ip_table"> <table> <thead> <tr> <th><input type="checkbox"><label for=""></label></th> <th>번호 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th>소속 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th>성명 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th>직위 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th>IP주소 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th>위치 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th>랜선번호 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th>사용여부 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th>등록일자 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> </tr> </thead> <tbody> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>본사 경영지원팀</td> <td>홍길동</td> <td>대리</td> <td>12.345.56.789</td> <td>S-10.168.11.120</td> <td>0071</td> <td>사용</td> <td>2019-09-09</td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>본사 경영지원팀</td> <td>홍길동</td> <td>대리</td> <td>12.345.56.789</td> <td>S-10.168.11.120</td> <td>0071</td> <td>미사용</td> <td>2019-09-09</td> </tr> </tbody> </table> </div> <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"><a href="#">IP등록</a></li> <li class="asset_change_menu ip_change_menu"><a href="">변경내역</a></li> <li class="ip_useterm"><a href="">사용기간</a></li> <li class="table_btns_list"> <input type="button" value="엑셀 업로드" class="exel_upload_asset ex_upload_ip"> <input type="button" value="저장" class="save_asset save_ip"> <input type="button" value="등록" class="enroll_asset enroll_ip"> <input type="button" value="수정" class="edit_asset edit_ip"> <input type="button" value="삭제" class="del_asset del_ip"> <input type="button" class="asset_setting_btn ip_setting_btn"> </li> </ul> <div class="asset_enroll_wrap ip_enroll_wrap"> <ul class="asset_enroll_list ip_enroll_list"> <li> 호스트명<input type="text"> </li> <li>사용여부<input type="radio"><label for=""></label>고정<input type="radio"><label for=""></label>유동<input type="radio"><label for=""></label>기타</li> <li style="letter-spacing: 2px"> IP주소<input type="text"> </li> <li style="letter-spacing: -1.5px">MAC주소<input type="text"></li> <li>위&emsp;&ensp;치<input type="text"></li> <li style="letter-spacing: 2px">스위치<input type="text"></li> <li style="letter-spacing: -1.5px">운영체제<input type="text"></li> <li style="letter-spacing: 1.5px">인증자<input type="text"></li> <li style="letter-spacing: -1.8px">랜선번호<input type="text"></li> <li>소&emsp; 속<input type="text" class="ip_required_serch"><input type="button" class="ip_enroll_serch_btn" value="검색"></li> </ul> <ul class="asset_enroll_list ip_enroll_list ip_enroll_list_2"> <li>성&emsp;&ensp;&ensp;명<input type="text"></li> <li>직&emsp;&ensp;&ensp;위<input type="text" class="ip_required_serch"><input type="button" class="ip_enroll_serch_btn" value="검색"></li> <li>사용여부<input type="radio"><label for=""></label>사용<input type="radio"><label for=""></label>미사용<input type="radio"><label for=""></label>기타<input type="text" class="ip_use_etc"></li> <li>사용기간<input type="text" class="ip_use_date"><a href="" class="date_select_btn"></direct/img src="/direct/img/bu_icon_carlendar.gif" alt=""></a>&emsp;~&ensp;<input type="text" class="ip_use_date"><a href="" class="date_select_btn"></direct/img src="/direct/img/bu_icon_carlendar.gif" alt=""></a><input type="button" class="ip_date_reset" value="초기화"> <div class="ip_use_check"> <input type="radio"><label for=""></label>1개월<input type="radio"><label for=""></label>6개월<input type="radio"><label for=""></label>12개월 </div> </li> <li>인터넷망 <input type="radio"><label for=""></label>내부망<input type="radio"><label for=""></label>외부망</li> <li style="letter-spacing: -0.5px">단말유형 <select name="" id=""> <option value="">PC</option> <option value="">노트북</option> <option value="">프린터</option> <option value="">인터넷전화</option> <option value="">기타</option> </select><input type="text" disabled class="ip_select_etc_text"></li> <li style="letter-spacing: 0.7px">자 산 명<input type="text" class="ip_required_serch"><input type="button" class="ip_enroll_serch_btn" value="검색"></li>  <li>비&emsp;&ensp;고 <textarea name="" id="" cols="30" rows="10"></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"></div></th> </tr> </thead> <tbody> <tr id="trReqFile_"> <td class="file_title"> </direct/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> <div class="asset_change_detail_wrap ip_change_detail_wrap"> <div class="list_info_right"> <div class="asset_list_page ip_list_page"> <ul> <li class="asset_page_first"><a href="#"></direct/img src="/direct/img/asset/page_first_btn.png" alt=""></a></li> <li class="asset_page_before"><a href="#"></direct/img src="/direct/img/asset/asset_page_before_btn.png" alt=""></a></li> <li class="asset_page_on"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li class="asset_page_next"><a href="#"></direct/img src="/direct/img/asset/asset_page_next_btn.png" alt=""></a></li> <li class="asset_page_last"><a href="#"></direct/img src="/direct/img/asset/page_last_btn.png" alt=""></a></li> </ul> </div> <div class="list_count"> <select name="count" id=""> <option value="10_list">10줄</option> <option value="20_list">20줄</option> <option value="30_list">30줄</option> </select> </div> </div> <div class="asset_change_detail_table ip_change_detail_table"> <table> <thead> <tr> <th> <input type="checkbox"><label for=""></label> </th> <th> 번호 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th> 변경일자 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th> 변경항목 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th> 변경전 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th> 변경후 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th> 변경자 <div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> </tr> </thead> <tbody> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>2019-09-09</td> <td>URL</td> <td class="before_change">www.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.kr</td> <td class="after_change">www.pola.co.kr</td> <td>홍길동</td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>2019-09-09</td> <td>URL</td> <td class="before_change">www.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.kr</td> <td class="after_change">www.pola.co.kr</td> <td>홍길동</td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>2019-09-09</td> <td>URL</td> <td class="before_change">www.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.kr</td> <td class="after_change">www.pola.co.kr</td> <td>홍길동</td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>2019-09-09</td> <td>URL</td> <td class="before_change">www.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.kr</td> <td class="after_change">www.pola.co.kr</td> <td>홍길동</td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>2019-09-09</td> <td>URL</td> <td class="before_change">www.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.kr</td> <td class="after_change">www.pola.co.kr</td> <td>홍길동</td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>2019-09-09</td> <td>URL</td> <td class="before_change">www.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.kr</td> <td class="after_change">www.pola.co.kr</td> <td>홍길동</td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>2019-09-09</td> <td>URL</td> <td class="before_change">www.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.kr</td> <td class="after_change">www.pola.co.kr</td> <td>홍길동</td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>2019-09-09</td> <td>URL</td> <td class="before_change">www.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.kr</td> <td class="after_change">www.pola.co.kr</td> <td>홍길동</td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>2019-09-09</td> <td>URL</td> <td class="before_change">www.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.kr</td> <td class="after_change">www.pola.co.kr</td> <td>홍길동</td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td>2019-09-09</td> <td>URL</td> <td class="before_change">www.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.krwww.pola.co.kr</td> <td class="after_change">www.pola.co.kr</td> <td>홍길동</td> </tr> </tbody> </table> </div> </div> <div class="ip_useterm_table_area"> <div class="ip_useterm_select"> <select name="" id=""> <option value="">연도</option> <option value="">전체</option> </select> <select name="" id=""> <option value="">분기</option> <option value="">반기</option> </select> <select name="" id=""> <option value="">1분기</option> <option value="">2분기</option> </select> </div> <div class="ip_useterm_table"> <table> <thead> <tr> <th class="ip_useterm_check"><input type="checkbox"><label for=""></label></th> <th class="ip_useterm_sort">구분<div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th class="ip_useterm_date">날짜<div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> <th class="ip_useterm_day">사용기간(일)<div class="sort"> <div class="sort_btn"></direct/img src="/direct/img/sort_up_/direct/img.png" alt=""></div> </div> </th> </tr> </thead> <tbody> <tr> <td class="ip_useterm_check"><input type="checkbox"><label for=""></label></td> <td class="ip_useterm_sort">1</td> <td class="ip_useterm_date">2019-01-01 ~ 2019-06-06</td> <td class="ip_useterm_day">120</td> </tr> <tr> <td class="ip_useterm_check"><input type="checkbox"><label for=""></label></td> <td class="ip_useterm_sort">1</td> <td class="ip_useterm_date">2019-01-01 ~ 2019-06-06</td> <td class="ip_useterm_day">120</td> </tr> <tr> <td class="ip_useterm_check"><input type="checkbox"><label for=""></label></td> <td class="ip_useterm_sort">1</td> <td class="ip_useterm_date">2019-01-01 ~ 2019-06-06</td> <td class="ip_useterm_day">1,120</td> </tr> </tbody> <tfoot> <tr> <td colspan="3" class="ip_useterm_sum">계</td> <td class="ip_useterm_sum_num">111,000</td> </tr> </tfoot> </table> </div> </div> </div> </div> </div> </div> </div> </body> </html>