mplusDemo/mplus-fatima/WebContent/WEB-INF/view/mobile/safety/bloodmanagement.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 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="collapse2 show" style="height: 205px;">
                <div class="select_toggle" style="padding: 8px 16px 4px 16px;">
                    <div class="row">
                        <div class="col-xs-6">
                            <input type="text" id="txtBloodManagementPatientSearchTxt" placeholder="환자번호">
                        </div>
                        <div class="col-xs-3">
                            <button type="button" name="button" class="btn btn-primary" id="btnBarcodeSearch" style="color: #ffffff;background: #0067a1;text-align: center;">
                                <span style="color:white;">바코드</span>
                            </button>
                        </div>
                        <div class="col-xs-3">
                            <button type="button" name="button" class="btn btn-primary" id="btnBloodManagementSearch" style="color: #ffffff;background: #0067a1;text-align: center;">
                                <span style="color:white;">검색</span>
                            </button>
                        </div>
                        <!--
                        <div class="col-xs-3 col-sm-3">
                            <select id="sltOppatientOperationRoomCd">
                                <option value="">수술방</option>
                            </select>
                        </div>
                         -->
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <select id="sltBloodManagementCd">
                                <option value="1">혈액 신청</option>
                                <option value="2">혈액 수령</option>
                                <option value="3">수혈 확인</option>
                                <option value="4">혈액 반납</option>
                            </select>
                        </div>
                    </div>
                    <!--
					<div class="row">
						<div class="col-xs-6 col-sm-6">
							<select id="sltOppatientOperationStatCd">
								<option value="">진행상태</option>
							</select>
						</div>
						<div class="col-xs-6 col-sm-6">
							<div class="custom-control custom-checkbox shinhan">
								<input type="checkbox" id="chkOpatientIsLocalAnesthesia" name="chkOpatientIsLocalAnesthesia" class="custom-control-input"> <label class="cst-control-label" for="chkOpatientIsLocalAnesthesia"> 로컬마취제외<span></span></label>
							</div>
						</div>
					</div>
					-->

                    <div class="chart-view-top" style="margin: 10px 0px 10px 0px; padding: 5px 15px 10px 15px;">
                        <div class="row">
                            <div class="col-xs-12">
                                <p class="patient-name">
                                    <span class="modal-patient-name">김길동01</span>
                                    (<span class="modal-patient-id">patientId01</span>)
                                </p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="col-xs-6">
                                    <p class="patient-info"  style="padding-top: 5px;">
                                        <span>나이/성별</span> <span class="modal-patient-age-gender" style="padding-top: 10px;">20 / M</span>
                                    </p>
                                </div>
                                <div class="col-xs-6">
                                    <p class="patient-info" style="padding-top: 5px;">
                                        <span>진료</span> <span class="modal-patient-treat-cls" style="padding-top: 10px;">입원</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--
			<div class="dropdown">
				<button type="button" name="button" class="reset" id="btnOppatientReset">초기화</button>
				<button type="button" name="button" class="dropdown_btn">
					<strong>접기</strong>
				</button>
				<button type="button" name="button" class="submit" id="btnOppatientSearch">조회</button>
			</div>
			-->

            <div id="divResultHeader" class="chart-info">
                <div class="chart-title well">
                    <div class="row">
                        <div id="divResultHeaderInfo" class="col-xs-12">
                            <div id="divResultHeaderColumn1" class="col-xs-1 text-center">ABO<p/>Rh</div>
                            <div id="divResultHeaderColumn2" class="col-xs-1 text-center">IPO<span id="spanSortColumn2"></span></div>
                            <div id="divResultHeaderColumn3" class="col-xs-4 text-center">성분제제<span id="spanSortColumn3"></span></div>
                            <div id="divResultHeaderColumn4" class="col-xs-2 text-center">처방량<p/>(ml)<span id="spanSortColumn4"></span></div>
                            <div id="divResultHeaderColumn5" class="col-xs-2 text-center">처방일<span id="spanSortColumn5"></span></div>
                            <div id="divResultHeaderColumn6" class="col-xs-2 text-center">신청가능<p/>수량<span id="spanSortColumn6"></span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="divResultRows" class="chart-info2 list" style="padding: 325px 16px 16px 16px;">
            <div class="row text-center" style="line-height: 60px; vertical-align: middle;font-size: 20px;font-weight: bold;"> 환자번호 바코드를 스캔해주세요. </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 class="col-xs-12" style="height:50px;width:100%;position:fixed;left:0;bottom:0;">
        <div class="col-xs-10">
        </div>
        <div class="col-xs-2" style="padding:0px 0px 0px 0px;">
            <button type="button" name="button" class="btn btn-primary" id="btnInputBloodManagementAct" style="width:100%; color: #ffffff;background: #0067a1;text-align: center;">
                <span style="color:white;">실시</span>
            </button>
        </div>
    </div>
    -->

