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>Document</title> <link rel="stylesheet" href="css/font.css"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/enroll_popup.css">  <script src="js/jquery-1.11.3.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src="js/popup_open_2.js"></script> </head> <body> <div class="enroll_popup"> <div class="enroll_popup_title"> <img src="img/enroll_popup_title_bg.png" alt=""> 사업(계약)관리 <div class="enroll_popup_title_btns"> <ul> <li><img src="img/popup_little_icon.png" alt=""></li> <li><img src="img/popup_full_icon.png" alt=""></li> <li><img src="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 required_area">구&emsp;&ensp;분</div> <div class="enroll_sort"> <input type="checkbox" id="cb1"> <label for="cb1"></label>물품 <input type="checkbox" id="cb2"> <label for="cb2"></label>공사 <input type="checkbox" id="cb3" checked> <label for="cb3"></label>용역 <input type="checkbox" id="cb4"> <label for="cb4"></label>기타 </div> <span class="required_text">* 필수입력사항</span> </li> <li> <div class="enroll_input_title required_area">분&emsp;&ensp;야</div> <div class="enroll_sort"> <input type="checkbox" id="s1"> <label for="s1"></label>HW <input type="checkbox" id="s2"> <label for="s2"></label>SW <input type="checkbox" id="s3"> <label for="s3"></label>NW <input type="checkbox" id="s4" checked> <label for="s4"></label>시스템 <input type="checkbox" id="s5"> <label for="s5"></label>보안 <input type="checkbox" id="s6"> <label for="s6"></label>기타 </div> </li> <li> <div class="enroll_input_title required_area">계약방법</div> <div class="enroll_sort"> <input type="checkbox" id="a1" checked> <label for="a1"></label>입찰 <input type="checkbox" id="a2"> <label for="a2"></label>수의계약 <input type="checkbox" id="a3"> <label for="a3"></label>나라장터 쇼핑몰 <input type="checkbox" id="a4"> <label for="a4"></label>기타 </div> </li> <li> <div class="enroll_input_title">계약번호</div> <input type="text" placeholder="계약번호를 입력하세요"> </li> <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"> <div class="enroll_input_title" style="margin-right: 9px;">수량</div> <input type="text" style="margin-left: -30px" class="amount_form"> <div class="pm_btn"> <input type="button" class="plus_btn" value="+"> <input type="button" class="minus_btn" value="-"> </div> </li> <li> <div class="enroll_input_title">계약금액</div> <input type="text" placeholder="계약금액을 입력하세요"> </li> <li> <div class="enroll_input_title">선&emsp;&emsp;금</div> <input type="text" class="table_money"><input type="text" class="first_date" style="margin-left: 10px"> </li> <li> <div class="enroll_input_title">중&ensp;도&ensp; 금</div> <input type="text" class="table_money"><input type="text" class="first_date" style="margin-left: 10px"> </li> <li> <div class="enroll_input_title">잔&emsp;&emsp;금</div> <input type="text" class="table_money"><input type="text" class="first_date" style="margin-left: 10px"> </li> <li> <div class="enroll_input_title">지체상금율</div> <input type="text" placeholder="지체상금율을 입력하세요" style="width: 320px; margin-right: 10px">% </li> <li> <div class="enroll_input_title">납품장소</div> <input type="text" placeholder="납품장소를 입력하세요"> </li> <li> <div class="enroll_input_title">사업개요<br>(요&emsp; 약)</div> <textarea name="" id="" cols="52" rows="4"></textarea> </li> </ul> </div> <div class="enroll_input_file"> <div class="enroll_file_title"> <img src="img/enroll_file_title_bg.png" alt=""> 첨부파일 <input type="checkbox" id="all"> <label for="all"></label> <input type="button" value="다운로드"> <div class="add_file_btn"><input type="button" value="등록" onclick="File_upload()"></div> </div> <div class="enroll_input_file_list_wrap business_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> <th> <input type="checkbox" id="file_list_all_5"> <label for="file_list_all_5"></label> 사업완료(7) <input type="button"> </th> </tr> </thead> </table> <tbody> <table> <tr> <td> <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="img/enroll_pdf_file.png" alt="">파일1.pdf <img src="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="img/enroll_exel_file.png" alt="">파일2.exel <img src="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="img/enroll_hwp_file.png" alt="">파일3.hwp <img src="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="img/enroll_jpg_file.png" alt="">파일4.jpg <img src="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="img/enroll_mp4_file.png" alt="">파일5.mp4 <img src="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="img/enroll_ppt_file.png" alt="">파일6.ppt <img src="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="img/enroll_zip_file.png" alt="">파일7.zip <img src="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> <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> </ul> </td> </tr> </table> </tbody> </table> </div> </div> <div class="enroll_popup_bottom order_wrap"> <div class="bottom_left"> <div class="order_team"> <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"> <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"> <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: 155px !important;"></li> <li>주&emsp;소 <input type="text" class="adress"></li> </ul> </div> <div class="enroll_person_table order_person" style="width: 464px;"> <table> <table> <thead> <tr> <th style="padding: 8px 0;font-weight: 600;">담당자<div class="add_person_btn"><input type="button" onclick="enroll_Person()"></div> </th> </tr> </thead> </table> <div class="enroll_person_list"> <tbody> <table> <tr> <td> <ul> <li>홍길동과장 ｜</li> <li> 010-9999-9999 ｜</li> <li>abcd1234@gmail.com</li> </ul> </td> <td> <ul class="enroll_person_table_btns"> <li><input type="button"></li> <li><input type="button"></li> <li><input type="button"></li> </ul> </td> </tr> <tr> <td> <ul> <li>홍길동과장 ｜</li> <li> 010-9999-9999 ｜</li> <li>abcd1234@gmail.com</li> </ul> </td> <td> <ul class="enroll_person_table_btns"> <li><input type="button"></li> <li><input type="button"></li> <li><input type="button"></li> </ul> </td> </tr> <tr> <td> <ul> <li>홍길동과장 ｜</li> <li> 010-9999-9999 ｜</li> <li>abcd1234@gmail.com</li> </ul> </td> <td> <ul class="enroll_person_table_btns"> <li><input type="button"></li> <li><input type="button"></li> <li><input type="button"></li> </ul> </td> </tr> </table> </tbody> </div> </table> </div> </div> <div class="bottom_right"> <div class="enroll_file_title"> <img src="img/enroll_file_title_bg.png" alt=""> 사업 History <div class="line_btn" style="margin-left: 480px;"> <div class="add_line"><input type="button" value="행추가"></div> <div class="delect_line"><input type="button" value="행삭제"></div> </div> </div> <div class="history_table"> <table> <thead> <tr> <th>일 자</th> <th>내 용</th> <th>비 고</th> </tr> </thead> <tbody> <tr> <td><input type="text" class="first_date"></td> <td><input type="text" placeholder=" "></td> <td><input type="text" placeholder=" "></td> </tr> <tr> <td><input type="text" class="first_date"></td> <td><input type="text" placeholder=" "></td> <td><input type="text" placeholder=" "></td> </tr> <tr> <td><input type="text" class="first_date"></td> <td><input type="text" placeholder=" "></td> <td><input type="text" placeholder=" "></td> </tr> </tbody> </table> </div> </div> </div> <div class="main1_btn_div"> <button class="main1_btn" onclick="fn_mainzone_link_page(); return false;">목 록</button> <c:if test="${auditVO.pageType ne 'Insert'}"> <button class="main1_btn main1_delete_btn" id="main1_auth_delete_btn" onclick="fn_mainzone_delete(); return false;">삭 제 </button> <button class="main1_btn audit_save_btn" id="audit_update_btn">저 장2</button> <button class="main1_btn main1_save_btn" id="audit_update_btn_imsi">임시저장2</button> </c:if> <c:if test="${auditVO.pageType eq 'Insert' }"> <button class="main1_btn audit_save_btn" id="audit_save_btn">저 장</button> <button class="main1_btn main1_save_btn" id="audit_save_btn_imsi">임시저장</button> </c:if> </div> </div> </div> </body> </html>