<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>

<!-- Page Content  -->
<div id="divContent" style="display: block;">

	<div class="container-fluid container">
		<div class="fixed_navi_wrap main">
			<div class="navigation">
				<h1>바코드 환자검색</h1>
				<div class="navi_menu_wrap">
					<button type="button" name="leftMenuOpen" class="left_menu_btn main">
						<i>기본메뉴</i>
					</button>
					<button type="button" name="rightMenuOpen" class="right_menu_btn main poc-demo">
						<i>닥터메뉴</i>
					</button>
				</div>
				<!--end::class::navi_menu_wrap-->
			</div>
			<!--end::class::navigation-->
		</div>

		<div id="divCondition" class="main_fixed_wrap">
			<div style="width: 100%; line-height: 80px; text-align: center;">
				<button type="button" name="button" class="btn btn-primary" id="btnBarcodeSearch">바코드 인식</button>
			</div>
			
			<div id="divResultHeader" class="chart-info">
				<div class="chart-title well">
					<div class="row">
						<!-- <div class="col-xs-3 text-center">
							<p>환자번호</p>
						 	<p>/ 환자명</p>
						</div>
						<div class="col-xs-3 text-center">
							<p>진료과</p>
							<p>/ 주치의</p>
						</div>
						<div class="col-xs-3 text-center">
							<p>초진여부</p>
							<p>/ 진료시간</p>
						</div>
						<div class="col-xs-3 text-center">
							<p>나이 / 성별</p>
							<p>/ 생년월일</p>
						</div> -->
						<div class="col-xs-12 col-sm-6 col-lg-6">
							<div id="divResultHeaderColumn1" class="col-xs-3 col-sm-3 col-lg-3 text-center">환자번호<span id="spanSortColumn1"></span></div>
							<div id="divResultHeaderColumn2" class="col-xs-3 col-sm-3 col-lg-3 text-center">환자명<span id="spanSortColumn2"></span></div>
							<div id="divResultHeaderColumn3" class="col-xs-3 col-sm-3 col-lg-3 text-center">병실/병상<span id="spanSortColumn3"></span></div>
							<div id="divResultHeaderColumn4" class="col-xs-3 col-sm-3 col-lg-3 text-center">나이/성별<span id="spanSortColumn4"></span></div>
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-6">
							<div id="divResultHeaderColumn5" class="col-xs-3 col-sm-3 col-lg-3 text-center">진료과/진료의<span id="spanSortColumn5"></span></div>
							<div id="divResultHeaderColumn6" class="col-xs-3 col-sm-3 col-lg-3 text-center">주치의<span id="spanSortColumn6"></span></div>
							<div id="divResultHeaderColumn7" class="col-xs-3 col-sm-3 col-lg-3 text-center">입원일<span id="spanSortColumn7"></span></div>
							<div id="divResultHeaderColumn8" class="col-xs-3 col-sm-3 col-lg-3 text-center">생년월일<span id="spanSortColumn8"></span></div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="divResultRows" class="chart-info list" >
			<div class="row text-center" style="line-height: 60px; vertical-align: middle;"> 검색을 수행 하세요. </div>
			<div style="height: 55vh;"></div>
			
			<%-- <div class="chart-content well same-name">
				<div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I" receiptNo="0000">
					<div class="col-xs-12 col-sm-6 col-lg-6">
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">patientId01</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">김길동01</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">병동1/01/01</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">20/M</div>
					</div>
					<div class="col-xs-12 col-sm-6 col-lg-6">
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">진료과1/홍길동</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">홍길동01</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">2018-07-01</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">2001-01-01</div>
					</div>
				</div>
			</div>
			<div class="chart-content well same-name">
				<div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I" receiptNo="0000">
					<div class="col-xs-12 col-sm-6 col-lg-6">
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">patientId01</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">김길동01</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">병동1/01/01</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">20/M</div>
					</div>
					<div class="col-xs-12 col-sm-6 col-lg-6">
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">진료과1/홍길동</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">홍길동01</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">2018-07-01</div>
						<div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">2001-01-01</div>
					</div>
				</div>
			</div>
			
			<div class="chart-content well same-name">
				<a href="#">
					<div class="row">
						<div class="col-xs-3 text-center p-info-01">
							<p>M20181119</p>
							<p>이지은</p>
						</div>
						<div class="col-xs-3  text-center p-info-02">
							<p class="text-truncate">소아청소년(PS)</p>
							<p>김유겸</p>
						</div>
						<div class="col-xs-3  text-center p-info-03">
							<p class="restart">재진</p>
							<p>10.03 17:00</p>
						</div>
						<div class="col-xs-3  text-center p-info-04">
							<p>
								<span>36</span> / <span>여</span>
							</p>
							<p>871015</p>
						</div>
					</div>
				</a>
			</div>
			<div class="chart-content well same-name">
				<a href="#">
					<div class="row">
						<div class="col-xs-3 text-center p-info-01">
							<p>M20181119</p>
							<p>이지은</p>
						</div>
						<div class="col-xs-3  text-center p-info-02">
							<p class="text-truncate">소아기내과(PS)</p>
							<p>전덕우</p>
						</div>
						<div class="col-xs-3  text-center p-info-03">
							<p class="start">초진</p>
							<p>10.04 11:00</p>
						</div>
						<div class="col  text-center p-info-04">
							<p>
								<span>23</span> / <span>여</span>
							</p>
							<p>930123</p>
						</div>
					</div>
				</a>
			</div> --%>
			
		</div>

	</div>


	<%-- <div id="divCondition" style="background-color: #eeeeee;">

		<span>조건부</span>
		<button type="button" id="myModalBtn2" class="btn btn-primary">
			<span>Launch modal</span>
		</button>
		<button type="button" id="sidebarToolBtn2" class="btn btn-info">
			<i class="fas fa-align-left"></i> <span>Toggle Sidebar2</span>
		</button>
		
		<input type="date" class="form-control" id="dateInpatientSearchDt" required="required">
		
		<select class="form-control" id="sltInpatientDeptCd">
			<option value="">진료과</option>
			<option value="HM">가정의학과</option>
		</select>
		
		<select class="form-control" id="sltInpatientSelectedDrId">
			<option value="">지정의</option>
		</select>
		
		<select class="form-control" id="sltInpatientWardCd">
			<option value="">병동</option>
		</select>
		
		<select class="form-control" id="sltInpatientRoomCd">
			<option value="">병실</option>
		</select>
		
		<input type="checkbox" id="chkInpatientIsNewPatient">
		<label for="chkInpatientIsNewPatient">신환여부</label>
		
		<select class="form-control" id="sltInpatientSearchTxtCls">
			<option value="ID">환자번호</option>
			<option value="NM">환자이름</option>
		</select>
		
		<input type="text" class="form-control" id="txtInpatientSearchTxt">

		<button class="btn btn-primary" id="btnInpatientSearch">조회</button>
		
	</div>
		
	<div id="divResult">
		<div id="divResultHeader">
			<div class="row" style="overflow: hidden; background-color: yellow;">
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div id="divResultHeaderColumn1" class="col-xs-3 col-sm-3 col-lg-3">환자번호<span id="spanSortColumn1"></span></div>
					<div id="divResultHeaderColumn2" class="col-xs-3 col-sm-3 col-lg-3">환자명<span id="spanSortColumn2"></span></div>
					<div id="divResultHeaderColumn3" class="col-xs-3 col-sm-3 col-lg-3">병동/병실/병상<span id="spanSortColumn3"></span></div>
					<div id="divResultHeaderColumn4" class="col-xs-3 col-sm-3 col-lg-3">나이/성별<span id="spanSortColumn4"></span></div>
				</div>
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div id="divResultHeaderColumn5" class="col-xs-3 col-sm-3 col-lg-3">진료과/진료의<span id="spanSortColumn5"></span></div>
					<div id="divResultHeaderColumn6" class="col-xs-3 col-sm-3 col-lg-3">주치의<span id="spanSortColumn6"></span></div>
					<div id="divResultHeaderColumn7" class="col-xs-3 col-sm-3 col-lg-3">입원일<span id="spanSortColumn7"></span></div>
					<div id="divResultHeaderColumn8" class="col-xs-3 col-sm-3 col-lg-3">생년월일<span id="spanSortColumn8"></span></div>
				</div>
			</div>
		</div>
		<div id="divResultRows">
			<div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I" receiptNo="0000">
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">patientId01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">김길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">병동1/01/01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">20/M</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">진료과1/홍길동</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">홍길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2018-07-01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2001-01-01</div>
				</div>
			</div>
			<div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I" receiptNo="0000">
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">patientId01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">김길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">병동1/01/01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">20/M</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">진료과1/홍길동</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">홍길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2018-07-01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2001-01-01</div>
				</div>
			</div>
			<div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I" receiptNo="0000">
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">patientId01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">김길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">병동1/01/01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">20/M</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">진료과1/홍길동</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">홍길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2018-07-01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2001-01-01</div>
				</div>
			</div>
			<div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I" receiptNo="0000">
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">patientId01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">김길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">병동1/01/01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">20/M</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">진료과1/홍길동</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">홍길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2018-07-01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2001-01-01</div>
				</div>
			</div>
			<div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I" receiptNo="0000">
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">patientId01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">김길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">병동1/01/01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">20/M</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">진료과1/홍길동</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">홍길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2018-07-01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2001-01-01</div>
				</div>
			</div>
			<div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I" receiptNo="0000">
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">patientId01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">김길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">병동1/01/01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">20/M</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-lg-6">
					<div class="col-xs-3 col-sm-3 col-lg-3">진료과1/홍길동</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">홍길동01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2018-07-01</div>
					<div class="col-xs-3 col-sm-3 col-lg-3">2001-01-01</div>
				</div>
			</div>

		</div>  
		
	</div> --%>

