<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="UTF-8"/>
|
<meta name="renderer" content="webkit"/>
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
<meta name="full-screen" content="true">
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
|
<title>运维管理系统-大屏监控</title>
|
<meta name="description" content="" />
|
<meta name="keywords" content="" />
|
<link rel="shortcut icon" href="favicon.png"/>
|
<script rembox data-design-width="1920" data-max-client-width="4096" src="js/rembox.js"></script>
|
<link rel="stylesheet" href="css/page/single/style.css"/>
|
<link rel="stylesheet" href="css/page/single/single-3135.css"/>
|
|
<style>
|
/** 背景动效*/
|
#particles-js {
|
width: 100%;
|
height: 1080px;
|
background-color: #04162d;
|
/*background-image: url('');*/
|
background-size: cover;
|
background-position: 50% 50%;
|
background-repeat: no-repeat;
|
}
|
</style>
|
</head>
|
|
<body id="body">
|
<!-- 头部 -->
|
<!-- 头部 -->
|
<!-- banner -->
|
<!-- banner -->
|
<!-- 内容 -->
|
<div class="main" style="position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index:2;">
|
<div class="g-box">
|
<div class="m-topl">
|
<!-- <a href="" class="back"><i></i>返回首页</a>-->
|
<div class="date"><i></i><span id="dayTime">2019-11-12 20:30:56</span></div>
|
</div>
|
<div class="m-titl1">
|
<h3 id="main-title" class="tit">智能运维管理平台</h3>
|
</div>
|
<div class="m-desc">
|
<p id="main-slogan">严格程序，精心操作，规范行为，保障安全</p>
|
</div>
|
<div class="m-box">
|
|
<div class="m-box1" style="display: none;">
|
|
<div class="col-l" style="width:98.8%;height: 900px;">
|
<div class="g-chart gjjk" style="height:890px;">
|
<div class="g-titl">
|
<h3 class="tit" style="font-size:16px;line-height:20px;margin-left: 20px;">
|
设备1
|
</h3>
|
</div>
|
|
<div style="width: 100%;height: 880px">
|
<div id="box1-server1" style="width: 100%; height:860px;"></div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
<div class="m-box2" style="display: none;">
|
|
<div class="col-l" style="width:98.8%;height: 450px;">
|
<div class="g-chart gjjk" style="height:440px;">
|
<div class="g-titl">
|
<h3 class="tit" style="font-size:16px;line-height:20px;margin-left: 20px;">
|
设备1
|
</h3>
|
</div>
|
|
<div style="width: 100%;height: 420px">
|
<div id="box2-server1" style="width: 100%; height:400px;"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-l" style="margin-top:20px;width:98.8%;height: 450px;">
|
<div class="g-chart gjjk" style="height:440px;">
|
<div class="g-titl">
|
<h3 class="tit" style="font-size:16px;line-height:20px;margin-left: 20px;">
|
设备2
|
</h3>
|
</div>
|
<div style="width: 100%;height: 420px">
|
<div id="box2-server2" style="width: 100%; height:400px;"></div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
<div class="m-box3" style="display: none;">
|
|
<div class="col-l" style="width:98.8%;height: 450px;">
|
<div class="g-chart gjjk" style="height:440px;">
|
<div class="g-titl">
|
<h3 class="tit" style="font-size:16px;line-height:20px;margin-left: 20px;">
|
设备1
|
</h3>
|
</div>
|
|
<div style="width: 100%;height: 420px">
|
<div id="box3-server1" style="width: 100%; height:400px;"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-l" style="margin-top:20px;width:48.9%;height: 450px;">
|
<div class="g-chart gjjk" style="height:440px;">
|
<div class="g-titl">
|
<h3 class="tit" style="font-size:16px;line-height:20px;margin-left: 20px;">
|
设备2
|
</h3>
|
</div>
|
<div style="width: 100%;height: 420px">
|
<div id="box3-server2" style="width: 100%; height:400px;"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-l" style="margin-top:20px;width:48.9%;height: 450px;">
|
<div class="g-chart gjjk" style="height:440px;">
|
<div class="g-titl">
|
<h3 class="tit" style="font-size:16px;line-height:20px;margin-left: 20px;">
|
设备3
|
</h3>
|
</div>
|
<div style="width: 100%;height: 420px">
|
<div id="box3-server3" style="width: 100%; height:400px;"></div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
<div class="m-box4" style="display: none;">
|
|
<div class="col-l" style="width:48.9%;height: 450px;">
|
<div class="g-chart gjjk" style="height:440px;">
|
<div class="g-titl">
|
<h3 class="tit" style="font-size:16px;line-height:20px;margin-left: 20px;">
|
设备1
|
</h3>
|
</div>
|
|
<div style="width: 100%;height: 420px">
|
<div id="box4-server1" style="width: 100%; height:400px;"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-l" style="width:48.9%;height: 450px;">
|
<div class="g-chart gjjk" style="height:440px;">
|
<div class="g-titl">
|
<h3 class="tit" style="font-size:16px;line-height:20px;margin-left: 20px;">
|
设备2
|
</h3>
|
</div>
|
<div style="width: 100%;height: 420px">
|
<div id="box4-server2" style="width: 100%; height:400px;"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-l" style="margin-top:20px;width:48.9%;height: 450px;">
|
<div class="g-chart gjjk" style="height:440px;">
|
<div class="g-titl">
|
<h3 class="tit" style="font-size:16px;line-height:20px;margin-left: 20px;">
|
设备2
|
</h3>
|
</div>
|
<div style="width: 100%;height: 420px">
|
<div id="box4-server3" style="width: 100%; height:400px;"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-l" style="margin-top:20px;width:48.9%;height: 450px;">
|
<div class="g-chart gjjk" style="height:440px;">
|
<div class="g-titl">
|
<h3 class="tit" style="font-size:16px;line-height:20px;margin-left: 20px;">
|
设备3
|
</h3>
|
</div>
|
<div style="width: 100%;height: 420px">
|
<div id="box4-server4" style="width: 100%; height:400px;"></div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
|
|
|
<!-- <div class="col-l" style="margin-top:20px;width:48.9%;height: 440px;">-->
|
<!-- <div class="g-chart gjjk" style="height:440px;">-->
|
<!-- <div class="g-titl">-->
|
<!-- <h3 class="tit" style="font-size:16px;line-height:20px">-->
|
<!-- 警告监控-->
|
<!-- </h3>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
|
|
</div>
|
</div>
|
</div>
|
|
<!--添加背景动效-->
|
<div id="particles-js"></div>
|
|
|
<!-- 内容 -->
|
<!-- 底部 -->
|
<!-- 底部 -->
|
<script src="js/jquery.min.js"></script>
|
<script src="./plugins/layui/layui.js"></script>
|
<script src="./plugins/echarts/echarts.min.js"></script>
|
<script src="js/constant.js"></script>
|
<!--<script src="js/common.js"></script>-->
|
<script src="js/page/single/particles.min.js"></script>
|
<script src="js/page/single/single-3135.js"></script>
|
<script inline="javascript">
|
//设置定时刷新页面，主要为了防止掉线
|
var timerFlush;
|
window.onload = function () {
|
if(timerFlush){
|
clearInterval(timerFlush);
|
}
|
timerFlush = setInterval(function() {
|
window.location.href=window.location.href;
|
}, 60 * 60 * 1000);
|
};
|
$("#body").on("dblclick", function () {
|
requestFullScreen(document.documentElement);
|
});
|
</script>
|
</body>
|
|
</html>
|
