|
@@ -0,0 +1,209 @@
|
|
|
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
|
|
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
|
|
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
|
|
|
+<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
+ pageEncoding="UTF-8"%>
|
|
|
+<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
|
|
|
+<script>
|
|
|
+var startDate = "<c:out value='${startDate}'/>";
|
|
|
+var endDate = "<c:out value='${endDate}'/>";
|
|
|
+
|
|
|
+ $(function() {
|
|
|
+ $("input[name=\"startDate\"]").daterangepicker({
|
|
|
+ singleDatePicker : true,
|
|
|
+ showDropdowns : true,
|
|
|
+ locale : {
|
|
|
+ format : "YYYY-MM-DD"
|
|
|
+ }
|
|
|
+ });
|
|
|
+// $("input[name=\"endDate\"]").daterangepicker({
|
|
|
+// singleDatePicker : true,
|
|
|
+// showDropdowns : true,
|
|
|
+// locale : {
|
|
|
+// //format : "M/DD hh:mm A"
|
|
|
+// format : "YYYY-MM-DD"
|
|
|
+// }
|
|
|
+// });
|
|
|
+
|
|
|
+ $("input[name=\"startDate\"]").val( startDate );
|
|
|
+// $("input[name=\"endDate\"]").val( endDate );
|
|
|
+ });
|
|
|
+
|
|
|
+function getExcel(){
|
|
|
+ if( $.trim( $( "#downMemo" ).val() ) == "" ){
|
|
|
+ alertBox({ txt : "사유를 입력해주세요" });
|
|
|
+ $( ".modal-header>.modal-title h3" ).remove();
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ var newForm = $( "#searchForm" ).clone();
|
|
|
+
|
|
|
+ newForm.attr( "id", "excelForm" );
|
|
|
+ newForm.attr( "method", "post" );
|
|
|
+ newForm.attr( "action", "./excel" );
|
|
|
+ newForm.attr( "target", "_blank" );
|
|
|
+ newForm.hide();
|
|
|
+
|
|
|
+ $( document.body ).append( newForm );
|
|
|
+ newForm.append( $("#downMemo").clone() );
|
|
|
+ newForm.submit();
|
|
|
+ $( "button.close" ).click();
|
|
|
+ $( "#downMemo" ).val( "" );
|
|
|
+ $( "#excelForm" ).remove();
|
|
|
+
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+table {
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0;
|
|
|
+ width: 100%;
|
|
|
+ table-layout: fixed;
|
|
|
+ }
|
|
|
+ td.ellipsis {
|
|
|
+ vertical-align: middle;
|
|
|
+ padding:5px;
|
|
|
+ overflow:hidden;
|
|
|
+ white-space : nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+
|
|
|
+ td.textOverDefault {
|
|
|
+ white-space : normal; /*기본값*/
|
|
|
+ text-overflow: clip; /*기본값*/
|
|
|
+ }
|
|
|
+</style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div class="modal fade" id="excelDownMemo" tabindex="-1" role="dialog" aria-hidden="true" data-memoid="">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">생활치료센터 리스트 Excel 다운로드</h5>
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
|
|
+ aria-hidden="true">×</span> </button>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body m-3">
|
|
|
+ <table class="table mobile-table">
|
|
|
+ <colgroup>
|
|
|
+ <col style="width: 20%">
|
|
|
+ <col style="width: 80%">
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <th><span class="fix">*</span>다운로드 사유</th>
|
|
|
+ <td>
|
|
|
+ <div class="form-row">
|
|
|
+ <textarea id="downMemo" name="downMemo" class="form-control" rows="6" placeholder="" maxlength="200"></textarea>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="addMemoTools modal-footer">
|
|
|
+ <button type="button" class="btn btn-outline-primary" data-dismiss="modal">취소</button>
|
|
|
+ <button type="button" class="btn btn-primary" onclick="getExcel();">제출 후 다운로드</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="wrapper">
|
|
|
+ <jsp:include page="${data._INCLUDE}/sidebar.jsp"></jsp:include>
|
|
|
+
|
|
|
+ <div class="main">
|
|
|
+ <jsp:include page="${data._INCLUDE}/top.jsp"></jsp:include>
|
|
|
+
|
|
|
+ <main class="content">
|
|
|
+ <div class="container-fluid p-0">
|
|
|
+ <!-- 환지관리 START -->
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12 col-lg-6">
|
|
|
+ <h1 class="h3 mb-3">팝업 관리</h1>
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-lg-6 text-right">
|
|
|
+ <nav aria-label="breadcrumb">
|
|
|
+ <ol class="breadcrumb">
|
|
|
+ <li class="breadcrumb-item"><a href="javscript:;">Home</a></li>
|
|
|
+ <li class="breadcrumb-item active">팝업 관리</li>
|
|
|
+ </ol>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="row mb-3">
|
|
|
+ <div class="col-5">전체 :
|
|
|
+ <fmt:formatNumber value="${total}" pattern="#,###" />
|
|
|
+ </div>
|
|
|
+ <div class="col-7 text-right">
|
|
|
+ <button class="btn btn-secondary mb-1" data-toggle="modal" data-target="#excelDownMemo">팝업 전체 미리보기</button>
|
|
|
+ <c:if test="${role._CREATE eq 'Y'}">
|
|
|
+ <button class="btn btn-primary mb-1" onclick="location.href='./new';">생활치료센터 신규 등록</button>
|
|
|
+ </c:if>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="table-responsive">
|
|
|
+ <table class="table table-striped text-center">
|
|
|
+ <colgroup>
|
|
|
+ <col style=" width: 5%; ">
|
|
|
+ <col style=" width: 10%; ">
|
|
|
+ <col style=" width: 20%; ">
|
|
|
+ <col style=" width: 10%; ">
|
|
|
+ <col style=" width: 10%; ">
|
|
|
+ <col style=" width: 10%; ">
|
|
|
+ <col style=" width: 10%; ">
|
|
|
+ <col style=" width: 5%; ">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>번호</th>
|
|
|
+ <th>팝업 제목</th>
|
|
|
+ <th>팝업 내용</th>
|
|
|
+ <th>팝업 시작일</th>
|
|
|
+ <th>팝업 종료일</th>
|
|
|
+ <th>등록자</th>
|
|
|
+ <th>등록일</th>
|
|
|
+ <th>수정</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <c:choose>
|
|
|
+ <c:when test="${total > 0}">
|
|
|
+ <c:forEach var="pl" items="${popupList}" varStatus="lStatus">
|
|
|
+ <c:set var="pageNum" value="${ ( total - lStatus.index ) - ( (page - 1) * pageSize ) }" />
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td><fmt:formatNumber value="${pageNum}" pattern="#,###" /></td>
|
|
|
+ <td class="ellipsis"><div style="vertical-align: middle;"></div><c:out value="${pl.title}" /></div></td>
|
|
|
+ <td class="ellipsis"><div style="text-align:left;height:100px;overflow: hidden;"><c:out value="${pl.content}" escapeXml="false" /></div></td>
|
|
|
+ <td><c:out value="${pl.startDate}" /></td>
|
|
|
+ <td><c:out value="${pl.endDate}" /></td>
|
|
|
+ <td><c:out value="${pl.createdBy}" /></td>
|
|
|
+ <td><c:out value="${pl.createDate}" /></td>
|
|
|
+ <td><a href="#" id="memoLink" class="memo h3"><i id="memoLinkIcon" class="align-middle ml-2 fas fa-fw fa-edit"></i></a></td>
|
|
|
+ </tr>
|
|
|
+ </c:forEach>
|
|
|
+ </c:when>
|
|
|
+ <c:otherwise>
|
|
|
+ <tr>
|
|
|
+ <td colspan="8">등록된 팝업이 없습니다.</td>
|
|
|
+ </tr>
|
|
|
+ </c:otherwise>
|
|
|
+ </c:choose>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 환자관리 END -->
|
|
|
+ </div>
|
|
|
+ </main>
|
|
|
+
|
|
|
+ <jsp:include page="${data._INCLUDE}/footer.jsp"></jsp:include>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+</html>
|