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/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/popup_open_2.js"></script>  <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="enroll_popup network_popup"> <div class="enroll_popup_title"> <img src="/direct/img/enroll_popup_title_bg.png" alt=""> IP사용현황 <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="ip_network_wrap"> <div class="ip_network_top_area"> <div class="ip_network_top_left_area"> <select name="" id=""> <option value="">전체</option> <option value="">본사</option> <option value="">A실</option> </select> <select name="" id=""> <option value="">전체</option> <option value="">본사</option> <option value="">A실</option> </select> <select name="" id="" disabled> <option value="">전체</option> <option value="">본사</option> <option value="">A실</option> </select> <div class="ip_network_radio"> <input type="radio"><label for=""></label>전체 <input type="radio"><label for=""></label>사용 <input type="radio"><label for=""></label>미사용 <input type="radio"><label for=""></label>기타 </div> </div> <div class="ip_network_top_right_area"> <table> <thead> <tr> <th>구분</th> <th>본사</th> <th>서울지사</th> <th>경인지사</th> <th>대전지사</th> <th>대구지사</th> <th>광주지사</th> <th>부산지사</th> </tr> </thead> <tbody> <tr> <td>IP대역</td> <td>1~100</td> <td>101~200</td> <td>201~300</td> <td>301~400</td> <td>401~500</td> <td>501~600</td> <td>601~700</td> </tr> </tbody> </table> </div> </div> <div class="ip_network_middle_area"> <div class="ip_network_info"> <div class="ip_network_info_title"> <img src="/direct/img/network_title.png" alt=""> 네트워크 정보 <input type="button" class="ip_network_info_popup"> </div> <div class="ip_network_info_table"> <table> <tr> <th>부서</th> <td>본사경영지원팀</td> </tr> <tr> <th>성명</th> <td>홍길동</td> </tr> <tr> <th>직위</th> <td>대리</td> </tr> <tr> <th>IP주소</th> <td>112.234.56.*</td> </tr> <tr> <th>위치</th> <td>S-10-168-11-120</td> </tr> <tr> <th>랜선번호</th> <td>0070</td> </tr> <tr> <th>사용여부</th> <td>사용</td> </tr> <tr> <th>등록일자</th> <td>2019-09-09</td> </tr> </table> </div> <div class="ip_network_info_gr"> <div class="ip_use_total"> <img src="/direct/img/bottom_title_all.png" alt="">총 <span class="ip_use_total_num">1,200</span>개 </div> </div> </div> </div> <div class="ip_network_bottom_area"> <div class="ip_network_bottom_box">1</div> <div class="ip_network_bottom_box none_use_network">2</div> <div class="ip_network_bottom_box">3</div> <div class="ip_network_bottom_box">4</div> <div class="ip_network_bottom_box none_use_network">5</div> <div class="ip_network_bottom_box">6</div> <div class="ip_network_bottom_box">7</div> <div class="ip_network_bottom_box">8</div> <div class="ip_network_bottom_box">9</div> <div class="ip_network_bottom_box use_network">10</div> <div class="ip_network_bottom_box">11</div> <div class="ip_network_bottom_box">12</div> <div class="ip_network_bottom_box use_network">13</div> <div class="ip_network_bottom_box">14</div> <div class="ip_network_bottom_box">15</div> <div class="ip_network_bottom_box">16</div> <div class="ip_network_bottom_box use_network">17</div> <div class="ip_network_bottom_box">18</div> <div class="ip_network_bottom_box">19</div> <div class="ip_network_bottom_box">20</div> </div> </div> </div> </div> </body> </html>