<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>终端性能图谱</title>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        .list-group-item {
            height: 33.33%;
            text-align: center;
            padding: 30% 0;
            font-size: 18px
        }
        .table>tbody>tr>td{
            padding: 3px;
        }

    </style>
</head>
<body class="container-fluid" style="overflow-y: hidden">
<div class="row" style="padding: 5px 5px;text-align: center">
    <span class="col-md-7 col-xs-7" style="color: red" id="info"></span>
    <span style="margin-left: 30px" id="timeid"></span>
</div>
<div class="row">
    <div class="col-md-12 col-xs-12">

                    <%--实时状态--%>
                    <div id="run_info" class="mt5">

                    </div>

                <div id="info_div" class="mt10">
                    <table class="table table-bordered">
                        <tr><td>cpu详情:</td><td>使用:</td><td class="span0">-</td><td>剩余:</td><td class="span0"></td><td>-</td><td>-</td></tr>
                        <tr><td>内存详情:</td><td>内存总量:</td><td class="span1">-</td><td>已使用:</td><td class="span1">-</td><td>未使用:</td><td class="span1">-</td></tr>
                        <tr><td>磁盘详情:</td><td>磁盘总量:</td><td class="span2">-</td><td>已使用:</td><td class="span2">-</td><td>未使用:</td><td class="span2">-</td></tr>
                    </table>
                   <%-- <div id="div_0" style="width:100%">
                        <label></label><span class="span0"></span>
                        <label style="margin-left: 10%">剩余: </label><span class="span0"></span>
                    </div>
                    <div id="div_1" style="display: none;width: 100%">
                        <label> </label><span class="span1"></span>
                        <label style="margin-left: 10%">已使用: </label><span class="span1"></span>
                        <label style="margin-left: 10%">未使用: </label><span class="span1"></span>
                    </div>
                    <div id="div_2" style="display: none;width: 100%">
                        <label>磁盘总量:</label><span class="span2"></span>
                        <label style="margin-left: 10%">已使用: </label><span class="span2"></span>
                        <label style="margin-left: 10%">未使用: </label><span class="span2"></span>
                    </div>--%>
                </div>

    </div>
</div>


<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/js/plugin/highchart/highcharts.js"></script>
<script src="${ctx}/js/plugin/highchart/export.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/jspJS/utils/common.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/device/devicePropertyOpen.js"></script>
</body>
</html>
