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>민원신청</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.js"></script> <script src="/direct/js/script.js"></script> <script> $(document).ready(function() { $('select').niceSelect(); }); </script> </head> <body> <div class="enroll_popup complanint_ask_popup admin_complanint_popup"> <div class="enroll_popup_title"> <img src="/direct/img/enroll_popup_title_bg.png" alt=""> 민원신청(관리자) <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 complanint_wrap admin_complanint_wrap"> <ul> <li> <div class="enroll_input_title">제&emsp;&ensp;목</div> <select name="" id=""> <option value="">일반</option> <option value="">전체</option> </select> <input type="text" placeholder="제목을 입력하세요" class="complanint_title_text"> </li> <li> <div class="enroll_input_title">작 성 자</div> <span class="complanint_writer">경영지원팀&ensp;｜&ensp;홍길동 대리</span> </li> <li class="complanint_area_list"> <div class="enroll_input_title">분&emsp;&ensp;야</div> <div class="enroll_sort"> <input type="radio" id="hw" name="complanint_sort"> <label for="hw"></label>HW <input type="radio" id="cb2" name="complanint_sort"> <label for="cb2"></label>SW <input type="radio" id="cb3" name="complanint_sort"> <label for="cb3"></label>NW <input type="radio" id="cb4" name="complanint_sort"> <label for="cb4"></label>시스템 <input type="radio" id="cb5" name="complanint_sort"> <label for="cb5"></label>OA(PC·프린터) <input type="radio" id="cb6" name="complanint_sort"> <label for="cb6"></label>기타 <input type="text" class="etc_text"> </div> </li> <li> <div class="enroll_input_title">민원구분</div> <div class="enroll_sort"> <input type="radio" id="hw" name="complanint_sort"> <label for="hw"></label>단순문의 <input type="radio" id="" name="complanint_sort"> <label for=""></label>변경요청 <input type="radio" id="" name="complanint_sort"> <label for=""></label>장애·오류 <input type="radio" id="" name="complanint_sort"> <label for=""></label>SW 사용 권한 요청 <input type="radio" id="" name="complanint_sort"> <label for=""></label>기타<input type="text" class="etc_text"> </div> <div class="enroll_sort_sub"> <input type="radio" id="HG" name="fault_sort_sub"> <label for="server"></label>한글 <input type="radio" id="EXL" name="fault_sort_sub"> <label for="nw"></label>엑셀 <input type="radio" id="ETC" name="fault_sort_sub"> <label for="sq"></label>기타 <input type="text" class="etc_text"> </div> </li> <li> <textarea name="" id="" cols="30" rows="10"></textarea> </li> <li> <div class="file_upload_box"> <img src="/direct/img/upload_img.png" alt=""> <div class="upload_box_text"> <span class="file_upload_text_1">첨부파일 올리기</span> <span class="file_upload_text_2">(파일을 끌어다 놓으세요)</span> </div> </div> </li> <li> <div class="attachment_file_wrap"> <table> <thead> <tr> <th>기첨부파일</th> </tr> </thead> <tbody> <tr> <td class="file_title"><img src="img/exel_down.png" alt="">파일이름.exel</td> <td class="file_size">3.50MB</td> </tr> </tbody> </table> </div> </li> </ul> <div class="admin_complanint_wrap"> <div class="list_tab_menu_wrap"> <ul class="nav list_tab_menu complanint_tab_menu"> <li class="list_tab_menu_on complanint_handling_tab"><a href="#">민원처리</a></li> <li class="complanint_history_tab"><a href="">민원히스토리</a></li> <li class="complanint_process_status_tab"><a href="">민원신청현황</a></li> </ul> <div class="complanint_tab_menu_wrap"> <div class="complanint_handling_menu"> <ul> <li> <div class="enroll_input_title">담 당 자</div> <div class="charge_user_wrap"> <div class="charge_users"> <ul> <li>#홍길동 <input type="button" class="user_del"></li> </ul> </div> <input type="button" class="user_serch_btn" value="검색" disabled> </div> </li> <li> <div class="enroll_input_title">처리상태</div> <ul class="handling_status"> <li><input type="radio"><label for=""></label>접수대기</li> <li><input type="radio"><label for=""></label>접수완료</li> <li><input type="radio"><label for=""></label>처리중</li> <li><input type="radio"><label for=""></label>처리완료</li> <li><input type="radio"><label for=""></label>반려</li> </ul> </li> <li> <div class="enroll_input_title">처리일시</div> <input type="checkbox" class="handling_date_check"><label for=""></label>수동 <input type="text" class="handling_date"><input type="text" class="handling_time"> </li> <li> <div class="enroll_input_title">의견등록</div> <textarea name="" id="" cols="30" rows="10"></textarea> </li> <li> <div class="enroll_input_title">첨부파일</div> <input type="text" class="complanint_handling_file_name"><input type="button" class="complanint_handling_file"> </li> <li> <div class="enroll_input_title">기첨부</div> <div class="admin_attachment_file_wrap"> <ul> <li><img src="img/exel_down.png" alt="">파일 이름.exel</li> <li><img src="img/exel_down.png" alt="">파일 이름.exel</li> </ul> </div> </li> </ul> </div> <div class="complanint_history_wrap" style="display: none"> <div class="list_info"> <div class="all_list_number">총 <span class="all_number">49</span>건</div> </div> <div class="list_right_info"> <input type="button" class="add_complanint_btn" value="추가민원"> <input type="button" class="history_all_close" value="전체닫기"> <input type="button" class="history_all_open" value="전체열기"> </div> <div class="complanint_history_list"> <div class="complanint_history_list_wrap"> <ul> <li class="history_list_open">홍길동 <span class="history_time">2019-09-09 18:00:00</span> <input type="button" class="history_list_open_open"> <div class="complanint_history_content"> <span class="complanint_history_cont_text"> 다음 일시로 공지를 올렸습니다.<br> 일시 : 2019년 09월 20알 (목) ~ 2019년 09월 19일(금) 19:30</span> </div> <div class="complanint_history_file_wrap"> <table> <tr> <th rowspan="2"> 첨부파일<input type="button" value="일괄다운로드" class="history_all_down"> </th> <td><input type="checkbox"><label for=""></label><img src="/direct/img/complanint/history_file_icon.png" alt=""> 고객센터에서 보내준 이미지 파일.jpg <span class="file_size">2MB</span> <div class="complanint_history_file_btn"><input type="button" value="다운로드" class="history_down"><input type="button" class="history_file_del"></div> </td> <td><input type="checkbox"><label for=""></label><img src="/direct/img/complanint/history_file_icon.png" alt=""> 고객센터에서 보내준 이미지 파일.jpg <span class="file_size">2MB</span> <div class="complanint_history_file_btn"><input type="button" value="다운로드" class="history_down"><input type="button" class="history_file_del"></div> </td> </tr> </table> </div> </li> <li>고객센터<span class="history_time">2019-09-09 18:00:00</span><input type="button" class="history_list_open_open"></li> <li>홍길동<span class="history_time">2019-09-09 18:00:00</span><input type="button" class="history_list_open_open"></li> </ul> </div> </div> </div> <div class="complanint_process_status_table" style="display: none"> <table> <thead> <tr> <th class="complanint_num">번호<div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="complanint_sort_area">분야<div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="complanint_sort">구분<div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="complanint_important">중요도<div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="complanint_title">제목<div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="complanint_file">첨부<div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="complanint_process_status">처리상태<div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="complanint_request_date">요청일자<div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="complanint_charge_person">담당자<div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> <th class="complanint_process_date">처리일자<div class="sort"> <div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div> </div> </th> </tr> </thead> <tbody> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> <tr> <td class="complanint_num">1</td> <td class="complanint_sort_area">HW</td> <td class="complanint_sort">단순문의</td> <td class="complanint_important">긴급</td> <td class="complanint_title">민원1의 제목입니다.민원1의 제목입니다.민원1의 제목입니다.</td> <td class="complanint_file"><input type="button" class="file_icon"><input type="button" class="img_icon"></td> <td class="complanint_process_status">처리완료</td> <td class="complanint_request_date">2019-09-09</td> <td class="complanint_charge_person">홍길동 외 21명</td> <td class="complanint_process_date">2019-09-09</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="main1_btn_div"> <button class="main1_btn main1_save_btn" id="audit_save_btn_imsi">임시저장</button> <button class="main1_btn main1_ask_register" id="">민원접수</button> <button class="main1_btn main1_cancel" id=""> 취소</button> <button class="main1_btn main1_cancel" id=""> 목록</button> </div> </div> </div> </body> </html>