mplusDemo/mplus-fatima/WebContent/WEB-INF/view/mobile/schedule/outpatientsch.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">
	<div class="container-fluid container duty common">
		<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 class="collapse show">
	          <div class="select_toggle">
	            <div class="row">
	              <div class="col-xs-2 col-sm-2">
	                <button type="button" class="date-prev" id="btnOutpatientschBeforeWeek">
	                  <img src="${pageContext.request.contextPath}/resources/css/images/publishing/btn-date-prev.png" alt="date-prev">
	                </button>
	              </div>
	              <div class="col-xs-8 col-sm-8">
	                <div class="starting-date">
	                  <p class="data-year" id="txtOutpatientschStartYear">2018</p>
	                  <p class="data-day">
	                    <span class="data-month"  id="txtOutpatientschStartMonth">11</span>월<span class="data-day" id="txtOutpatientschStartDay">23</span>일
	                  </p>
	                </div>
	                <div class="wave">~</div>
	                <div class="ending-date">
	                  <p class="data-year" id="txtOutpatientschEndYear">2018</p>
	                  <p class="data-day">
	                    <span class="data-month" id="txtOutpatientschEndMonth">12</span>월<span class="data-day" id="txtOutpatientschEndDay">09</span>일
	                  </p>
	                </div>
	              </div>
	              <div class="col-xs-2 col-sm-2">
	                <button type="button" class="date-next" id="btnOutpatientschNextWeek">
	                  <img src="${pageContext.request.contextPath}/resources/css/images/publishing/btn-date-next.png" alt="date-next">
	                </button>
	              </div>
	            </div>
	            <div class="row">
	              <div class="col-xs-12">
	                <select id="sltOutpatientschDept">
	                  <option>진료과</option>
	                  <option>심장마취통증의학과1</option>
	                  <option>심장마취통증의학과2</option>
	                  <option>심장마취통증의학과3</option>
	                </select>
	              </div>
	            </div>
	          </div>
	        </div>
	        <div class="dropdown">
	         <!-- <button type="button" name="button" class="reset">초기화</button> -->
	          <button type="button" name="button" class="dropdown_btn"><strong>접기</strong> </button>
	          <button id="btnOutpatientschSearch" type="button" name="button" class="submit">조회</button>
	        </div>
		</div>

		<div class="duty-schedule">
	        <div class="duty-tit">
	          <div class="row">
	            <div class="col-sm-2 col-xs-2"><p>의사명</p></div>
	            <div class="col-sm-2 col-xs-2"><button type="button">월<span id="txtSchMonDate">24</span></button></div>
	            <div class="col-sm-2 col-xs-2"><button type="button">화<span id="txtSchTueDate">25</span></button></div>
	            <div class="col-sm-2 col-xs-2"><button type="button">수<span id="txtSchWedDate">26</span></button></div>
	            <div class="col-sm-2 col-xs-2"><button type="button">목<span id="txtSchThuDate">27</span></button></div>
	            <div class="col-sm-2 col-xs-2"><button type="button">금<span id="txtSchFriDate">28</span></button></div>
	            <div class="col-sm-2 col-xs-2 sat"><button type="button">토<span id="txtSchSatDate">29</span></button></div>
	          </div>
	        </div>
	        <div id="divOutpatientschResultRows">
	        	<div class="duty-person D-type">
		          <div class="row">
		            <div class="col-sm-2 col-xs-2 dutyDoctorId" doctorId="doctorID1">박찬호</div>
		            <div class="col-sm-2 col-xs-2 dutyon">
		              <p>박찬호</p>
		            </div>
		            <div class="col-sm-2 col-xs-2">
		              <p>박찬호</p>
		            </div>
		            <div class="col-sm-2 col-xs-2">
		              <p>박찬호</p>
		            </div>
		            <div class="col-sm-2 col-xs-2">
		              <p>박찬호</p>
		            </div>
		            <div class="col-sm-2 col-xs-2">
		              <p>박찬호</p>
		            </div>
		            <div class="col-sm-2 col-xs-2">
		              <p>박찬호</p>
		            </div>
		          </div>
				</div>
	          	<div class="duty-person N-type">
		          <div class="row">
		            <div class="col-sm-2 col-xs-2 dutyDoctorId" doctorId="doctorID2">임청하</div>
		            <div class="col-sm-2 col-xs-2 dutyon">
		            <p>임청하</p>
		          </div>
		            <div class="col-sm-2 col-xs-2">
		            <p>임청하</p>
		          </div>
		            <div class="col-sm-2 col-xs-2">
		            <p>임청하</p>
		          </div>
		            <div class="col-sm-2 col-xs-2">
		            <p>임청하</p>
		          </div>
		            <div class="col-sm-2 col-xs-2">
		            <p>임청하</p>
		          </div>
		            <div class="col-sm-2 col-xs-2">
		            <p>임청하</p>
		          </div>
		          </div>
	        	</div>
	       	 	<div class="duty-person ICU">
		          <div class="row">
		            <div class="col-sm-2 col-xs-2 dutyDoctorId" doctorId="doctorID3">왕조현</div>
		            <div class="col-sm-2 col-xs-2 dutyon">
		              <p>왕조현</p>
		            </div>
		            <div class="col-sm-2 col-xs-2">
		              <p>왕조현</p>
		            </div>
		            <div class="col-sm-2 col-xs-2">
		              <p>왕조현</p>
		            </div>
		            <div class="col-sm-2 col-xs-2">
		              <p>왕조현</p>
		            </div>
		            <div class="col-sm-2 col-xs-2">
		              <p>왕조현</p>
		            </div>
		            <div class="col-sm-2 col-xs-2">
		              <p>왕조현</p>
		            </div>
		          </div>
	        	</div>
	        </div>
      </div>

	</div>
</div>

<script type="text/javascript" src="<c:url value="/resources/js/mobile/schedule/outpatientsch.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(){
      $('#myModal').modal('show');
    });    

    $('#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 mplusScheduleOutpatientsch = new mplus_schedule_outpatientsch();
	mplusScheduleOutpatientsch.init();
	//==== 서비스 객체 } ====

});
</script>