</div>


<!-- 혈액신청 -->
<div class="modal fade-scale" id="mplusAlertBloodRequestAction" tabindex="-1" role="dialog" style="display: none; z-index: 1051;">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="firstViewCheckModalLabel">혈액신청</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div>
                <div class="chart-title well">
                    <table style="width: 100%; margin: 5px; border: 1px solid #444444;">
                        <tbody>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">혈액형</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodRequestGroup">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">성분제제</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodRequestConstituent">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">신청수량</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <select id="dataBloodRequestQuantity" class="form-control">
                                </select>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <div class="col-xs-5">
                    <button type="button" name="button" class="btn btn-primary" id="btnBloodRequestAct" style="width:100%; color: #ffffff;background: #0067a1;text-align: center;">
                        <span style="color:white;">실시</span>
                    </button>
                </div>
                <div class="col-xs-2">
                </div>
                <div class="col-xs-5">
                    <button type="button" name="button" class="btn btn-primary" id="btnBloodRequestCancel" style="width:100%; color: #ffffff;background: #FE642E;text-align: center;">
                        <span style="color:white;">취소</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 혈액수령 -->
<div class="modal fade-scale" id="mplusAlertBloodReceiveAction" tabindex="-1" role="dialog" style="display: none; z-index: 1051;">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="secondViewCheckModalLabel">혈액수령</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div>
                <div class="chart-title well">
                    <table style="width: 100%; margin: 5px; border: 1px solid #444444;">
                        <thead>
                        <tr class="exam-header">
                            <th class="text-center" style="width:30%; border: 1px solid #444444;padding: 5px;">혈액번호</th>
                            <th class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="bloodReceiveActionNum" class="col-xs-12" style="padding:0;">
                                </div>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">출고일</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input type="date" id="dateBloodReceiveActionDate" class="form-control">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">출고시간</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input type="time" id="dateBloodReceiveActionTime" class="form-control">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">성분제제</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodReceiveConstituent">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">ABO Rh</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodReceiveABO">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">IPO</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodReceiveIPO">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">출고량</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodReceiveQuantity">
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <div class="col-xs-5">
                    <button type="button" name="button" class="btn btn-primary" id="btnBBloodReceiveAct" style="width:100%; color: #ffffff;background: #0067a1;text-align: center;">
                        <span style="color:white;">실시</span>
                    </button>
                </div>
                <div class="col-xs-2">
                </div>
                <div class="col-xs-5">
                    <button type="button" name="button" class="btn btn-primary" id="btnBloodReceiveCancel" style="width:100%; color: #ffffff;background: #FE642E;text-align: center;">
                        <span style="color:white;">취소</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 수혈확인 -->
