Просмотр исходного кода

[phr] 위험 표시 기준 모달창 추가.

sjpark 4 лет назад
Родитель
Сommit
8c33d0793f

+ 47 - 0
src/main/webapp/WEB-INF/jsp/clinic/info.jsp

@@ -651,6 +651,52 @@ $(document).ready(function() {
 <body>
 	<form id="nonface" name="nonface" action="https://lemon.medihere.com/app/vc">
   </form>
+	<div class="modal fade" id="legendGuide" tabindex="-1" role="dialog" aria-hidden="true">
+		<div class="modal-dialog modal-sm" 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">&times;</span> </button>
+				</div>
+				<div class="modal-body m-1">
+					<h4>생체측정 위험 표시 기준</h4>
+					<ul class="legend">
+						<li class="row fever">
+							<div class="col-lg-4">체온</div>
+							<div class="col-lg-8">37.5 이상</div>
+						</li>
+						<li class="row bloodPressure">
+							<div class="col-lg-4">고혈압</div>
+							<div class="col-lg-8">수축기 149 이상<br>이완기 99 이상</div>
+						</li>
+						<li class="row bloodPressure">
+							<div class="col-lg-4">저혈압</div>
+							<div class="col-lg-8">수축기 90 이하<br>이완기 60 이하</div>
+						</li>
+						<li class="row oxygen">
+							<div class="col-lg-4">산소포화도</div>
+							<div class="col-lg-8">94% 이하</div>
+						</li>
+						<li class="row pulse">
+							<div class="col-lg-4">맥박</div>
+							<div class="col-lg-8">최저 55 이하<br>최고 110 이상</div>
+						</li>
+						<li class="row sugar">
+							<div class="col-lg-4">고혈당</div>
+							<div class="col-lg-8">200 이상</div>
+						</li>
+						<li class="row sugar">
+							<div class="col-lg-4">저혈당</div>
+							<div class="col-lg-8">70 이하 </div>
+						</li>
+					</ul>
+				</div>
+				<div class="modal-footer">
+					<button type="button" class="btn btn-primary" data-dismiss="modal">닫기</button>
+				</div>
+			</div>
+		</div>
+	</div>
 	<div class="modal fade" id="defaultModalPrimary_1" tabindex="-1" role="dialog" aria-hidden="true">
 		<div class="modal-dialog modal-sm" role="document">
 			<div class="modal-content">
@@ -1024,6 +1070,7 @@ $(document).ready(function() {
 										<div class="graph-area mb-4" style="height:300px;">
 											<canvas id="phrChart"></canvas>
 										</div>
+										<h1 class="h4 text-right"><span class="small showLegend ml-2" data-toggle="modal" data-target="#legendGuide"><i class="mdi mdi-comment-question-outline"></i> 위험 표시 기준</span></h1>
 										<div class="table-responsive">
 											<table id="phrDataTable" class="table data-table text-center">
 												<thead>

+ 47 - 1
src/main/webapp/WEB-INF/jsp/clinic/state.jsp

@@ -215,6 +215,52 @@ $(document).ready(function() {
 </head>
 
 <body>
+<div class="modal fade" id="legendGuide" tabindex="-1" role="dialog" aria-hidden="true">
+		<div class="modal-dialog modal-sm" 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">&times;</span> </button>
+				</div>
+				<div class="modal-body m-1">
+					<h4>생체측정 위험 표시 기준</h4>
+					<ul class="legend">
+						<li class="row fever">
+							<div class="col-lg-4">체온</div>
+							<div class="col-lg-8">37.5 이상</div>
+						</li>
+						<li class="row bloodPressure">
+							<div class="col-lg-4">고혈압</div>
+							<div class="col-lg-8">수축기 149 이상<br>이완기 99 이상</div>
+						</li>
+						<li class="row bloodPressure">
+							<div class="col-lg-4">저혈압</div>
+							<div class="col-lg-8">수축기 90 이하<br>이완기 60 이하</div>
+						</li>
+						<li class="row oxygen">
+							<div class="col-lg-4">산소포화도</div>
+							<div class="col-lg-8">94% 이하</div>
+						</li>
+						<li class="row pulse">
+							<div class="col-lg-4">맥박</div>
+							<div class="col-lg-8">최저 55 이하<br>최고 110 이상</div>
+						</li>
+						<li class="row sugar">
+							<div class="col-lg-4">고혈당</div>
+							<div class="col-lg-8">200 이상</div>
+						</li>
+						<li class="row sugar">
+							<div class="col-lg-4">저혈당</div>
+							<div class="col-lg-8">70 이하 </div>
+						</li>
+					</ul>
+				</div>
+				<div class="modal-footer">
+					<button type="button" class="btn btn-primary" data-dismiss="modal">닫기</button>
+				</div>
+			</div>
+		</div>
+	</div>
 	<div class="wrapper">
 		<jsp:include page="${data._INCLUDE}/sidebar.jsp"></jsp:include>
 
@@ -243,7 +289,7 @@ $(document).ready(function() {
 								<div class="card-header">
 									<div class="row">
 										<div class="col-lg-6">
-											<h1 class="h4">- 상태현황</h1>
+											<h1 class="h4">- 상태현황<span class="small showLegend ml-2" data-toggle="modal" data-target="#legendGuide"><i class="mdi mdi-comment-question-outline"></i> 위험 표시 기준</span></h1>
 										</div>
 										<div class="col-lg-6 search text-right">
 											<label> <select id="reloadIntervalSelect" class="custom-select" onchange="changeReloadInterval()">

+ 10 - 0
src/main/webapp/resources/css/common/classic.css

@@ -146,6 +146,16 @@
 #playButton.disabled, #pauseButton.disabled { display:none; }
 #tabMemo th:nth-child(2), #tabMemo td:nth-child(2) { text-align: left; }
 #defaultModalPrimary_2 .form-check-inline { min-width: 110px; }
+.showLegend { color: #FF0000 !important; font-weight: 500; cursor: pointer; }
+.showLegend i.mdi { color: #FF0000 !important; }
+.legend { padding: 0;}
+.legend li { list-style: none; font-size: 16px; padding: 10px 0 10px 20px; background-repeat: no-repeat; background-position: 10px 13px; background-size: 20px; border-bottom: 1px solid #ebebeb }
+.legend li:last-child { border: 0; }
+.legend li.fever { background-image: url('../../images/device_connect_link_1.png'); }
+.legend li.oxygen { background-image: url('../../images/device_connect_link_2.png'); }
+.legend li.bloodPressure { background-image: url('../../images/device_connect_link_3.png'); }
+.legend li.sugar { background-image: url('../../images/device_connect_link_4.png'); }
+.legend li.pulse { background-image: url('../../images/device_connect_link_6.png'); }
 .error{color:red;margin:0;}
 .mt8{margin-top:8px;}
 .error-box{outline:none;width:0;height:0;margin:0;border:0;}