geoinfo_admin/old/visit-training-approval-sys...

121 lines
5.3 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="${pageContext.request.contextPath}/js/jquery/jquery-1.10.2.min.js"></script>
<script src="${pageContext.request.contextPath}/js/admins/user.js"></script>
<script src="${pageContext.request.contextPath}/js/admins/common.js"></script>
<link rel="stylesheet" HREF="${pageContext.request.contextPath}/css/admins/style.css" type="text/css">
<script>
var context = "${pageContext.request.contextPath}";
function changeStatus(button) {
button.classList.toggle("clicked");
// 클릭된 HopeDay 버튼의 부모 요소(tr)를 가져옵니다.
var row = button.parentElement.parentElement;
// 해당 열의 반려 버튼을 숨깁니다.
var cancelButton = row.querySelector('.cancel');
if (cancelButton) {
cancelButton.style.display = 'none';
}
// 클릭한 버튼의 날짜를 상태 열에 표시합니다.
var statusCell = row.querySelectorAll('td')[10]; // 상태 칸 찾기
statusCell.colSpan = "2"; // 상태 칸 확장
statusCell.innerHTML = `${button.innerText} 예약 확정`;
statusCell.classList.add("statusConfirmed");
}
</script>
</head>
<body>
<h1><span class="main-title">방문교육 - </span><span class="sub-title">방문교육 신청 승인</span></h1>
<div class="visit-trainning-approval-system">
<p class="caption">본 방문교육 신청 후 교육일정이 확정되기 전까지 변경 및 취소가 가능하며 일자 확정시 변경 및 취소는 불가하며, 확정일자를 클릭하여 공문 스캔본과 함께 신청서를
이메일(ryujisong&#64;kict.re.kr)로
접수하셔야 합니다.</p>
<table id="Table_Main_1">
<colgroup>
<col style="width:40px;">
<col style="width:180px;">
<col style="width:90px;">
<col style="width:90px;">
<col style="width:100px;">
<col style="width:120px;">
<col style="width:50px;">
<col style="width:85px;">
<col style="width:85px;">
<col style="width:85px;">
<col style="width:35px;">
<col style="width:35px;">
</colgroup>
<thead class="Table_List">
<tr>
<th>번호</th>
<th>현장명</th>
<th>기관명</th>
<th>신청자</th>
<th>연락처</th>
<th>이메일</th>
<th>예상인원</th>
<th>1차희망일</th>
<th>2차희망일</th>
<th>3차희망일</th>
<th colspan="2">상태</th>
</tr>
</thead>
<tbody>
<tr>
<td>3</td>
<td>용산구 재개발</td>
<td>디비엔텍</td>
<td>홍길동</td>
<td>032-721-5678</td>
<td>aaa@naver.com</td>
<td>25명</td>
<td><button class="HopeDay" onclick="changeStatus(this);">2024-10-11</button></td>
<td><button class="HopeDay" onclick="changeStatus(this);">2024-10-13</button></td>
<td><button class="HopeDay" onclick="changeStatus(this);">2024-10-15</button></td>
<td colspan="2"><button class="cancel">반려</button></td>
</tr>
<tr>
<td>2</td>
<td>로봇타워 신축공사</td>
<td>디비엔텍</td>
<td>홍길동</td>
<td>032-721-5678</td>
<td>aaa@naver.com</td>
<td>30명</td>
<td><button class="HopeDay" onclick="changeStatus(this);">2024-10-11</button></td>
<td><button class="HopeDay" onclick="changeStatus(this);">2024-10-12</button></td>
<td><button class="HopeDay" onclick="changeStatus(this);">2024-10-13</button></td>
<td colspan="2"><button class="cancel">반려</button></td>
</tr>
<tr>
<td>1</td>
<td>인천항만 부두 확장 공사</td>
<td>디비엔텍</td>
<td>홍길동</td>
<td>032-721-5678</td>
<td>aaa@naver.com</td>
<td>40명</td>
<td><button class="HopeDay" onclick="changeStatus(this);">2024-10-11</button></td>
<td><button class="HopeDay" onclick="changeStatus(this);">2024-10-12</button></td>
<td><button class="HopeDay" onclick="changeStatus(this);">2024-10-13</button></td>
<td colspan="2"><button class="cancel">반려</button></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>