<link rel="stylesheet" href="/thmz/css/bootstrap/css/bootstrap-select.css"/>
<link rel="stylesheet" href="/thmz/css/bootstrap/css/daterangepicker.css"/>
<link rel="stylesheet" href="/thmz/css/custom.min.css"/>
<link rel="stylesheet" href="/thmz/css/toll_administration.css"/>
<script src="/thmz/js/dependent/bootstrap-select.js"></script>
<script src="/thmz/js/dependent/jquery.thooClock.js"></script>
<script src="/thmz/js/mz/to-medicine.js"></script>
<title>发药提醒</title>
<style>
    tr{
        /*height: 100px;*/
        font-size: 60px;
        letter-spacing:8px;
    }
</style>
<div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
            <div class="panel-body">
                <!--<form id="formSearch" class="form-horizontal" autocomplete="off">-->
                <!--<div class="form-group col-md-2 col-sm-2 col-xs-12"></div>-->
                <!--<div class="form-group col-md-10 col-sm-10 col-xs-12">-->
                <!--<div class="col-md-2 col-sm-2 col-xs-12" style="text-align:right;float: right;">-->
                <!--<button type="button" style="margin-left:3px" id="btn_weekend" class="btn btn-primary"-->
                <!--title="全屏"><i class="fa fa-gear"></i>-->
                <!--</button>-->
                <!--<button type="button" style="margin-left:3px" id="btn_add" class="btn btn-primary"-->
                <!--title="新增节假日设置"><i class="fa fa-plus"></i>-->
                <!--</button>-->
                <!--</div>-->
                <!--</div>-->
                <!--</form>-->
            </div>
            <div class="row" id="showDiv">
                <div class="col-md-3 col-sm-3 col-xs-12">
                    <img src="/thmz/images/logo.png"/>
                </div>
                <div class="col-md-9 col-sm-9 col-xs-12" style="border-bottom: 6px solid #8ADCA3;height: 89px;">
                    <div class="col-md-3 col-sm-3 col-xs-12"><h1
                            style="line-height: 69px;margin-left: 60px;font-weight: bold;" id="yfName"></h1></div>
                    <div class="col-md-6 col-sm-6 col-xs-12"><h1 style="line-height: 69px;" id="dateNow"></h1></div>
                    <div class="col-md-1 col-sm-1 col-xs-12">
                        <div class="container">
                            <div id="myclock"></div>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-2 col-xs-12">
                        <h1 style="line-height: 69px;" id="timeNow"></h1>
                    </div>
                </div>
                <div style="margin-top: 110px;">
                    <table class="table table-striped table-bordered" id="tableList">
                        <tbody>
                        <tr>
                            <td rowspan="2" style="background: #FFF4C7;vertical-align: middle !important;font-weight: bold;" class="text-center"><span  id="winNum"></span>号窗口</td>
                            <td class="text-center" style="vertical-align: middle !important;background: #FFF4C7;font-weight: bold;">过号名单</td>
                            <td colspan="2" class="text-center" style="vertical-align: middle !important;background: #FFF4C7;font-weight: bold;">等待取药</td>
                        </tr>
                        <tr style="background: #BBFDBC;">
                            <td  class="text-center" style="vertical-align: middle !important;color: red;" id="past1"></td>
                            <td class="text-center" style="vertical-align: middle !important;" id="current1"></td>
                            <td class="text-center" style="vertical-align: middle !important;" id="current2"></td>
                        </tr>
                        <tr style="background: #9CD4D4;">
                            <td class="text-center" style="vertical-align: middle !important;width: 34%;font-weight: bold;">正在取药</td>
                            <td class="text-center" style="vertical-align: middle !important;width: 22%;color: red;" id="past2"></td>
                            <td class="text-center" style="vertical-align: middle !important;width: 22%" id="current3"></td>
                            <td class="text-center" style="vertical-align: middle !important;width: 22%" id="current4"></td>
                        </tr>
                        <tr style="background: #BBFDBC;">
                            <td rowspan="4" class="text-center" style="vertical-align: middle !important;color: red;font-weight: bold;font-size: 120px;" id="rightPerson"></td>
                            <td class="text-center" style="vertical-align: middle !important;color: red;" id="past3"></td>
                            <td class="text-center" style="vertical-align: middle !important;" id="current5"></td>
                            <td class="text-center" style="vertical-align: middle !important;" id="current6"></td>
                        </tr>
                        <tr style="background: #9CD4D4;">
                            <td class="text-center" style="vertical-align: middle !important;color: red;" id="past4"></td>
                            <td class="text-center" style="vertical-align: middle !important;" id="current7"></td>
                            <td class="text-center" style="vertical-align: middle !important;" id="current8"></td>
                        </tr>
                        <tr style="background: #BBFDBC;">
                            <td class="text-center" style="vertical-align: middle !important;color: red;" id="past5"></td>
                            <td class="text-center" style="vertical-align: middle !important;" id="current9"></td>
                            <td class="text-center" style="vertical-align: middle !important;" id="current10"></td>
                        </tr>
                        <tr style="background: #9CD4D4;">
                            <td class="text-center" style="vertical-align: middle !important;color: red;" id="past6"></td>
                            <td class="text-center" style="vertical-align: middle !important;" id="current11"></td>
                            <td class="text-center" style="vertical-align: middle !important;" id="current12"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-12 col-sm-12 col-xs-12" style="border-top: 4px solid #8ADCA3;border-bottom: 6px solid #8ADCA3;border-left: 6px solid #8ADCA3;border-right: 6px solid #8ADCA3;height: 60px;border-top-left-radius: 15px;/* 左上角 */border-bottom-right-radius: 15px; /* 右下角 */">
                    <div class="col-md-2 col-sm-2 col-xs-12" style="margin-top: 5px">
                        <img src="/thmz/images/wxts.png" style="height: 40px;opacity: 0.50;-moz-opacity:0.50;filter:alpha(opacity=50);"/>
                    </div>
                    <div class="col-md-10 col-sm-10 col-xs-12" style="margin-top: -5px;">
                        <h1 style="color: red;line-height: 40px;">请在缴费收据上核对取药窗口，待屏幕显示姓名后凭处方到对应窗口取药。</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!--选择展示药房弹窗开始-->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" id="editModal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="width: 420px;margin-left: 250px;margin-top: 300px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">请选择药房</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-label-left" novalidate  autocomplete="off">

                    <div class="item form-group thmz_alert">
                        <label class="control-label col-md-4 col-sm-4 col-xs-12" for="fyClass">药房 <span
                                class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <select class="form-control selectpicker show-tick" required="required" title="请选择"
                                    id="fyClass">
                            </select>
                        </div>
                    </div>
                    <div class="item form-group thmz_alert">
                        <label class="control-label col-md-4 col-sm-4 col-xs-12" for="winNo">窗口号 <span
                                class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="winNo" type='text' class="form-control" placeholder="请输入取药窗口号"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <!--因为部门表没有主键，需要记录下来要修改的记录原code，防止修改了code本身-->
                <button type="button" class="btn btn-primary"  onclick="initTable()">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!--选择展示药房弹窗结尾-->