mplusDemo/mplus-fatima/WebContent/WEB-INF/view/mobile/medical/outpatient.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-5 col-sm-5">
							<!-- <input type="text" value="2018-01-31" id="datepicker" readonly="" class="hasDatepicker"> -->
							<input type="date" id="dateOutpatientSearchDt" required="required">
						</div>
						<div class="col-xs-4 col-sm-4">
							<select id="sltOutpatientDeptCd">
								<option value="">진료과</option>
							</select>
						</div>
						<div class="col-xs-3 col-sm-3">
							<select id="sltOutpatientSelectedDrId">
								<option value="">지정의</option>
							</select>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-4 col-sm-4">
							<select id="sltOutpatientTreatStat">
								<option value="">진료상태</option>
							</select>
						</div>
						<div class="col-xs-3 col-sm-3">
							<select id="sltOutpatientSearchTxtCls">
								<option value="ID">환자번호</option>
								<option value="NM">환자이름</option>
							</select>
						</div>
						<div class="col-xs-5 col-sm-5">
							<input type="text" id="txtOutpatientSearchTxt">
						</div>				
					</div>
				</div>
			</div>
			<div class="dropdown">
				<button type="button" name="button" class="reset" id="btnOutpatientReset">초기화</button>
				<button type="button" name="button" class="dropdown_btn">
					<strong>접기</strong>
				</button>
				<button type="button" name="button" class="submit" id="btnOutpatientSearch">조회</button>
			</div>
			
			<div id="divResultHeader" class="chart-info">
				<div class="chart-title well">
					<div class="row">
						<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>


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

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

	//==== 페이지 기본 설정 { ====

	//==== 페이지 기본 설정 } ====

	//==== 서비스 객체 { ====
	var mplusMedicalOutpatient = new mplus_medical_outpatient();
	mplusMedicalOutpatient.init();
	//==== 서비스 객체 } ====
});
</script>