</div>


<script type="text/javascript" src="<c:url value="/resources/js/mobile/medical/barpatient.js?version=" /><s:message code="mp.version"/>"></script>

<script type="text/javascript">
$(document).ready(function () {

	//==== 페이지 기본 설정 { ====
	//$('#divHeader').css('display', 'block');
	//$('#divHeaderTitle').text("입원환자 목록");

    //$('#dismiss, .overlay').on('click', function () {
    //    $('#divMainMenu').removeClass('active');
    //    $('#divQuickMenu').removeClass('active');
	//	$('.overlay').removeClass('active');
    //});

    //$('#myModalBtn').click(function(){
	//	/* $('#modalPatientInfo').modal('show');
	//  	var mplusModalPatientinfo = new mplus_modal_patientinfo();
	//  	mplusModalPatientinfo.init(); */
	//  	
	//	$('#modalSample').modal('show');
	//  	var mplusModalSample = new mplus_modal_sample();
	//  	mplusModalSample.init();
    //});
	//==== 페이지 기본 설정 } ====
		
	//==== 서비스 객체 { ====
	var mplusMedicalBarpatient = new mplus_medical_barpatient();
	// native 호출 뒤에 callback으로 script를 호출하기 위해 객체를 global로 설정
	// window.activeObj. + {function_name} 적용
	mplusMedicalBarpatient.setGlobal(mplusMedicalBarpatient);
	mplusMedicalBarpatient.init();
	//==== 서비스 객체 } ====

});
</script>