mirror of
https://gitee.com/AiShiYuShiJiePingXing/bigscreen.git
synced 2026-01-21 05:40:35 +08:00
228 lines
5.3 KiB
HTML
228 lines
5.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>index</title>
|
|
<script type="text/javascript" src="js/jquery.js"></script>
|
|
<script type="text/javascript" src="js/echarts.min.js"></script>
|
|
<script type="text/javascript" src="js/china.js"></script>
|
|
<script type="text/javascript" src="js/js.js"></script>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="head clearfix">
|
|
<div class="home"><a href="#"><img src="images/Home.png" width="28"> <i> 首页</i></a></div>
|
|
<div class="menu menu1 pulll_left">
|
|
<ul>
|
|
<li><a href="#">功能菜单一 </a></li>
|
|
<li><a href="#">功能菜单二</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
<h1 class="pulll_left">公司名称有限公司大数据监控平台</h1>
|
|
<div class="menu menu2 pulll_left">
|
|
<ul>
|
|
<li><a href="#">功能菜单一 </a></li>
|
|
<li><a href="#">功能菜单二</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="time" id="showTime">2018/6/12 17:00:12</div>
|
|
<script>
|
|
var t = null;
|
|
t = setTimeout(time,1000);//開始运行
|
|
function time()
|
|
{
|
|
clearTimeout(t);//清除定时器
|
|
dt = new Date();
|
|
var y=dt.getFullYear();
|
|
var mt=dt.getMonth()+1;
|
|
var day=dt.getDate();
|
|
var h=dt.getHours();//获取时
|
|
var m=dt.getMinutes();//获取分
|
|
var s=dt.getSeconds();//获取秒
|
|
document.getElementById("showTime").innerHTML = y+"/"+mt+"/"+day+" "+h+":"+m+":"+s+"";
|
|
t = setTimeout(time,1000); //设定定时器，循环运行
|
|
}
|
|
|
|
</script>
|
|
</div>
|
|
<div class="mainbox">
|
|
|
|
<ul class="clearfix nav1">
|
|
<li style="width: 22%">
|
|
<div class="box">
|
|
<div class="tit">标题样式</div>
|
|
<div class="boxnav" style="height: 200px;">
|
|
<table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
|
|
<tbody>
|
|
<tr>
|
|
<th></th>
|
|
<th>数据</th>
|
|
<th>运行</th>
|
|
<th>待机</th>
|
|
<th>时间</th>
|
|
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>集回1</td>
|
|
<td>1</td>
|
|
<td>3</td>
|
|
<td>1</td>
|
|
<td>2281.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>集回1</td>
|
|
<td>1</td>
|
|
<td>3</td>
|
|
<td>1</td>
|
|
<td>2281.0</td>
|
|
</tr> <tr>
|
|
<td>集回1</td>
|
|
<td>1</td>
|
|
<td>3</td>
|
|
<td>1</td>
|
|
<td>2281.0</td>
|
|
</tr> <tr>
|
|
<td>集回1</td>
|
|
<td>1</td>
|
|
<td>3</td>
|
|
<td>1</td>
|
|
<td>2281.0</td>
|
|
</tr> <tr>
|
|
<td>集回1</td>
|
|
<td>1</td>
|
|
<td>3</td>
|
|
<td>1</td>
|
|
<td>2281.0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="box">
|
|
<div class="tit">标题样式</div>
|
|
<div class="boxnav" style="height: 250px;">
|
|
<ul class="ybp clearfix">
|
|
<li id="echart5"></li>
|
|
<li id="echart6"></li>
|
|
<li id="echart7"></li>
|
|
<li id="echart8"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li style="width: 56%">
|
|
|
|
<div class="box">
|
|
<div class="boxnav mapc" style="height: 550px; position: relative">
|
|
<div class="mapnav">
|
|
<ul>
|
|
<li><div><span>数据名称</span><p>358</p></div></li>
|
|
<li><div><span>数据名称</span><p>913452</p></div></li>
|
|
<li><div><span>数据名称</span><p>19532</p></div></li>
|
|
<li><div><span>数据名称</span><p>521711</p></div></li>
|
|
<li><div><span>数据名称</span><p>13552</p></div></li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="map" id="map">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</li>
|
|
<li style="width: 22%">
|
|
|
|
<div class="box">
|
|
<div class="tit">标题样式</div>
|
|
<div class="boxnav" style="height: 200px;">
|
|
<table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
|
|
<tbody>
|
|
<tr>
|
|
<th></th>
|
|
<th>数据</th>
|
|
<th>运行</th>
|
|
<th>待机</th>
|
|
<th>时间</th>
|
|
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>集回1</td>
|
|
<td>1</td>
|
|
<td>3</td>
|
|
<td>1</td>
|
|
<td>2281.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>集回1</td>
|
|
<td>1</td>
|
|
<td>3</td>
|
|
<td>1</td>
|
|
<td>2281.0</td>
|
|
</tr> <tr>
|
|
<td>集回1</td>
|
|
<td>1</td>
|
|
<td>3</td>
|
|
<td>1</td>
|
|
<td>2281.0</td>
|
|
</tr> <tr>
|
|
<td>集回1</td>
|
|
<td>1</td>
|
|
<td>3</td>
|
|
<td>1</td>
|
|
<td>2281.0</td>
|
|
</tr> <tr>
|
|
<td>集回1</td>
|
|
<td>1</td>
|
|
<td>3</td>
|
|
<td>1</td>
|
|
<td>2281.0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="box">
|
|
<div class="tit">标题样式</div>
|
|
<div class="boxnav" style="height: 250px;">
|
|
<div class="" style="height: 190px" id="echart1"></div>
|
|
<div class="leidanav">
|
|
<ul class="clearfix">
|
|
<li><span>文本1</span><p>43</p></li>
|
|
<li><span>文本2</span><p>100</p></li>
|
|
<li><span>文本3</span><p>28</p></li>
|
|
<li><span>文本4</span><p>3</p></li>
|
|
<li><span>文本5</span><p>150</p></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="box" style="padding: 20px 0;">
|
|
<ul class="clearfix nav2 ">
|
|
<li style="width:35%"><div class="tit01">标题样式</div>
|
|
<div class="ftechart" id="echart2"></div>
|
|
</li>
|
|
<li style="width:20%">
|
|
<div class="tit01">标题样式</div>
|
|
<div class="ftechart" id="echart9"></div>
|
|
</li>
|
|
<li style="width:25%"><div class="tit01">标题样式</div><div class="ftechart" id="echart3"></div></li>
|
|
<li style="width:20%"><div class="tit01">标题样式</div><div class="ftechart" id="echart4"></div></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|