thmz/src/main/resources/templates/doctorIndex.html

<link rel="stylesheet" href="/thmz/css/bootstrap/css/bootstrap-progressbar-3.3.4.min.css"/>
<link rel="stylesheet" href="/thmz/css/custom.min.css">
<link rel="stylesheet" href="/thmz/css/doctorIndex.css">

<script>
    // 图一
    $('.dropdown-menu1').click(function(event) {
        $('.dropdown-toggle1 .text').html(event.target.innerHTML)
    })
    // 图二
    $('.dropdown-menu2').click(function(event) {
        $('.dropdown-toggle2 .text').html(event.target.innerHTML)
    })
</script>
<script src="/thmz/js/echarts/echarts.min.js"></script>
<script src="/thmz/js/dependent/moment.min.js"></script>
<script src="/thmz/js/dependent/jquery.min.js"></script>
<script src="/thmz/js/doctorIndex.js"></script>
<title>主页面</title>
<div style="height: 100%;overflow: hidden; overflow-y: scroll">
    <div class="row top_tiles">
        <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="tile-stats">
                <div class="icon"><i class="fa fa-user-plus" style="color: #54BCBD;font-size: 52px"></i></div>
                <div class="count" id="haveClinicalNum">0</div>
                <h3>接诊人次</h3>
            </div>
        </div>
        <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="tile-stats">
                <div class="icon"><i class="fa fa-user" style="color: #54BCBD;font-size: 54px"></i></div>
                <div class="count" id="registrationNum">0</div>
                <h3>入院人次</h3>
            </div>
        </div>
        <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="tile-stats">
                <div class="icon" style="top: 18px">
                    <span class="glyphicon glyphicon-calendar" aria-hidden="true" style="font-size: 50px;color: #54BCBD"></span>
                </div>
                <div class="count" id="ghAmount">0.00</div>
                <h3>出诊天数</h3>
            </div>
        </div>
        <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="tile-stats">
                <div class="icon" style="top: 18px"><i class="fa fa-hourglass-start" style="color: #54BCBD;font-size: 48px"></i></div>
                <div  class="count" id="sfAmount">0.00</div>
                <h3>门诊平均等待时间</h3>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6 col-sm-8 col-xs-12">
            <div class="dashboard_graph" style="min-width: 600px">

                <div class="row x_title">
                    <div class="col-md-4">
                    </div>
                    <div class="col-md-4">
                    </div>
                    <div class="col-md-4">
                        <div class="btn-group">
                            <button type="button" class="btn btn-default dropdown-toggle1" id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="text" style="color: #000">近半年</span>
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu1" aria-labelledby="dropdownMenu">
                                <li><a href="#">近三个月</a></li>
                                <li><a href="#">近半年</a></li>
                                <li><a href="#">近一年</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 图一 -->
                <div style="padding: 20px 0;">
                    <div id="canvas" style="min-height: 500px"></div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-sm-4 col-xs-12">
            <div class="dashboard_graph">
                <div class="row x_title">
                    <div class="col-md-4">
                    </div>
                    <div class="col-md-4">
                    </div>
                    <div class="col-md-4">
                        <div class="btn-group">
                            <button type="button" class="btn btn-default dropdown-toggle2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="text" style="color: #000">近半年</span>
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu2" aria-labelledby="dropdownMenu1">
                                <li><a href="#">近三个月</a></li>
                                <li><a href="#">近半年</a></li>
                                <li><a href="#">近一年</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 图二 -->
                <div style="padding: 20px 0;">
                    <div id="canvas1" style="min-height: 500px"></div>
                </div>
            </div>
        </div>
    </div>
</div>