shuochen
/
LargeScreenVisualization


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
							<!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>