Code - itnAdmin/itsm

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</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/jquery.nice-select.min.js"></script> <script src="/direct/js/popup_open_2.js"></script> <script src="/direct/js/script.js"></script> </head> <body> <div class="enroll_popup sla_popup"> <div class="enroll_popup_title"> <img src="/direct/img/enroll_popup_title_bg.png" alt=""> SLA 관리 <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="enroll_input_left"> <ul> <li> <div class="enroll_input_title">협 약 명</div> <input type="text" placeholder="협약명을 입력하세요"> </li> <li> <div class="enroll_input_title">협약기간</div> <input type="text" class="first_date">&emsp;~&emsp;<input type="text" class="last_date"> <input type="text" class="date_result" value="90일" disabled> </li> <li> <div class="enroll_input_title">협약일자</div> <input type="text" class="first_date"><a href="" class="date_select_btn"><img src="/direct/img/bu_icon_carlendar.gif" alt="" > </li> </ul> <div class="order_team team_wrap"> <div class="order_team_title">담당부서(담당자)</div> <ul> <li>소 속 <input type="text"></li> <li>성 명 <input type="text"></li> <li>직 위 <input type="text" class="position"></li> <li>전 화 <input type="text" class="p_number"></li> <li>이 메 일 <input type="text" class="email"></li> <li>비 고 <input type="text" class="note"></li> </ul> </div> <div class="order_team team_wrap"> <div class="order_team_title">협약상대자<div class="load_btn"> <input type="button" value="불러오기" class="load_Btn"> <input type="button"> </div> </div> <ul> <li>상&emsp;호 <input type="text"></li> <li>사업자등록번호 <input type="text" class="business_number"> <input type="button" class="file_btn"></li> <li>대표자 <input type="text"></li> <li style="letter-spacing: -1px">대 표 전 화 번 호 <input type="text" class="p_number" style="width: 140px !important; #width: 120px;"></li> <li>주&emsp;소 <input type="text" class="adress"></li> </ul> </div> <div class="order_team team_wrap"> <div class="order_team_title">담당부서(담당자)</div> <ul> <li>소 속 <input type="text"></li> <li>성 명 <input type="text"></li> <li>직 위 <input type="text" class="position"></li> <li>전 화 <input type="text" class="p_number"></li> <li>이 메 일 <input type="text" class="email"></li> <li>비 고 <input type="text" class="note"></li> </ul> </div> </div> <div class="enroll_input_file"> <div class="enroll_file_title"> <img src="/direct/img/enroll_file_title_bg.png" alt=""> 첨부파일 <input type="checkbox" id="all"> <label for="all"></label> <input type="button" value="다운로드"> &ensp;｜&ensp; <div class="file_move_area"> <select name="" id="" class="file_move_menu"> <option value="">입찰</option> <option value="">평가</option> <option value="">계약</option> <option value="">사업관리</option> <option value="">사업완료</option> </select> <select name="" id="" class="file_move_submenu"> <option value="">각 대메뉴의</option> <option value="">하위메뉴들</option> </select> <input type="button" class="file_move_btn" value="이동"> <input type="button" class="file_move_reset_btn" value="되돌리기"> </div> <div class="add_file_btn"><input type="button" value="등록" onclick="File_upload()"></div> </div> <div class="enroll_input_file_list_wrap sla_file_wrap"> <table> <table> <thead> <tr> <th> <input type="checkbox" id="file_list_all"> <label for="file_list_all"></label> 입찰(7) <input type="button"> </th> <th style="margin-left:-3px"> <input type="checkbox" id="file_list_all_2"> <label for="file_list_all_2"></label> 평가(7) <input type="button"> </th> <th> <input type="checkbox" id="file_list_all_3"> <label for="file_list_all_3"></label> 계약(7) <input type="button"> </th> <th> <input type="checkbox" id="file_list_all_4"> <label for="file_list_all_4"></label> 사업관리(7) <input type="button"> </th> </tr> </thead> </table> <tbody> <table> <tr> <td data-mcs-theme="minimal-dark"> <ul> <li> <input type="checkbox" id="main_file_title"> <label for="main_file_title"></label> 견적서(7) <input type="button"> <ul> <li> <input type="checkbox" id="file_sort_each_1"> <label for="file_sort_each_1"></label> <img src="/direct/img/enroll_pdf_file.png" alt="">파일1.pdf <img src="/direct/img/add_enroll_popup_delect.png" alt=""> </li> <li> <input type="checkbox" id="file_sort_each_2"> <label for="file_sort_each_2"></label> <img src="/direct/img/enroll_exel_file.png" alt="">파일2.exel <img src="/direct/img/add_enroll_popup_delect.png" alt=""> </li> <li> <input type="checkbox" id="file_sort_each_3"> <label for="file_sort_each_3"></label> <img src="/direct/img/enroll_hwp_file.png" alt="">파일3.hwp <img src="/direct/img/add_enroll_popup_delect.png" alt=""> </li> <li> <input type="checkbox" id="file_sort_each_4"> <label for="file_sort_each_4"></label> <img src="/direct/img/enroll_jpg_file.png" alt="">파일4.jpg <img src="/direct/img/add_enroll_popup_delect.png" alt=""> </li> <li> <input type="checkbox" id="file_sort_each_5"> <label for="file_sort_each_5"></label> <img src="/direct/img/enroll_mp4_file.png" alt="">파일5.mp4 <img src="/direct/img/add_enroll_popup_delect.png" alt=""> </li> <li> <input type="checkbox" id="file_sort_each_6"> <label for="file_sort_each_6"></label> <img src="/direct/img/enroll_ppt_file.png" alt="">파일6.ppt <img src="/direct/img/add_enroll_popup_delect.png" alt=""> </li> <li> <input type="checkbox" id="file_sort_each_7"> <label for="file_sort_each_7"></label> <img src="/direct/img/enroll_zip_file.png" alt="">파일7.zip <img src="/direct/img/add_enroll_popup_delect.png" alt=""> </li> </ul> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 결제문서(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 보안성검토(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 제안요청서(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 사전규격공개(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 사전규격보완(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 공고서(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 투찰현황(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 기타자료(7) <input type="button"> </li> </li> </ul> </td> <td> <ul> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 결제문서(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 사업체별제안서(10) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 업체별발표자료(10) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 기술평가표(10) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 가격평가표(7) <input type="button"> </li> </ul> </td> <td> <ul> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 계약서(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 제안서(10) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 가격산출내역서(10) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 기술협상서(10) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 청렴계약이행서(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 보안확약서(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 착수계(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 선급지급신청서(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 선급금보증보..(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 사업자등록증(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 통장사본(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 기타(7) <input type="button"> </li> </ul> </td> <td> <ul> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 착수보고회(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 중간보고회(10) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 완료보고회(10) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 회의개최(10) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 주간업무보고(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 월간업무보고(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 일정표(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 보안점검(7) <input type="button"> </li> <li> <input type="checkbox" id="file_sort_all"> <label for="file_sort_all"></label> 하로급관리(7) <input type="button"> </li> </ul> </td> </tr> </table> </tbody> </table> </div> </div> <div class="enroll_popup_bottom order_wrap"> <div class="enroll_popup_bottom_title"><img src="/direct/img/bottom_title_Evaluation.png" alt="">평가지표 및 평가결과 <div class="eva_grade">평가점수 <div class="grade_wrap"> <div class="all_grade">100점</div> <div class="grade">85점</div> </div> </div> <div class="line_btn"> <div class="add_line"><input type="button" value="행추가"></div> <div class="delect_line"><input type="button" value="행삭제"></div> </div> <span class="required_text" style="float: none">※ SLA 평가점수 85점 이상 시 최대 2년간 계약연장 가능</span> </div> <div class="eva_table_wrap sla_table_wrap"> <div class="eva_table"> <div class="eva_table_title">Ⅰ. 관리체계 구축 및 운영 <div class="eva_file_call"><input type="button" value="전년도 지표 불러오기"></div> </div> <div class="eva_table_in sla_eva_table"> <table> <tr> <th rowspan="2"><input type="checkbox"><label for=""></label></th> <th rowspan="2">구분</th> <th rowspan="2">평가항목</th> <th rowspan="2">평가지표</th> <th rowspan="2">가중치</th> <th colspan="2">목표수준(월)</th> <th colspan="2">1분기</th> <th colspan="2">2분기</th> <th colspan="2">3분기</th> <th colspan="2">4분기</th> <th colspan="2">평균</th> </tr> <tr class="sla_sub_group"> <th>기대수준</th> <th>최소수준</th> <th>측정값</th> <th>평가점수</th> <th>측정값</th> <th>평가점수</th> <th>측정값</th> <th>평가점수</th> <th>측정값</th> <th>평가점수</th> <th>측정값</th> <th>평가점수</th> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>1</td> <td><input type="text" class="eva_item"></td> <td><input type="text" class="eva_point"> <div class="q_mark"> <img src="/direct/img/q_mark.png" alt=""> </div> <div class="hover_cont"> 수식이뭐 이렇고 저렇고 어쩌구 저쩌구 이제 추석이네요 다들 많이 먹고 살 포동포동 찌세요 나빼고 </div> </td> <td><input type="text" class="eva_weight"></td> <td><input type="text" class="eva_exp_level"></td> <td><input type="text" class="eva_min_level"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>2</td> <td><input type="text" class="eva_item"></td> <td><input type="text" class="eva_point"></td> <td><input type="text" class="eva_weight"></td> <td><input type="text" class="eva_exp_level"></td> <td><input type="text" class="eva_min_level"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>3</td> <td><input type="text" class="eva_item"></td> <td><input type="text" class="eva_point"></td> <td><input type="text" class="eva_weight"></td> <td><input type="text" class="eva_exp_level"></td> <td><input type="text" class="eva_min_level"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>4</td> <td><input type="text" class="eva_item"></td> <td><input type="text" class="eva_point"></td> <td><input type="text" class="eva_weight"></td> <td><input type="text" class="eva_exp_level"></td> <td><input type="text" class="eva_min_level"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>5</td> <td><input type="text" class="eva_item"></td> <td><input type="text" class="eva_point"></td> <td><input type="text" class="eva_weight"></td> <td><input type="text" class="eva_exp_level"></td> <td><input type="text" class="eva_min_level"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> </tr> <tr> <td><input type="checkbox"><label for=""></label></td> <td>6</td> <td><input type="text" class="eva_item"></td> <td><input type="text" class="eva_point"></td> <td><input type="text" class="eva_weight"></td> <td><input type="text" class="eva_exp_level"></td> <td><input type="text" class="eva_min_level"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> </tr> <tr> <td colspan="4">계</td> <td><input type="text" class="eva_weight"></td> <td><input type="text" class="eva_exp_level"></td> <td><input type="text" class="eva_min_level"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> <td><input type="text" class="eva_value"></td> <td><input type="text" class="eva_grade_table"></td> </tr> </table> </div> </div> </div> </div> <div class="sla_fault_interlock_wrap"> <div class="sla_fault_interlock_title"> <img src="/direct/img/sla_fault_icon.png" alt=""> 장애처리 시간 미준수 </div> <div class="sla_fault_table"> <table> <thead> <tr> <th><input type="checkbox"><label for=""></label></th> <th class="fault_num">번호 <div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="fault_sort">분야 <div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="work_obj">작업대상 <div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="work_title">작업명 <div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="work_date">작업일자 <div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="work_enterprise">작업업체 <div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="work_who">작업자 <div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="work_enroll_result">작업결과 등록 여부 <div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> </tr> </thead> <tbody> <tr> <td><input type="checkbox"><label for=""></label></td> <td class="fault_num">1</td> <td class="fault_sort">HW</td> <td class="work_obj">OAD-1234</td> <td class="work_title">작업명작업명작업명</td> <td class="work_date">2019-09-09 ~ 2019-09-09</td> <td class="work_enterprise">아이티앤</td> <td class="work_who">홍길동</td> <td class="work_enroll_result">등록</td> </tr> </tbody> </table> </div> </div> <div class="upload_btns view_btns"> <input type="button" value="임시저장" class="t_save_btn"><input type="button" value="수정" class="edit_btn"><input type="button" value="삭제" class="del_btn"><input type="button" value="목록" class="list_btn"><input type="button" value="인쇄" class="print_btn"> </div> <div class="view_info"> <div class="enroll_date"> 등록일시&emsp;2019.09.09&ensp;18:18:18</div> <div class="list_view_btns"> <input type="button" value="이전글" class="before_list">&ensp;&ensp;｜&ensp;&ensp; <input type="button" value="다음글" class="next_list"> </div> </div> </div> </div> </body> </html>