|
|
@@ -0,0 +1,403 @@
|
|
|
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
|
|
+<%@ 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>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <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">진료관리</li>
|
|
|
+ <li class="breadcrumb-item active">건강정보 조회</li>
|
|
|
+ </ol>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <h1 class="h4">- 환자 기본정보</h1>
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+ <table class="table mobile-table">
|
|
|
+ <colgroup>
|
|
|
+ <col style="width: 15%">
|
|
|
+ <col style="width: 35%">
|
|
|
+ <col style="width: 15%">
|
|
|
+ <col style="width: 35%">
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <th>입소일시</th>
|
|
|
+ <td colspan="3">
|
|
|
+ 2020-10-10 10:25 <button class="btn btn-primary ml-2">진료시작</button>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>병동번호</th>
|
|
|
+ <td>
|
|
|
+ 1501
|
|
|
+ </td>
|
|
|
+ <th>이름</th>
|
|
|
+ <td>
|
|
|
+ 김레몬
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>성별</th>
|
|
|
+ <td>
|
|
|
+ 남
|
|
|
+ </td>
|
|
|
+ <th>생년월일</th>
|
|
|
+ <td>
|
|
|
+ 1975년 8월 8일
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>연락처</th>
|
|
|
+ <td>
|
|
|
+ 010-1234-1234
|
|
|
+ </td>
|
|
|
+ <th>보호자 연락처</th>
|
|
|
+ <td>
|
|
|
+ 010-1234-1234
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>증상시작일</th>
|
|
|
+ <td>
|
|
|
+ 2020-10-08
|
|
|
+ </td>
|
|
|
+ <th>확진일</th>
|
|
|
+ <td>
|
|
|
+ 2020-10-09
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>격리해제(퇴소)예정일</th>
|
|
|
+ <td colspan="3">
|
|
|
+ 2020-10-25
|
|
|
+ <!-- BEGIN primary modal -->
|
|
|
+ <button type="button" class="btn btn-primary ml-2" data-toggle="modal" data-target="#defaultModalPrimary">변경</button>
|
|
|
+ <div class="modal fade" id="defaultModalPrimary" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">격리해제(퇴소) 예정일 변경</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: 15%">
|
|
|
+ <col style="width: 35%">
|
|
|
+ <col style="width: 15%">
|
|
|
+ <col style="width: 35%">
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <th>입소일시</th>
|
|
|
+ <td>
|
|
|
+ 2020-10-10 10:25
|
|
|
+ </td>
|
|
|
+ <th>병동번호</th>
|
|
|
+ <td >
|
|
|
+ 1501
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>이름</th>
|
|
|
+ <td>
|
|
|
+ 김레몬
|
|
|
+ </td>
|
|
|
+ <th>성별</th>
|
|
|
+ <td>
|
|
|
+ 남
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>생년월일</th>
|
|
|
+ <td colspan="3">
|
|
|
+ 1975년 8월 8일
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>연락처</th>
|
|
|
+ <td>
|
|
|
+ 010-1234-1234
|
|
|
+ </td>
|
|
|
+ <th>보호자 연락처</th>
|
|
|
+ <td>
|
|
|
+ 010-1234-1234
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>증상시작일</th>
|
|
|
+ <td>
|
|
|
+ 2020-10-08
|
|
|
+ </td>
|
|
|
+ <th>보호자 연락처</th>
|
|
|
+ <td>
|
|
|
+ 2020-10-09
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>격리해제(퇴소)예정일</th>
|
|
|
+ <td colspan="3">
|
|
|
+ <div class="form-group calendar-bar mb-xl-0">
|
|
|
+ <input class="form-control" type="text" name="datesingle">
|
|
|
+ <i class="align-middle mr-2 fas fa-fw fa-calendar-alt"></i>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>변경사유</th>
|
|
|
+ <td colspan="3">
|
|
|
+ <div class="form-row">
|
|
|
+ <div class="col-5">
|
|
|
+ <select class="custom-select">
|
|
|
+ <option selected="">귀가조치(격지해제)</option>
|
|
|
+ <option>지정병원이송</option>
|
|
|
+ <option>기타</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="col-7">
|
|
|
+ <input type="text" name="" class="form-control">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-outline-primary" data-dismiss="modal">취소</button>
|
|
|
+ <button type="button" class="btn btn-primary">등록</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- END primary modal -->
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>기저질환</th>
|
|
|
+ <td>
|
|
|
+ 무
|
|
|
+ </td>
|
|
|
+ <th>임신</th>
|
|
|
+ <td >
|
|
|
+ 무
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>중증도 분류</th>
|
|
|
+ <td>
|
|
|
+ 하
|
|
|
+ </td>
|
|
|
+ <th>흉부 X선 결과</th>
|
|
|
+ <td>
|
|
|
+ 정상
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>산소포화도</th>
|
|
|
+ <td colspan="3">
|
|
|
+ 90%
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상태 및 특이사항</th>
|
|
|
+ <td colspan="3">
|
|
|
+ 없음
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div class="row mt-3">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="text-right">
|
|
|
+ <button class="btn btn-outline-success">비대면 진료</button>
|
|
|
+ <button class="btn btn-success">건강정보이력</button>
|
|
|
+ <button class="btn btn-outline-success">임상증상</button>
|
|
|
+ <button class="btn btn-outline-success">의료진 메모</button>
|
|
|
+ <button class="btn btn-primary">목록</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <h1 class="h4">
|
|
|
+ - 건강정보 조회
|
|
|
+ <label>
|
|
|
+ <select class="custom-select ml-1 form-control" id="inputState" name="inputState">
|
|
|
+ <option value="success" selected="">체온</option>
|
|
|
+ <option value="info">체온</option>
|
|
|
+ <option value="warning">체온</option>
|
|
|
+ </select>
|
|
|
+ </label>
|
|
|
+ <label class="ml-1">
|
|
|
+ <button type="button" class="btn btn-primary ml-2" data-toggle="modal" data-target="#defaultModalPrimary_1">기록추가</button>
|
|
|
+ <div class="modal fade" id="defaultModalPrimary_1" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
+ <div class="modal-dialog max360" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">건강정보 입력</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: 30%">
|
|
|
+ <col style="width: 70%">
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <th>기록자</th>
|
|
|
+ <td>
|
|
|
+ <div class="form-group mb-xl-0">
|
|
|
+ <input class="form-control" type="text">
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>건강정보</th>
|
|
|
+ <td>
|
|
|
+ <div class="form-group mb-xl-0">
|
|
|
+ <input class="form-control" type="text">
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-outline-primary" data-dismiss="modal">취소</button>
|
|
|
+ <button type="button" class="btn btn-primary">등록</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ </h1>
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="graph-area mb-4">
|
|
|
+ <div style="height:400px;background-color:#dddddd;">그래프영역</div>
|
|
|
+ </div>
|
|
|
+ <div class="table-responsive">
|
|
|
+ <table class="table data-table text-center">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>진료일시</th>
|
|
|
+ <th>체온</th>
|
|
|
+ <th>진료담당자</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>2020-10-10 10:25</td>
|
|
|
+ <td>
|
|
|
+ <span class="text-danger">38.3 ℃</span>
|
|
|
+ </td>
|
|
|
+ <td>홍길동</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>2020-10-10 10:25</td>
|
|
|
+ <td>
|
|
|
+ <span class="text-danger">38.3 ℃</span>
|
|
|
+ </td>
|
|
|
+ <td>홍길동</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>2020-10-10 10:25</td>
|
|
|
+ <td>
|
|
|
+ <span class="text-danger">38.3 ℃</span>
|
|
|
+ </td>
|
|
|
+ <td>홍길동</td>
|
|
|
+ </tr><tr>
|
|
|
+ <td>2020-10-10 10:25</td>
|
|
|
+ <td>
|
|
|
+ 36.5 ℃
|
|
|
+ </td>
|
|
|
+ <td>홍길동</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>2020-10-10 10:25</td>
|
|
|
+ <td>
|
|
|
+ <span class="text-danger">38.3 ℃</span>
|
|
|
+ </td>
|
|
|
+ <td>홍길동</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>2020-10-10 10:25</td>
|
|
|
+ <td>
|
|
|
+ 36.5 ℃
|
|
|
+ </td>
|
|
|
+ <td>홍길동</td>
|
|
|
+ </tr><tr>
|
|
|
+ <td>2020-10-10 10:25</td>
|
|
|
+ <td>
|
|
|
+ 36.5 ℃
|
|
|
+ </td>
|
|
|
+ <td>홍길동</td>
|
|
|
+ </tr><tr>
|
|
|
+ <td>2020-10-10 10:25</td>
|
|
|
+ <td>
|
|
|
+ 36.5 ℃
|
|
|
+ </td>
|
|
|
+ <td>홍길동</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>2020-10-10 10:25</td>
|
|
|
+ <td>
|
|
|
+ <span class="text-danger">38.3 ℃</span>
|
|
|
+ </td>
|
|
|
+ <td>홍길동</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="row mt-3">
|
|
|
+ <div class="col-lg-6">
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-6">
|
|
|
+ <div class="text-right">
|
|
|
+ <button class="btn btn-primary w100">확인</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 환자관리 : 신규환자 등록 END -->
|
|
|
+ </div>
|
|
|
+ </main>
|
|
|
+
|
|
|
+ <jsp:include page="${data._INCLUDE}/footer.jsp"></jsp:include>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+</html>
|
sjpark