2022-09-05 09:02:09 +00:00
<!DOCTYPE html>
< html lang = "ko" xmlns:th = "http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout/layout}">
< th:block layout:fragment = "script" >
2022-09-06 09:10:03 +00:00
< script type = "text/javascript" th:src = "@{/js/igActivities/fpiMgt/monthPlan.js}" > < / script >
2022-09-05 09:02:09 +00:00
< / th:block >
< div layout:fragment = "content" >
< main class = "pt-3" >
< h4 > 운영계획서< / h4 >
< input type = "hidden" name = "_csrf_header" th:value = "${_csrf.headerName}" / >
< input type = "hidden" th:name = "${_csrf.parameterName}" th:value = "${_csrf.token}" / >
< div class = "row mx-0" >
< div class = "col-12 card text-center" >
< div class = "card-body" >
2022-09-08 05:28:20 +00:00
< ul class = "nav nav-tabs" id = "userTab" role = "tablist" >
< li class = "nav-item" role = "presentation" >
< button class = "nav-link active" id = "monthPlanTab" data-bs-toggle = "tab" data-bs-target = "#monthPlanPanel" type = "button" role = "tab" aria-controls = "monthPlanPanel" aria-selected = "true" > 내 월간 계획< / button >
< / li >
< li class = "nav-item" role = "presentation" >
< button class = "nav-link" id = "apprvStayTab" data-bs-toggle = "tab" data-bs-target = "#apprvStayPanel" type = "button" role = "tab" aria-controls = "apprvStayPanel" aria-selected = "false" > 결재대기목록< / button >
< / li >
< li class = "nav-item" role = "presentation" >
< button class = "nav-link" id = "apprvCommitTab" data-bs-toggle = "tab" data-bs-target = "#apprvCommitPanel" type = "button" role = "tab" aria-controls = "apprvCommitPanel" aria-selected = "false" > 결재처리목록< / button >
< / li >
< / ul >
< div class = "tab-content border border-top-0 p-2" id = "planContent" >
2022-09-11 06:30:20 +00:00
< form method = "get" th:action = "@{/fpiMgt/monthPlanPage}" >
2022-09-08 05:28:20 +00:00
< input type = "hidden" name = "pageIndex" id = "pageIndex" th:value = "${searchParams.pageIndex}" >
< div class = "row justify-content-between pe-3 py-1" >
< div class = "col-auto" >
< select class = "form-select" name = "rowCnt" id = "rowCnt" >
< th:block th:each = "num : ${#numbers.sequence(1,5)}" >
< option th:value = "${num*10}" th:text = "${num*10}" th:selected = "${searchParams.rowCnt eq num*10}" > < / option >
< / th:block >
< / select >
< / div >
< div class = "col-auto" >
< div class = "row justify-content-end" >
< div class = "col-auto" >
< input type = "text" class = "form-control form-control-sm" >
< / div >
< input type = "submit" class = "btn btn-sm btn-primary col-auto" id = "searchBtn" value = "검색" >
2022-09-05 09:02:09 +00:00
< / div >
< / div >
< / div >
2022-09-08 05:28:20 +00:00
< / form >
< div class = "row justify-content-start" >
< div class = "col-12" >
< div class = "card" >
< div class = "card-body" >
< div class = "row" >
< table class = "table table-hover" >
< thead >
< tr >
< th > < / th >
< th > 제목< / th >
< th > 시행일자< / th >
< th > 작성자< / th >
< th > 작성일시< / th >
< th > 첨부파일< / th >
< th > 상태< / th >
< / tr >
< / thead >
< tbody >
2022-09-11 06:30:20 +00:00
< tr class = "planTr" th:each = "plan:${planList}" >
< input type = "hidden" class = "planKey" th:value = "${plan.planKey}" >
2022-09-08 05:28:20 +00:00
< td > < input type = "checkbox" > < / td >
< td th:text = "${plan.contentTitle}" > < / td >
< td th:text = "${#temporals.format(plan.planDt, 'yyyy-MM-dd')}" > < / td >
< td th:text = "${plan.wrtNm}" > < / td >
< td th:text = "${#temporals.format(plan.wrtDt, 'yyyy-MM-dd HH:mm')}" > < / td >
< td > < / td >
< td th:if = "${plan.sectionApprv eq 'T'}" > 계장결재< / td >
< td th:if = "${plan.sectionApprv eq 'F'}" > 계장반려< / td >
< td th:if = "${plan.headApprv eq 'T'}" > 부장결재< / td >
< td th:if = "${plan.headApprv eq 'F'}" > 부장반려< / td >
< td th:if = "${plan.planState eq 'T'}" > 임시저장< / td >
< td th:if = "${#strings.isEmpty(plan.sectionApprv) and #strings.isEmpty(plan.headApprv) and plan.planState eq 'S'}" > 결재대기< / td >
< / tr >
< / tbody >
< / table >
2022-09-05 09:02:09 +00:00
< / div >
2022-09-08 05:28:20 +00:00
< div class = "row justify-content-between" >
< div class = "col-auto" > < / div >
< div class = "col-auto" >
< nav aria-label = "Page navigation" >
< ul class = "pagination" >
< th:block th:if = "${searchParams.pageIndex>3}" >
< li class = "page-item" th:data-pageindex = "${(searchParams.pageIndex)-3}" >
< a class = "page-link" href = "#" aria-label = "Previous" >
< span aria-hidden = "true" > « < / span >
< / a >
< / li >
< / th:block >
< th:block th:each = "num : ${#numbers.sequence(searchParams.startNum, searchParams.endNum)}" >
< li class = "page-item" th:data-pageindex = "${num}" th:classappend = "${searchParams.pageIndex eq num?'active':''}" >
< a class = "page-link" href = "#" th:text = "${num}" > < / a >
< / li >
< / th:block >
< th:block th:if = "${searchParams.maxNum>searchParams.endNum+2}" >
< li class = "page-item" th:data-pageindex = "${(searchParams.pageIndex)+3}" >
< a class = "page-link" href = "#" aria-label = "Next" >
< span aria-hidden = "true" > » < / span >
< / a >
< / li >
< / th:block >
< / ul >
< / nav >
< / div >
< div class = "col-auto" >
< input type = "button" class = "btn btn-success" value = "등록" id = "addPlanBtn" >
< / div >
2022-09-05 09:02:09 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / main >
2022-09-06 09:10:03 +00:00
< div class = "modal fade" id = "planEditModal" data-bs-backdrop = "static" data-bs-keyboard = "false" tabindex = "-1" aria-labelledby = "planEditModalLabel" aria-hidden = "true" >
2022-09-11 06:30:20 +00:00
< div class = "modal-dialog modal-xl" >
< div class = "modal-content" id = "planEditModalContent" >
< / div >
< / div >
< / div >
< div class = "modal fade" id = "planViewModal" data-bs-backdrop = "static" data-bs-keyboard = "false" tabindex = "-1" aria-labelledby = "planViewModalLabel" aria-hidden = "true" >
2022-09-06 09:10:03 +00:00
< div class = "modal-dialog modal-xl" >
< div class = "modal-content" >
2022-09-05 09:02:09 +00:00
< div class = "modal-header" >
2022-09-11 06:30:20 +00:00
< h5 class = "modal-title" id = "planViewModalLabel" > 월간 계획 열람< / h5 >
2022-09-05 09:02:09 +00:00
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" > < / button >
< / div >
2022-09-11 06:30:20 +00:00
< div class = "modal-body" id = "planViewBody" >
2022-09-06 09:10:03 +00:00
2022-09-05 09:02:09 +00:00
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-secondary" data-bs-dismiss = "modal" > 닫기< / button >
2022-09-11 06:30:20 +00:00
< button type = "button" class = "btn btn-warning" id = "editPlanBtn" > 수정< / button >
2022-09-05 09:02:09 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / html >
