<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title>泰和云HIS</title>
    <link rel="shortcut icon" type="image/x-icon" href="/thmz/images/hospital.png" />
    <!-- Bootstrap -->
    <link rel="stylesheet" href="/thmz/css/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="/thmz/css/font-awesome/css/font-awesome.min.css">
    <!-- NProgress -->
    <link rel="stylesheet" href="/thmz/css/nprogress.css">
    <!-- jQuery custom content scroller -->
    <link rel="stylesheet" href="/thmz/css/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" href="/thmz/css/dropzone.min.css">
    <!-- Custom Theme Style -->
    <link rel="stylesheet" href="/thmz/css/custom.min.css">
    <link rel="stylesheet" href="/thmz/css/bootstrap/css/bootstrap-table.min.css"/>
    <link rel="stylesheet" href="/thmz/css/bootstrap/css/bootstrap-datetimepicker.min.css"/>
    <link href="/thmz/css/pnotify/pnotify.css" rel="stylesheet">
    <link href="/thmz/css/pnotify/pnotify.buttons.css" rel="stylesheet">
    <link href="/thmz/css/pnotify/pnotify.nonblock.css" rel="stylesheet">
    <!-- Switchery -->
    <link href="/thmz/css/switchery.min.css" rel="stylesheet">
    <title>主页</title>
    <style>
        /*滚动条整体部分*/
        *::-webkit-scrollbar{
            width: 8px;
            height: 8px;
            background-color: transparent;
        }
        /*滚动条两端的按钮*/
        *::-webkit-scrollbar-button{
            width: 0px;
            height: 0px;
        }
        /*滚动条里面可以拖动的那部分*/
        *::-webkit-scrollbar-thumb{
            border-radius: 4px;
            background-color: #3C5166;
        }
        /*滚动条里面可以拖动的那部分移入效果*/
        *::-webkit-scrollbar-thumb:hover{
            background-color: #3C5166;
        }
        /*出现横竖滚动条时的右下角*/
        ::-webkit-scrollbar-corner{
            background-color: transparent;
        }
        /*外层轨道*/
        *::-webkit-scrollbar-track{


        }
        /*内层轨道*/
        *::-webkit-scrollbar-track-piece{

        }
        /*!*隐藏滚动条*!*/
        /*body::-webkit-scrollbar {*/
            /*display: none;*/
        /*}*/
    </style>
</head>