<div class="modal fade-scale" id="mplusAlertBloodCheckAction" tabindex="-1" role="dialog" style="display: none; z-index: 1051;">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="thirdViewCheckModalLabel">수혈확인</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div>
                <div class="chart-title well">
                    <table style="width: 100%; margin: 5px; border: 1px solid #444444;">
                        <thead>
                        <tr class="exam-header">
                            <th class="text-center" style="width:30%; border: 1px solid #444444;padding: 5px;">혈액번호</th>
                            <th class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="bloodCheckActionNum" class="col-xs-12" style="padding:0;">
                                </div>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">출고일</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input type="date" id="dateBloodCheckActionDate" class="form-control">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">성분제제</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodCheckConstituent">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">ABO Rh</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodCheckABO">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">IPO</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodCheckIPO">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">출고량</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodCheckQuantity">
                                </div>
                            </td>
                        </tr>
                        <tr class="exam-header">
                            <th class="text-center" style="width:30%; border: 1px solid #444444;padding: 5px;">의사 확인</th>
                            <th class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="bloodCheckActionDoc">
                                    <div class="col-xs-8" style="padding: 0;">
                                        <input id="inputBloodCheckActionDoc" class="form-control">
                                    </div>
                                    <div class="col-xs-4" style="padding: 0;">
                                        <button type="button" name="button" class="btn btn-primary classBtnInPutActBarcode" btnLength="0" id="btnBloodCheckActionDoc" style="color: #ffffff;background: #0067a1;text-align: center;">
                                            <span style="color:white;">X</span>
                                        </button>
                                    </div>
                                </div>
                            </th>
                        </tr>
                        <tr class="exam-header">
                            <th class="text-center" style="width:30%; border: 1px solid #444444;padding: 5px;">의료진 확인</th>
                            <th class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="bloodCheckActionUser">
                                    <div class="col-xs-8" style="padding: 0;">
                                        <input id="inputBloodCheckActionUser" class="form-control">
                                    </div>
                                    <div class="col-xs-4" style="padding: 0;">
                                        <button type="button" name="button" class="btn btn-primary classBtnInPutActBarcode" btnLength="0" id="btnBloodCheckActionUser" style="color: #ffffff;background: #0067a1;text-align: center;">
                                            <span style="color:white;">X</span>
                                        </button>
                                    </div>
                                </div>
                            </th>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <div class="col-xs-5">
                    <button type="button" name="button" class="btn btn-primary" id="btnBloodCheckAct" style="width:100%; color: #ffffff;background: #0067a1;text-align: center;">
                        <span style="color:white;">실시</span>
                    </button>
                </div>
                <div class="col-xs-2">
                </div>
                <div class="col-xs-5">
                    <button type="button" name="button" class="btn btn-primary" id="btnBloodCheckCancel" style="width:100%; color: #ffffff;background: #FE642E;text-align: center;">
                        <span style="color:white;">취소</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 혈액반납 -->
<div class="modal fade-scale" id="mplusAlertBloodCancelAction" tabindex="-1" role="dialog" style="display: none; z-index: 1051;">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="fourthViewCheckModalLabel">혈액반납</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div>
                <div class="chart-title well">
                    <table style="width: 100%; margin: 5px; border: 1px solid #444444;">
                        <thead>
                        <tr class="exam-header">
                            <th class="text-center" style="width:30%; border: 1px solid #444444;padding: 5px;">혈액번호</th>
                            <th class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="bloodCancelActionNum">
                                </div>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">성분제제</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="dataBloodCancelConstituent">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">출고일</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input type="date" id="dateBloodCancelOutDate" class="form-control">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">확인일</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input type="date" id="dateBloodCancelActionDate" class="form-control">
                            </td>
                        </tr>
                        <tr class="exam-header">
                            <th class="text-center" style="width:30%; border: 1px solid #444444;padding: 5px;">인수자</th>
                            <th class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="bloodCancelActionUser">
                                    <div class="col-xs-8" style="padding: 0;">
                                        <input id="inputBloodCancelActionUser" class="form-control">
                                    </div>
                                    <div class="col-xs-4" style="padding: 0;">
                                        <button type="button" name="button" class="btn btn-primary classBtnInPutActBarcode" btnLength="0" id="btnBloodCancelActionUser" style="color: #ffffff;background: #0067a1;text-align: center;">
                                            <span style="color:white;">X</span>
                                        </button>
                                    </div>
                                </div>
                            </th>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <div class="col-xs-5">
                    <button type="button" name="button" class="btn btn-primary" id="btnBloodCancelAct" style="width:100%; color: #ffffff;background: #0067a1;text-align: center;">
                        <span style="color:white;">실시</span>
                    </button>
                </div>
                <div class="col-xs-2">
                </div>
                <div class="col-xs-5">
                    <button type="button" name="button" class="btn btn-primary" id="btnBloodCancelCancel" style="width:100%; color: #ffffff;background: #FE642E;text-align: center;">
                        <span style="color:white;">취소</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>


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

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

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

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

        //==== 서비스 객체 { ====
        var mplusSafetyBloodManagement = new mplus_safety_bloodManagement();
        mplusSafetyBloodManagement.setGlobal(mplusSafetyBloodManagement);
        mplusSafetyBloodManagement.init();
        //==== 서비스 객체 } ====
    });
</script>