<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<%@ include file="/WEB-INF/jspf/common.jspf" %>
<html>
<head>
    <meta charset="utf-8"/>
    <title>监控中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv=X-UA-Compatible IE=EmulateIE7>
    <link rel="stylesheet"
          href="${path}/static/bootstrap-3.3.7/bower_components/bootstrap-table/bootstrap-table.min.css"
          type="text/css">
    <link rel="stylesheet" href="${path}/static/bootstrap-3.3.7/bootstrap-table-fixed-columns.css" type="text/css">

    <!--[if lt IE 9]>
    <script type="text/javascript" src="${path}/static/js/html5shiv.min.js"></script>
    <script type="text/javascript" src="${path}/static/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="${path}/static/js/respond.min.js"></script>
    <![endif]-->
    <script>
        var path = "${path}";
    </script>
    <style type="text/css">
        body {
            margin-right: -15px;
            margin-bottom: -15px;
        }

        .mainDiv {
            background-color: #fff;
        }

        .timeShow {
            height: 50px;
        }

        .colorBack1 {
            width: 29%;
            height: 13%;
            float: left;
            border-radius: 60px;
        }

        .colorBack2 {
            width: 30%;
            height: 12%;
            float: left;
            border-radius: 60px;
        }

        .textBack1 {
            margin-top: 17%;
        }

        .textBack2 {
            margin-top: 15%;
        }

        .textNum {
            font-size: 18px;
        }

        .welcomeInfo {
            float: left;
            margin-right: 5%;
            color: #2aabd2;
            font-size: 22px;
        }

        .companyInfo {
            margin-top: 8px;
            color: #2aabd2;
        }
    </style>
</head>
<body>
<div class="main">
    <div class="headDiv">
        <div class="headSpanDiv">
            <span class="headspan">
                监控中心
            </span>
        </div>
    </div>
    <div class="mainDiv">
        <div class="timeShow">
            <div id="timeShow" style="font-size: 25px;"></div>
        </div>
        <div class="row">
            <div style="margin-left: 6%; float: left; width: 85%; background-color: #fff;">
                <div class="welcomeInfo">
                    欢迎 使用数字病案管理系统
                </div>
                <div class="companyInfo">
                    厦门嘉时软件科技有限公司
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 25px;">
            <div class="col-md-6 col-md-offset-3">
                <div class="col-md-6">
                    <div class="colorBack1" style="background: #2aabd2;"></div>
                    <div class="textBack1">
                        <div class="textNum" style="color: #2aabd2">
                            <strong>${applyApproveNum}</strong>
                        </div>
                        <div class="text">
                            正在调阅的数量
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <a onclick="notApproveClick()" style="cursor: pointer">
                        <div class="colorBack1" style="background: #00a65a;"></div>
                        <div class="textBack1">
                            <div class="textNum" style="color: #00a65a">
                                ${applyApproveNullNum}
                            </div>
                            <div>
                                待批病案数
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 40px;">
            <div class="col-md-8 col-md-offset-2">
                <div class="col-md-4">
                    <a onclick="pdfDownloadClick()" style="cursor: pointer">
                        <div class="colorBack2" style="background: #00a65a;"></div>
                        <div class="textBack2">
                            <div class="textNum" style="color: #00a65a">
                                ${emrDownloadInfoNum}
                            </div>
                            <div>
                                下载量
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4">
                    <div class="colorBack2" style="background: #027dc1;"></div>
                    <div class="textBack2">
                        <div class="textNum" style="color: #027dc1">
                            ${commomNum}
                        </div>
                        <div>
                            数字病案库存数量
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="colorBack2" style="background: #7b59c0;"></div>
                    <div class="textBack2">
                        <div class="textNum" style="color: #7b59c0">
                            ${lockNum}
                        </div>
                        <div>
                            病案锁定数
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 25px;">
            <div class="col-md-6 col-md-offset-3">
                <div class="col-md-6">
                    <div class="colorBack1" style="background: #F1D031;"></div>
                    <div class="textBack1">
                        <div class="textNum" style="color: #F1D031">
                            <strong>${phCount}</strong>
                        </div>
                        <div class="text">
                            病案总盘数
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="colorBack1" style="background: #ff5500;"></div>
                    <div class="textBack1">
                        <div class="textNum" style="color: #ff5500">
                            ${pdfCount}
                        </div>
                        <div>
                            病案图像总数
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="${path}/static/js/otherManage/monitoringCenter.js"></script>
<script type="text/javascript" src="${path}/static/js/dateUtil.js"></script>
</body>
</html>
