<!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/js.js"></script>
|
<script type="text/javascript" src="js/jquery.liMarquee.js"></script>
|
<script type="text/javascript" src="js/jquery.cxselect.min.js"></script>
|
|
<link rel="stylesheet" href="css/comon0.css">
|
</head>
|
<body>
|
<div style="background:#000d4a url(images/bg.jpg) center top;">
|
<div class="loading">
|
<div class="loadbox"> <img src="images/loading.gif"> 页面加载中... </div>
|
</div>
|
<div class="back"></div>
|
<div class="head">
|
<div class="weather"><span id="showTime"></span></div>
|
<h1>朔黄铁路任务数据管理平台</h1>
|
|
</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 class="mainbox">
|
<ul class="clearfix">
|
<li>
|
<div class="boxall" style="height:400px;">
|
<div class="alltitle">各单位任务分析量占比</div>
|
<div class="navboxall" id="echart5"></div>
|
</div>
|
|
<div class="boxall" style="height:509px;">
|
<div class="alltitle">今日隐患问题占比</div>
|
|
<div class="navboxall" id="echart1"></div>
|
</div>
|
</li>
|
<li>
|
|
<div class="boxall" style="height:230px">
|
<div class="clearfix navboxall" style="height: 100%">
|
<div class="pulll_left num">
|
<div class="numbt">本周任务指派量<span></span></div>
|
<div class="numtxt">223 </div>
|
</div>
|
<div class="pulll_right zhibiao">
|
<div class="zb1"><span>分析员人数</span><div id="zb1"></div></div>
|
<div class="zb2"><span>分析量</span><div id="zb2"></div></div>
|
<div class="zb3"><span>违规量</span><div id="zb3"></div></div>
|
</div>
|
</div>
|
</div>
|
<div class="boxall" style="height:350px">
|
<div class="alltitle">任务指派趋势</div>
|
<div class="navboxall" id="echart4"></div>
|
|
</div>
|
<div class="boxall" style="height:340px">
|
<div class="alltitle">任务分析趋势</div>
|
<div class="navboxall" id="echart3"></div>
|
</div>
|
</li>
|
<li>
|
<div class="boxall" style="height:300px">
|
<div class="alltitle">分析员判定违规量排名</div>
|
<div class="navboxall">
|
<table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
|
<tbody>
|
<tr>
|
<th scope="col">排名</th>
|
<th scope="col">姓名</th>
|
<th scope="col">判定违规量</th>
|
<th scope="col">判定违规率</th>
|
</tr>
|
<tr>
|
<td><span>1</span></td>
|
<td>张三</td>
|
<td>114<br></td>
|
<td>100%<br></td>
|
</tr>
|
<tr>
|
<td><span>2</span></td>
|
<td>天天</td>
|
<td>105</td>
|
<td>91%</td>
|
</tr>
|
|
<tr>
|
<td><span>3</span></td>
|
<td>浩浩</td>
|
<td>100</td>
|
<td>99%</td>
|
</tr>
|
<tr>
|
<td><span>4</span></td>
|
<td>小王</td>
|
<td>56</td>
|
<td>89%</td>
|
</tr>
|
<tr>
|
<td><span>5</span></td>
|
<td>李涵涵</td>
|
<td>43</td>
|
<td>99%</td>
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
|
<div class="boxall" style="height: 300px">
|
<div class="alltitle">分析员完成量排名</div>
|
<div class="navboxall">
|
<table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
|
<tbody>
|
<tr>
|
<th scope="col">排名</th>
|
<th scope="col">姓名</th>
|
<th scope="col">完成量</th>
|
<th scope="col">完成率</th>
|
</tr>
|
<tr>
|
<td><span>1</span></td>
|
<td>王笑</td>
|
<td>213<br></td>
|
<td>100%<br></td>
|
</tr>
|
<tr>
|
<td><span>2</span></td>
|
<td>晓龙</td>
|
<td>134</td>
|
<td>91%</td>
|
</tr>
|
|
<tr>
|
<td><span>3</span></td>
|
<td>孙甜甜</td>
|
<td>106</td>
|
<td>99%</td>
|
</tr>
|
<tr>
|
<td><span>4</span></td>
|
<td>张齐</td>
|
<td>104</td>
|
<td>89%</td>
|
</tr>
|
<tr>
|
<td><span>5</span></td>
|
<td>宋晓飞</td>
|
<td>94</td>
|
<td>99%</td>
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
|
</div>
|
|
<div class="boxall" style="height:320px">
|
<div class="alltitle">今日重点地段违规占比</div>
|
<div class="navboxall" id="echart2"></div>
|
</div>
|
|
|
</li>
|
</ul>
|
|
</div>
|
</div>
|
|
<script>
|
$(function(){
|
$('.wrap,.adduser').liMarquee({
|
direction: 'up',//身上滚动
|
runshort: false,//内容不足时不滚动
|
scrollamount: 20//速度
|
});
|
});
|
|
</body>
|
</html>
|
