thmz/src/main/resources/templates/mz/pharmacy-cell.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/pharmacy-com.js"></script>
<script src="/thmz/js/common/socket-com.js"></script>
<script src="/thmz/js/mz/pharmacy-cell.js"></script>
<title>发药提醒</title>
<style>
    tr {
        /*height: 100px;*/
        font-size: 40px;
        letter-spacing: 8px;
        font-family: sans-serif;
    }

    .table.table-bordered > tr > td {
        height: 88px;
        max-height: 88px;
    }

    #fulldiv {
        background: url('/thmz/images/back.png')no-repeat;
        background-size: cover;
        width: 100%;
        text-align: center;
        height: 100%;
    }

    .button-click {
        width: 380px;
        height: 260px;
        border-radius: 20px;
        border: 0px;
        opacity: 0.9;
    }

    .title {
        line-height: 60px;
        font-weight: bold;
        font-family: cursive;
        font-size: 38px;
        border-radius: 50px;
        color: aliceblue;
        background: linear-gradient(rgb(65, 178, 15), rgb(31, 95, 4))
    }
</style>
<div class="row" id="fulldiv">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div>
            <div class="panel-body">
            </div>
            <div class="row" id="showDiv">
                <div style="display: flex">
                    <div class="col-md-3 col-sm-3 col-xs-12" style="width: 300px">
                        <img src="/thmz/images/logo.png" style="object-fit: cover;width: 300px;"/>
                    </div>
                    <div class="col-md-9 col-sm-9" style="border-bottom: 6px solid #8ADCA3;height: 100px;padding-top: 10px;">
                        <div class="col-md-6 col-sm-6">
                            <h1 class="title">&nbsp;发药排队&nbsp;</h1></div>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div style="text-align: right;padding-right: 30px;font-family: fantasy;">
                                <span style="font-size: 24px;" id="timeNow"></span><br>
                                <span style="font-size: 24px;" id="dateNow"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="margin-top: 200px;">
<!--                    <button type="button" id="btn_med_in_cert" class="btn btn-primary button-click"-->
<!--                            style="background: url('/thmz/images/ybpz1.png')no-repeat;margin-left: 50px;cursor:pointer"-->
<!--                            title="医保凭证">-->
<!--                    </button>-->
                    <button type="button" id="btn_patient_id" class="btn btn-primary button-click"
                            style="background: url('/thmz/images/mzhtm.png')no-repeat;margin-left: 50px;cursor:pointer"
                            title="门诊号条码">
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!--病人门诊ID扫码弹窗开始-->
    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" id="showModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content"
                 style="position: relative;width: 620px;height:350px;margin-left: 150px;margin-top: 250px;background: url('/thmz/images/scanningCode.jpg');">
                <div class="modal-body" style="position: absolute;right: 0;bottom: 0;">
                    <input id="patientId" type='text' style="background: rgb(46,100,234);border: rgb(46,100,234);" inputmode="none"/>
                </div>
            </div>
        </div>
    </div>
    <!--病人门诊ID扫码弹窗结尾-->
    <!--错误弹窗开始-->
    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" id="showErrorModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content"
                 style="width: 500px;height:70px;margin-left: 230px;margin-top: 150px;background-color: red;opacity: 0.7;">
                <div class="modal-body" style="font-size: 28px;font-weight: bold;">
                    <span id="errorText">排队失败，未找到待取药的处方</span>
                </div>
            </div>
        </div>
    </div>
    <!--错误弹窗结尾-->
    <!--成功弹窗开始-->
    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" id="showSuccessModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content"
                 style="width: 500px;height:70px;margin-left: 230px;margin-top: 150px;background-color: green;opacity: 0.7;">
                <div class="modal-body" style="font-size: 28px;font-weight: bold;">
                    <span id="successText">排队成功，请等待叫号</span>
                </div>
            </div>
        </div>
    </div>
    <!--成功弹窗结尾-->
    <!--错误弹窗开始-->
    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" id="showErrorMsg">
        <div class="modal-dialog modal-lg">
            <div class="modal-content"
                 style="width: 500px;height:70px;margin-left: 230px;margin-top: 150px;background-color: red;opacity: 0.7;">
                <div class="modal-body" style="font-size: 28px;font-weight: bold;">
                    <span id="errorMessage"></span>
                </div>
            </div>
        </div>
    </div>
    <!--错误弹窗结尾-->
</div>