<body class="nav-md" style="background: #FFFFFF; color: #333333;overflow: hidden;">
<div class="container body">
    <div class="main_container" style="height: 100%;">
        <div class="col-md-3 left_col" style="height: 100%">
            <div class="left_col scroll-view" style="height: 100%">
                <div class="navbar nav_title" style="border: 0;height: 100px;z-index: 10001;text-align: center;">
                    <a href="/thmz/menu/view" class="site_title" style="height: 100%;"><img src="/thmz/images/hospital.png" style="height: 50px;width: 50px;border-radius: 50%;margin-top: 20px;margin-left: -10px;"></a>
                    <!--<div class="profile clearfix" style="height: 80px">-->
                        <!--<div class="profile_pic">-->
                            <!--<img id="headImage5" src="" alt="..." class="img-circle profile_img">-->
                        <!--</div>-->
                        <!--<div class="profile_info">-->
                            <!--<span>欢迎,</span>-->
                            <!--<h2 class="current_user"></h2>-->
                        <!--</div>-->
                    <!--</div>-->
                </div>


                <!-- menu profile quick info -->

                <!-- /menu profile quick info -->

                <br/>

                <!-- 左菜单 -->
                <div id="sidebar-menu" class="main_menu_side hidden-print main_menu" style="height: calc(100% - 177px);">
                    <div class="menu_section" style="height: 100%">
                        <div>
                       <!-- <h3>门诊业务</h3>-->

                        <ul class="nav side-menu" id="menuBaseNode">
                        </ul>
                        </div>
                    </div>
                </div>
                <!-- /左菜单 -->

                <!-- /menu footer buttons -->
                <div class="sidebar-footer hidden-small" style="height: 40px">
                    <a data-toggle="tooltip" data-placement="top" title="我" onclick="editProfile()">
                        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                    </a>
                    <a data-toggle="tooltip" data-placement="top" title="全屏" id="alarm-fullscreen-toggler">
                        <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
                    </a>
                    <a data-toggle="tooltip" data-placement="top" title="锁定" id="lockScreen">
                        <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
                    </a>
                    <a data-toggle="tooltip" data-placement="top" title="注销" href="#" onclick="loginOut()">
                        <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                    </a>
                </div>
                <!-- /menu footer buttons -->
            </div>
        </div>

        <!-- 上导航条 -->
        <div class="top_nav" style="min-width: 1100px;height: 58px;">
            <div class="nav_menu">
                <nav>
                    <div class="nav toggle" style="min-width: 200px;">
                        <a id="menu_toggle"><i class="fa fa-bars"></i></a>
                        <span style="font-size: 18px;line-height: 30px;">泰和云HIS</span>
                    </div>

                    <ul class="nav navbar-nav navbar-right">
                        <li class="">
                            <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown"
                               aria-expanded="false">
                                <img id="headImage" src="" alt=""><span class="current_user"></span>
                                <span class=" fa fa-angle-down"></span>
                            </a>
                            <ul class="dropdown-menu dropdown-usermenu pull-right">
                                <li><a href="javascript:;" onclick="editProfile()">个人信息</a></li>
                                <li><a href="javascript:;" onclick="editProfileImage()">头像修改</a></li>
                                <li><a href="javascript:;" onclick="editPassword()">密码重置</a></li>
                                <li><a href="#" onclick="loginOut()"><i class="fa fa-sign-out pull-right"></i> 注销</a>
                                </li>
                            </ul>
                        </li>

                        <li role="presentation" class="dropdown">
                            <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown"
                               aria-expanded="false">
                                <i class="fa fa-envelope-o"></i>
                                <span class="badge bg-green">6</span>
                            </a>
                            <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
                                <li>
                                    <a>
                                        <span class="image"><img id="headImage1" src="" alt="Profile Image"/></span>
                                        <span>
                                          <span>John Smith</span>
                                          <span class="time">3 mins ago</span>
                                        </span>
                                        <span class="message">Film festivals used to be do-or-die moments for movie makers. They were where...</span>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="image"><img id="headImage2" src="" alt="Profile Image"/></span>
                                        <span>
                                          <span>John Smith</span>
                                          <span class="time">3 mins ago</span>
                                        </span>
                                        <span class="message">Film festivals used to be do-or-die moments for movie makers. They were where...</span>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="image"><img id="headImage3" src="" alt="Profile Image"/></span>
                                        <span>
                                          <span>John Smith</span>
                                          <span class="time">3 mins ago</span>
                                        </span>
                                        <span class="message">Film festivals used to be do-or-die moments for movie makers. They were where...</span>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="image"><img id="headImage4" src="" alt="Profile Image"/></span>
                                        <span>
                                          <span>John Smith</span>
                                          <span class="time">3 mins ago</span>
                                        </span>
                                        <span class="message">Film festivals used to be do-or-die moments for movie makers. They were where...</span>
                                    </a>
                                </li>
                                <li>
                                    <div class="text-center">
                                        <a>
                                            <strong>See All Alerts</strong>
                                            <i class="fa fa-angle-right"></i>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>

        </div>
        <!-- /上导航条 -->

        <!-- 主内容 -->
        <div class="right_col" role="main" style="min-width: 1100px;background: #EBEBE4;height: calc(100% - 60px)">
            <div th:include="profile_image::profile_image"></div>
            <div id="content" style="height: 100%;">
            </div>
        </div>
        <!-- /主内容 -->

        <!-- 页脚 -->
        <!--<footer style="min-width: 1100px;">-->
            <!--<div class="pull-right">-->
                <!--&lt;!&ndash;Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>&ndash;&gt;-->
            <!--</div>-->
            <!--<div class="clearfix"></div>-->
        <!--</footer>-->
        <!-- /页脚 -->
    </div>
</div>
<script src="/thmz/js/dependent/jquery.min.js"></script>
<script src="/thmz/js/dependent/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="/thmz/js/dependent/fastclick.js"></script>
<!-- 进度条 -->
<script src="/thmz/js/dependent/nprogress.js"></script>
<!-- jQuery custom content scroller -->
<script src="/thmz/js/dependent/jquery.mCustomScrollbar.concat.min.js"></script>
<!--数据校验-->
<script src="/thmz/js/dependent/validator.js"></script>
<!--文件上传-->
<script src="/thmz/js/dependent/dropzone.min.js"></script>
<script src="/thmz/js/dependent/bootstrap-table.min.js"></script>
<script src="/thmz/js/dependent/bootstrap-table-zh-CN.min.js"></script>
<script src="/thmz/js/dependent/bootstrap-datetimepicker.min.js"></script>
<script src="/thmz/js/dependent/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="/thmz/js/common/date-util.js"></script>
<script src="/thmz/js/common/string-util.js"></script>
<script src="/thmz/js/common/pad-util.js"></script>
<script src="/thmz/js/common/math.js"></script>
<!-- Custom Theme Scripts -->
<script src="/thmz/js/dependent/custom-from-min.js"></script>
<script src="/thmz/js/menu.js"></script>
<script src="/thmz/js/dependent/fcode.js"></script>
<script src="/thmz/js/common/message.js"></script>
<!--弹窗-->
<script src="/thmz/js/pnotify/pnotify.js"></script>
<script src="/thmz/js/pnotify/pnotify.buttons.js"></script>
<script src="/thmz/js/pnotify/pnotify.nonblock.js"></script>
<!-- Switchery -->
<script src="/thmz/js/dependent/switchery.min.js"></script>
<script src="/thmz/js/dependent/iscroll.js"></script>
</body>
</html>