[phr] 상태현황 표시할 데이터 없을 때 처리 추가.

src/main/webapp/WEB-INF/jsp/clinic/state.jsp

@@ -69,7 +69,7 @@ function retrieveStateData(page) {
         success  : function( datas ){
             console.log(datas);
             
-           	var html = "데이터가 없습니다." ;
+           	var html = '<div class="blankItem">표시할 데이터가 없습니다.</div>';
 			if (datas.length > 0) {
 				html = "";
 				datas.forEach(d => {
@@ -254,13 +254,18 @@ $(document).ready(function() {
 												<button type="button" id="pauseButton" class="btn btn-primary disabled">
 													<i class="fas fa-pause"></i>
 												</button>
-											</label> <input type="text" class="form-control w150" id="searchKeyword" placeholder="호실 or 환자명" onkeyup="if(event.keyCode===13){searchPatients()}">
+											</label> <input type="text" class="form-control w150" id="searchKeyword" placeholder="호실 or 환자명" value="${searchText}" onkeyup="if(event.keyCode===13){searchPatients()}">
 											<button class="btn btn-primary" onclick="searchPatients()">검색</button>
 										</div>
 									</div>
 								</div>
 								<div class="card-body">
 									<div class="row patients-list">
+										<c:choose>
+										<c:when test="${total == 0}">
+										<div class="blankItem">표시할 데이터가 없습니다.</div>
+										</c:when>
+										<c:otherwise>
 										<jsp:useBean id="now" class="java.util.Date" />
 										<fmt:formatDate value="${now}" pattern="yyyyMMdd" var="nowDateString" />
 										<c:forEach var="patient" items="${items}" varStatus="status">
@@ -290,6 +295,8 @@ $(document).ready(function() {
 												</div>
 											</div>
 										</c:forEach>
+										</c:otherwise>
+										</c:choose>
 									</div>
 								</div>
 								<div class="card-footer">

src/main/webapp/resources/css/common/classic.css

@@ -128,6 +128,7 @@
 /* .patients-stats .stats li.bloodPressure {display: none;} */
 /* .patients-stats .stats li.oxygen {display: none;} */
 .patients-stats .stats li.sugar {display: none;}
+.patients-list .blankItem { padding: 50px 10px; font-size: 18px; text-align:center; width: 100%; opacity: 0.5; }
 .graph-area {  }
 .paginationContainer { text-align: center;}
 .pagination {display: inline-block; font-size: 16px;}