thmz/src/main/resources/templates/mz/pharmacy-cell-number.html

<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/common/socket-com.js"></script>
<script src="/thmz/js/mz/pharmacy-cell-number.js"></script>
<title>发药提醒</title>
<style>
    tr{
        /*height: 100px;*/
        font-size: 40px;
        letter-spacing:8px;
        font-family: sans-serif;
    }
    .current{
        background: rgb(189,219,243);
        color: rgb(69,124,189);
    }
    .past{
        color: rgb(63,72,204);
        background: rgb(149,190,191);
    }
    .table.table-bordered > tr >td {
        height: 88px;
        max-height: 88px;
    }
     #fulldiv {
         background: #fff;
         width: 100%;
         text-align: center;
         height: 100%;
     }
</style>
<div class="row" id="fulldiv">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
            <div class="panel-body">
            </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;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="vertical-align: middle !important;font-weight: bold;" class="text-center"><span  id="winNum"></span>号窗口</td>
                            <td colspan="2" class="text-center" style="background:cornflowerblue;color: aliceblue;vertical-align: middle !important;font-weight: bold;">等待取药</td>
                            <td class="text-center" style="vertical-align: middle !important;background: cadetblue;color:aliceblue;font-weight: bold;">过号名单</td>
                        </tr>
                        <tr style="background: #BBFDBC;">
                            <td class="text-center current" style="vertical-align: middle !important;" id="current1"></td>
                            <td class="text-center current" style="vertical-align: middle !important;" id="current2"></td>
                            <td  class="text-center past" style="vertical-align: middle !important;color: red;" id="past1"></td>
                        </tr>
                        <tr style="background: #9CD4D4;">
                            <td class="text-center" style="background:rgb(69,124,189);color: aliceblue;vertical-align: middle !important;width: 25%;font-weight: bold;">正在取药</td>
                            <td class="text-center current" style="vertical-align: middle !important;width: 22%" id="current3"></td>
                            <td class="text-center current" style="vertical-align: middle !important;width: 22%" id="current4"></td>
                            <td class="text-center past" style="vertical-align: middle !important;width: 22%;color: red;" id="past2"></td>
                        </tr>
                        <tr style="background: #BBFDBC;">
                            <td rowspan="4" class="text-center" style="background: aliceblue;vertical-align: middle !important;color: rgb(69,124,189);font-weight: bold;font-size: 100px;" id="rightPerson"></td>
                            <td class="text-center current" style="vertical-align: middle !important;" id="current5"></td>
                            <td class="text-center current" style="vertical-align: middle !important;" id="current6"></td>
                            <td class="text-center past" style="vertical-align: middle !important;color: red;" id="past3"></td>
                        </tr>
                        <tr style="background: #9CD4D4;">
                            <td class="text-center current" style="vertical-align: middle !important;" id="current7"></td>
                            <td class="text-center current" style="vertical-align: middle !important;" id="current8"></td>
                            <td class="text-center past" style="vertical-align: middle !important;color: red;" id="past4"></td>
                        </tr>
                        <tr style="background: #BBFDBC;">
                            <td class="text-center current" style="
                            vertical-align: middle !important;" id="current9"></td>
                            <td class="text-center current" style="vertical-align: middle !important;" id="current10"></td>
                            <td class="text-center past" style="vertical-align: middle !important;color: red;" id="past5"></td>
                        </tr>
                        <tr style="background: #9CD4D4;">
                            <td class="text-center current" style="vertical-align: middle !important;" id="current11"></td>
                            <td class="text-center current" style="vertical-align: middle !important;" id="current12"></td>
                            <td class="text-center past" style="vertical-align: middle !important;color: red;" id="past6"></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;">
                        <span style="color: red;line-height: 60px;font-size: 30px;">请根据呼叫信息，到指定窗口进行取药，未叫号的患者请在等待区等候。</span>
                    </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()" id="btn_init">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!--选择展示药房弹窗结尾-->