<!DOCTYPE html>
|
<html lang="zh-cn">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="renderer" content="webkit">
|
<title>智能机房管理平台-首页</title>
|
|
<link rel="stylesheet" href="./plugins/layui/css/layui.css"/>
|
<link rel="stylesheet" href="./css/statistics.css"/>
|
<link rel="stylesheet" href="./css/reset.css"/>
|
<link rel="stylesheet" href="./css/ui-grid.css"/>
|
|
|
<script src="./plugins/layui/layui.js"></script>
|
<script src="./plugins/echarts/echarts.min.js"></script>
|
|
|
<style>
|
.layui-table tbody tr:hover {
|
background: #e45163;
|
}
|
/** 设置列表可以下拉 **/
|
.div-body {
|
height: 100%;
|
overflow-y: scroll;
|
}
|
|
/** 隐藏列表下拉滚动条 **/
|
.div-body::-webkit-scrollbar {
|
display: none;
|
}
|
/*IE 10+ ----隐藏滚动条*/
|
.div-body {
|
-ms-overflow-style: none;
|
}
|
/*Firefox ----隐藏滚动条*/
|
.div-body {
|
scrollbar-width: none;
|
}
|
#data1{
|
height: 340px;
|
}
|
#data2{
|
height: 300px;
|
}
|
#data3{
|
height: 250px;
|
}
|
@media only screen and (max-width:1280px) and (max-height: 1024px){
|
#data1{
|
height: 300px;
|
}
|
#data2{
|
height: 260px;
|
}
|
#data3{
|
height: 210px;
|
}
|
}
|
@media only screen and (max-width:1280px) and (max-height: 800px){
|
#warnUnDoNum,#deviceManageNum,#day{
|
font-size: 40px;
|
}
|
#data1{
|
height: 300px;
|
}
|
#data2{
|
height: 260px;
|
}
|
#data3{
|
height: 210px;
|
}
|
.pdgxq-table-parent {
|
height: 285px;
|
}
|
}
|
</style>
|
</head>
|
<body class="layui-layout-body" style="overflow:auto;">
|
<div class="div-body" style="padding: 15px;">
|
<div class="layui-row workbench-row layui-col-space15">
|
<div class="layui-col-md3">
|
<div>
|
<p>未处理警报</p>
|
<span id="warnUnDoNum">0</span><i>个</i>
|
<p class="workbench-info">警报总个数：<span id="warnSumNum">0</span><i>个</i></p>
|
</div>
|
</div>
|
<div class="layui-col-md3">
|
<div>
|
<p>管理设备</p>
|
<span id="deviceManageNum">0</span><i>个</i>
|
<p class="workbench-info">设备总个数：<span id="deviceSumNum">0</span><i>个</i></p>
|
</div>
|
</div>
|
<div class="layui-col-md3">
|
<div>
|
<p>系统时间</p>
|
<!-- <span id="taskUnDoSum">0</span><i>个</i>-->
|
<!-- <p class="workbench-info">任务总个数：<span id="taskSumNum">0</span><i>个</i></p>-->
|
<iframe src="clock/clock.html"></iframe>
|
</div>
|
</div>
|
<div class="layui-col-md3">
|
<div>
|
<p>运行天数</p>
|
<span id="day">365</span><i>天</i>
|
<!-- <p class="workbench-info">设备总个数：<span id="deviceSumNum">0</span><i>个</i></p>-->
|
|
</div>
|
</div>
|
</div>
|
<div class="layui-row layui-col-space15">
|
<!--警告概况-->
|
<div class="layui-col-md4">
|
<div class="grid-demo warp-bg">
|
<i class="i"></i>
|
<div class="h1">近30天警告概况</div>
|
<div id="data1" style="width: 100%;"></div>
|
<div id="data2" style="width: 100%;"></div>
|
</div>
|
</div>
|
<!--警告概况 end-->
|
|
<div class="layui-col-md8">
|
<div class="grid-demo grid-demo-bg1">
|
<!--PUE-->
|
<div class="layui-row">
|
<!-- <div class="layui-col-md5">
|
<div class="grid-demo grid-demo-bg1 warp-bg" style="margin-right:8px;">
|
<i class="i"></i>
|
<div class="h1">PUE监测</div>
|
<div class="content ui-row main-around pt20" style="width: 100%;">
|
<div class="databoard-pue__liveload">
|
<div class="databoard-pue__circle" id="pueCur">1.4</div>
|
<h2 class="title">实时</h2>
|
</div>
|
<div class="databoard-pue__recent7day">
|
<div class="databoard-pue__circle" id="pueAvg">1.42</div>
|
<h2 class="title">近七天</h2>
|
</div>
|
</div>
|
</div>
|
</div> -->
|
<div class="layui-col-md12">
|
<div class="grid-demo warp-bg" style="margin-left:7px;">
|
<i class="i"></i>
|
<div class="h1">设备检测量</div>
|
<div id="data3" style="width: 100%;"></div>
|
</div>
|
</div>
|
</div>
|
<!--PUE end-->
|
<div class="layui-row">
|
<div class="layui-col-md12">
|
<div class="grid-demo warp-bg" style="margin-top: 15px;">
|
<i class="i"></i>
|
<div class="h1">警告信息
|
<a class="tit-more" href="javascript:void(0)" onclick="toWarnView()">…更多</a>
|
</div>
|
<div class="pdgxq-table-parent">
|
<table class="layui-table pdgxq-table1" lay-skin="nob">
|
<colgroup>
|
<col width="7%">
|
<col width="15%">
|
<col width="10%">
|
<col width="15%">
|
<col width="10%">
|
<col>
|
</colgroup>
|
<thead>
|
<tr>
|
<th>序号</th>
|
<th>设备名称</th>
|
<th>设备ID</th>
|
<th>警告时间</th>
|
<th>警告状态</th>
|
<th>警告内容</th>
|
</tr>
|
</thead>
|
<tbody id="warnList">
|
<!-- <tr><td colspan="6">暂无数据</td></tr>-->
|
<!-- <tr>-->
|
<!-- <td>1</td>-->
|
<!-- <td>设备1</td>-->
|
<!-- <td>10010001</td>-->
|
<!-- <td>2021-02-18 16:46:46</td>-->
|
<!-- <td>未处理</td>-->
|
<!-- <td>UPS报警，电量仪报警，空调报警，1号温湿度报警</td>-->
|
<!-- </tr>-->
|
<!-- <tr>-->
|
<!-- <td>设备名称1</td>-->
|
<!-- <td>高温预警</td>-->
|
<!-- <td>已处理</td>-->
|
<!-- <td>二级警告</td>-->
|
<!-- <td>2020-04-26 12:30:20</td>-->
|
<!-- <td>张三</td>-->
|
<!-- </tr>-->
|
<!-- <tr>-->
|
<!-- <td>设备名称1</td>-->
|
<!-- <td>高温预警</td>-->
|
<!-- <td>已处理</td>-->
|
<!-- <td>二级警告</td>-->
|
<!-- <td>2020-04-26 12:30:20</td>-->
|
<!-- <td>张三</td>-->
|
<!-- </tr>-->
|
<!-- <tr>-->
|
<!-- <td>设备名称1</td>-->
|
<!-- <td>高温预警</td>-->
|
<!-- <td>已处理</td>-->
|
<!-- <td>二级警告</td>-->
|
<!-- <td>2020-04-26 12:30:20</td>-->
|
<!-- <td>张三</td>-->
|
<!-- </tr>-->
|
<!-- <tr>-->
|
<!-- <td>设备名称1</td>-->
|
<!-- <td>高温预警</td>-->
|
<!-- <td>已处理</td>-->
|
<!-- <td>二级警告</td>-->
|
<!-- <td>2020-04-26 12:30:20</td>-->
|
<!-- <td>张三</td>-->
|
<!-- </tr>-->
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script src="./js/jquery.min.js"></script>
|
<script src="js/constant.js"></script>
|
<script src="js/page/home.js"></script>
|
|
</body>
|
</html>
|
