mplusDemo/mplus-fatima/WebContent/WEB-INF/view/mobile/test/testmain.jsp

<%@ 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">
						<i>닥터메뉴</i>
					</button>
				</div>
				<!--end::class::navi_menu_wrap-->
			</div>
			<!--end::class::navigation-->
		</div>

		<div id="divCondition" class="main_fixed_wrap">
			<div class="collapse show">
				<div class="select_toggle">
					<div class="row">
						<div class="col-xs-4 col-sm-4">
							<!-- <input type="text" value="2018-01-31" id="datepicker" readonly="" class="hasDatepicker"> -->
							<input type="date" class="form-control" id="dateInpatientSearchDt" required="required">
						</div>
						<div class="col-xs-5 col-sm-5">
							<select id="sltInpatientDeptCd">
								<option value="">진료과</option>
								<option value="HM">가정의학과</option>
							</select>
						</div>
						<div class="col-xs-3 col-sm-3">
							<select id="sltInpatientSelectedDrId">
								<option value="">지정의</option>
							</select>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-2 col-sm-2">
							<select id="sltInpatientWardCd">
								<option value="">병동</option>
							</select>
						</div>
						<div class="col-xs-2 col-sm-2">
							<select id="sltInpatientRoomCd">
								<option value="">병실</option>
							</select>
						</div>
						<div class="col-xs-3 col-sm-3">
							<select class="form-control" id="sltInpatientSearchTxtCls">
								<option value="ID">환자번호</option>
								<option value="NM">환자이름</option>
							</select>
						</div>
						<div class="col-xs-3 col-sm-3">
							<input type="text" id="txtInpatientSearchTxt">
						</div>
						<div class="col-xs-2 col-sm-2">
							<div class="custom-control custom-checkbox shinhan">
								<input type="checkbox" id="chkInpatientIsNewPatient" name="chkInpatientIsNewPatient" class="custom-control-input"> <label class="cst-control-label" for="chkInpatientIsNewPatient">신환<span>여부</span></label>
							</div>
						</div>						
					</div>
				</div>
			</div>
			<div class="dropdown">
				<button type="button" name="button" class="reset" id="btnInpatientReset">초기화</button>
				<button type="button" name="button" class="dropdown_btn">
					<strong>접기</strong>
				</button>
				<button type="button" name="button" class="submit" id="btnInpatientSearch">조회</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="chart-content well same-name">
				<div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I">
					<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">
					<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">
				<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">
				<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">
				<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">
				<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">
				<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">
				<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">
$(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(){
      $('#myModal').modal('show');
    });

});
</script>