Code - rosewiper/itsm

<!DOCTYPE html> <html lang="ko"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" /> <meta charset="UTF-8"> <title>통계관리-기간별통계</title> <link rel="stylesheet" href="/direct/css/font.css"> <link rel="stylesheet" href="/direct/css/enroll_popup.css"> <link rel="stylesheet" href="/direct/css/index.css"> <link rel="stylesheet" href="/direct/css/reset.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/popup_open.js"></script> <script src="/direct/js/script.js"></script> <script> $(document).ready(function() { $('select').niceSelect(); }); </script> </head> <body> <div class="cont_area"> <div class="cont_main_title"> <img src="/direct/img/home_icon.png" alt="">&ensp;>&ensp;통계관리 </div> <div class="list_tab_menu_wrap statsTabmenu"> <ul class="nav list_tab_menu"> <li class="list_tab_menu_on"><a href="#">기간별 통계</a></li> <li><a href="">증감률</a></li> </ul> <div class="statsSort"> <div class="statsCheck"> <ul class="nav"> <li> <input type="checkbox" name="cb" id="cb1"><label for="all"></label><label for="all">전체</label> </li> <li> <input type="checkbox" name="cb" id="cb2"><label for=""></label><label for="">민원현황</label> </li> <li> <input type="checkbox"><label for=""></label><label for="">자산현황</label> </li> <li> <input type="checkbox"><label for=""></label><label for="">계약현황</label> </li> <li> <input type="checkbox"><label for=""></label><label for="">장애현황</label> </li> <li> <input type="checkbox"><label for=""></label><label for="">교육·회의현황</label> </li> <li> <input type="checkbox"><label for=""></label><label for="">SLA현황</label> </li> <li> <input type="checkbox"><label for=""></label><label for="">IP현황</label> </li> <li> <input type="checkbox"><label for=""></label><label for="">정기점검현황</label> </li> </ul> <div class="statsTerm"> <div class="statsTermTitle">기&emsp;&ensp;간</div> <div class="statsTermSelect"> <select name="" id=""> <option value="">연도</option> <option value="">2019</option> <option value="">2018</option> <option value="">2017</option> <option value="">2016</option> <option value="">2016</option> </select> <select name="" id=""> <option value="">전체</option> <option value="">반기</option> <option value="">분기</option> <option value="">월</option> </select> <select name="" id=""> <option value="">상반기</option> <option value="">하반기</option> </select> <ul class="nav"> <li><input type="button" class="inquiryBtn" value="조회"></li> <li><input type="button" class="resetBtn" value="초기화"></li> </ul> </div> </div> </div> </div> <div class="list_info"> <div class="statsListCheck"> <input type="checkbox"><label for=""></label><label for="">전체</label> </div> <div class="list_info_right"> <div class="exl_down_btn"> <input type="button" value="다운로드(엑셀)"> </div> </div> </div> <div class="statsWrap"> <div class="statsList"> <div class="statsListTitle"> <input type="checkbox"><label for=""></label><label for="">민원현황</label> </div> <div class="statsListTable"> <table class="Wid8 Wid"> <tr> <th>상태별</th> <th>전체</th> <th>접수대기</th> <th>접수완료</th> <th>처리중</th> <th>처리완료</th> <th>취소</th> <th>반려</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>4</td> <td>0</td> <td>0</td> </tr> <tr> <th>분야별</th> <th>전체</th> <th>HW</th> <th>SW</th> <th>NW</th> <th>시스템</th> <th>OA</th> <th>기타</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>4</td> <td>0</td> <td>0</td> </tr> <tr> <th>인원별</th> <th>전체</th> <th>단순문의</th> <th>변경요청</th> <th>장애·오류</th> <th>자료요청</th> <th>사용권한</th> <th>기타</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>4</td> <td>0</td> <td>0</td> </tr> </table> </div> </div> <div class="statsList"> <div class="statsListTitle"> <input type="checkbox"><label for=""></label><label for="">자산현황</label> </div> <div class="statsListTable divideListTable"> <table class="Wid"> <tr> <th>사용상태별</th> <th>전체</th> <th>사용</th> <th>수리</th> <th>반출</th> <th>불용</th> <th>분실</th> <th>보관</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>4</td> <td>0</td> <td>0</td> </tr> </table> <table class="Wid Wid13"> <tr> <th>구분별</th> <th>전체</th> <th>HW</th> <th>SW</th> <th>NW</th> <th>시스템</th> <th>보안</th> <th>기타</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>4</td> <td>0</td> <td>0</td> </tr> </table> <table class="Wid Wid9"> <tr> <th>부서별</th> <th>전체</th> <th>본사</th> <th>서울지사</th> <th>경인지사</th> <th>부산지사</th> <th>대전지사</th> <th>광주지사</th> <th>대구지사</th> </tr> <tr> <th>건 수</th> <td>27</td> <td>2</td> <td>1</td> <td>20</td> <td>4</td> <td>0</td> <td>0</td> <td>0</td> </tr> </table> </div> </div> <div class="statsList"> <div class="statsListTitle"> <input type="checkbox"><label for=""></label><label for="">계약현황</label> </div> <div class="statsListTable"> <table> <tr class="Wid6 Wid"> <th>구분별</th> <th colspan="3">전체</th> <th colspan="3">물품</th> <th colspan="3">공사</th> <th colspan="3">용역</th> <th colspan="3">기타</th> </tr> <tr> <th>건 수</th> <td colspan="3" class="statsAll">27</td> <td colspan="3">2</td> <td colspan="3">1</td> <td colspan="3">20</td> <td colspan="3">4</td> </tr> <tr class="Wid8 Wid"> <th>분야별</th> <th>전체</th> <th colspan="3">HW</th> <th>SW</th> <th colspan="3">NW</th> <th colspan="3">시스템</th> <th colspan="3">보안</th> <th>기타</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td colspan="3">2</td> <td>1</td> <td colspan="3">20</td> <td colspan="3">4</td> <td colspan="3">0</td> <td>0</td> </tr> <tr class="Wid6 Wid"> <th>계약방법별</th> <th colspan="3">전체</th> <th colspan="3">입찰</th> <th colspan="3">수의계약</th> <th colspan="3">나라장터쇼핑몰</th> <th colspan="3">기타</th> </tr> <tr> <th>건 수</th> <td colspan="3" class="statsAll">27</td> <td colspan="3">2</td> <td colspan="3">1</td> <td colspan="3">20</td> <td colspan="3">4</td> </tr> </table> </div> </div> <div class="statsList"> <div class="statsListTitle"> <input type="checkbox"><label for=""></label><label for="">장애현황</label> </div> <div class="statsListTable"> <table> <tr class="Wid Wid6"> <th>구분별</th> <th colspan="2">전체</th> <th colspan="2">HW</th> <th colspan="2">SW</th> <th colspan="3">기타</th> </tr> <tr> <th>건 수</th> <td colspan="2" class="statsAll">27</td> <td colspan="2">2</td> <td colspan="2">1</td> <td colspan="3">4</td> </tr> <tr class="Wid Wid7"> <th>분야별</th> <th>전체</th> <th colspan="2">서버</th> <th>네트워크</th> <th>보안장비</th> <th colspan="2">시스템</th> <th colspan="2">기타</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td colspan="2">2</td> <td>1</td> <td>20</td> <td colspan="2">4</td> <td colspan="2">4</td> </tr> </table> </div> </div> <div class="statsList"> <div class="statsListTitle"> <input type="checkbox"><label for=""></label><label for="">교육·회의현황</label> </div> <div class="statsListTable"> <table> <tr class="Wid Wid5"> <th>구분별</th> <th>전체</th> <th>오프라인</th> <th>온라인</th> <th>시청각</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>4</td> </tr> <tr> <th style="background-color: #fff;">참석자/참석률</th> <td class="statsAll">27<span class="statsBasic">명/</span>97<span class="statsBasic">%</span></td> <td>80명/90%</td> <td>80명/90%</td> <td>80명/90%</td> </tr> <tr class="Wid"> <th style="background-color: #eef0f3">회의</th> <th colspan="4" style="background-color: #f5f7fa">전체</th> </tr> <tr> <th style="background-color: #fff;">건 수</th> <td colspan="4" class="statsAll">27</td> </tr> <tr> <th style="background-color: #fff;">참석자/참석률</th> <td colspan="4" class="statsAll">27<span class="statsBasic">명/</span>97<span class="statsBasic">%</span></td> </tr> </table> </div> </div> <div class="statsList"> <div class="statsListTitle"> <input type="checkbox"><label for=""></label><label for="">SLA현황</label> </div> <div class="statsListTable"> <table class="statsSla"> <tr class="Wid Wid6"> <th>점수별</th> <th>평균</th> <th>1분기</th> <th>2분기</th> <th>3분기</th> <th>4분기</th> </tr> <tr> <th>평가점수</th> <td class="statsAll">96</td> <td>97</td> <td>95</td> <td>95</td> <td>94</td> </tr> <tr> <th>서비스요청 적기 처리율</th> <td class="statsAll">96</td> <td>97</td> <td>95</td> <td>95</td> <td>94</td> </tr> <tr> <th>서버 가동률</th> <td class="statsAll">96</td> <td>97</td> <td>95</td> <td>95</td> <td>94</td> </tr> <tr> <th>네트워크 가동률</th> <td class="statsAll">96</td> <td>97</td> <td>95</td> <td>95</td> <td>94</td> </tr> <tr> <th>장애처리 시간 준수율</th> <td class="statsAll">96</td> <td>97</td> <td>95</td> <td>95</td> <td>94</td> </tr> <tr> <th>보안절차 준수</th> <td class="statsAll">96</td> <td>97</td> <td>95</td> <td>95</td> <td>94</td> </tr> <tr> <th>서비스 요청 처리 만족도</th> <td class="statsAll">96</td> <td>97</td> <td>95</td> <td>95</td> <td>94</td> </tr> </table> </div> </div> <div class="statsList"> <div class="statsListTitle"> <input type="checkbox"><label for=""></label><label for="">IP현황</label> </div> <div class="statsListTable divideListTable"> <table> <tr class="Wid5 Wid"> <th>사용상태별</th> <th>전체</th> <th>사용</th> <th>미사용</th> <th>기타</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> </tr> </table> <table> <tr class="Wid Wid8"> <th>부서별</th> <th>본사</th> <th>서울지사</th> <th>경인지사</th> <th>부산지사</th> <th>대전지사</th> <th>광주지사</th> <th>대구지사</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>4</td> <td>0</td> <td>0</td> </tr> </table> <table> <tr class="Wid Wid8"> <th>IP대역별</th> <th>1~100</th> <th>101~200</th> <th>201~300</th> <th>301~400</th> <th>401~500</th> <th>501~600</th> <th>601~700</th> </tr> <tr> <th>건 수</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>4</td> <td>0</td> <td>0</td> </tr> </table> </div> </div> <div class="statsList"> <div class="statsListTitle"> <input type="checkbox"><label for=""></label><label for="">정기점검현황</label> </div> <div class="statsListTable rtestListTable"> <table> <tr class="Wid8 Wid"> <th>분야별</th> <th>전체</th> <th>HW</th> <th>SW</th> <th>NW</th> <th>시스템</th> <th>보안</th> <th>기타</th> </tr> <tr> <th>1월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>2월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>3월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>4월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>5월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>6월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>7월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>8월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>9월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>10월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>11월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> <tr> <th>12월</th> <td class="statsAll">27</td> <td>2</td> <td>1</td> <td>20</td> <td>20</td> <td>20</td> <td>20</td> </tr> </table> </div> </div> </div> </div> </div> </body> </html>