| New file |
| | |
|---|
| | | <!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> |
|---|
