xiaojia
/
maintenance


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
							<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="/assets/screen/js/jquery.js"></script>
<script type="text/javascript" src="/assets/screen/js/echarts.min.js"></script>
<script type="text/javascript" src="/assets/screen/js/js.js"></script>
<script type="text/javascript" src="/assets/screen/js/jquery.limarquee.js"></script>
<script type="text/javascript" src="/assets/screen/js/jquery.cxselect.min.js"></script>
<link rel="stylesheet" href="/assets/screen/css/comon0.css">
<style>
  select option{
    color: #ccc;
  }
</style>
</head>
<body>
<div style="background:#000d4a url(/assets/screen/images/bg.jpg) center top;">
  <div class="loading">
    <div class="loadbox"> <img src="/assets/screen/picture/loading.gif"> 页面加载中... </div>
  </div>
  <div class="back"></div>
  <div class="head">
    <div class="weather1">
      <select style="width: 200px;margin-top: 15px;background-color:#01114c;color:white;height: 30px;border-radius: 6px">
        <option>请选择对应考试</option>
        <option>模拟考试1</option>
        <option>模拟考试2</option>
        <option>模拟考试3</option>
      </select>
    </div>
    <h1>维修模拟训练平台大数据驾驶舱</h1>
    <div class="weather"><span id="showTime"></span></div>
  </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:545px;">
          <div class="navboxall" >
			<div class="sycm">
              <ul class="clearfix">
                <li>
                  <h2>8</h2>
                  <span>区队总数</span></li>
                <li>
                  <h2>15</h2>
                  <span>学员总数</span></li>
              </ul>
            </div>

			  <ul class="jindu clearfix">
                  <div></div>
				  <div></div>
			  <li id="zb1"></li>
			  <li id="zb2"></li>
			  <li id="zb3"></li>
			  <li id="zb4"></li>
			  </ul>
			</div>
        </div>
      </li>
      <li>
        <div class="boxall" style="height:545px">
          <div class="alltitle">各区队平均分分析</div>
          <div class="navboxall" id="echart4"></div>
        </div>
      </li>
      <li>
        <div class="boxall" style="height:260px">
          <div class="alltitle">FZD048型侦毒器维修难点统计</div>
          <div class="navboxall" id="echart1"> </div>
        </div>
        <div class="boxall" style="height:270px">
          <div class="alltitle">FZB006型毒剂报警器维修难点统计</div>
          <div class="navboxall"  id="echart2"> </div>
        </div>
      </li>
    </ul>
    <ul class="clearfix">
      <li>
        <div class="boxall" style="height:390px;">
          <div class="alltitle">学员成绩统计</div>
          <div class="navboxall" >
            <div class="wraptit">
              <span>学号</span>
              <span>姓名</span>
              <span>模拟器类型</span>
              <span>成绩</span>
            </div>
            <div class="wrap">
              <ul>
                  <li>
                    <p><span>xueyuan001</span><span>学员1</span><span>FZD048型</span><span>85</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan010</span><span>学员10</span><span>FZB006型</span><span>76</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan006</span><span>学员6</span><span>防化兵</span><span>80</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan002</span><span>学员2</span><span>防化兵</span><span>70</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan008</span><span>学员8</span><span>防化兵</span><span>90</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan009</span><span>学员9</span><span>FZB006型</span><span>75</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan001</span><span>学员1</span><span>FZD048型</span><span>85</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan010</span><span>学员10</span><span>FZB006型</span><span>76</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan006</span><span>学员6</span><span>防化兵</span><span>80</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan002</span><span>学员2</span><span>防化兵</span><span>70</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan008</span><span>学员8</span><span>防化兵</span><span>90</span></p>
                  </li>
                  <li>
                    <p><span>xueyuan009</span><span>学员9</span><span>FZB006型</span><span>75</span></p>
                  </li>
				</ul>
            </div>
          </div>
        </div>
      </li>
      <li style="width:52%">
        <div class="boxall" style="height:390px">
          <div class="alltitle">本年度考试成绩平均分统计</div>
<!--          <div class="navboxall" id="echart3"></div>-->
          <div class="navboxall" id="echart5"></div>
        </div>
      </li>
      <li style="width:24%">
        <div class="boxall" style="height:390px">
          <div class="alltitle">防化兵用毒剂报警器维修难点统计</div>
          <div class="navboxall" id="echart6"> </div>
        </div>
<!--        <div class="boxall" style="height:390px">-->
<!--          <div class="alltitle">标题样式</div>-->
<!--          <div class="navboxall" id="echart5"></div>-->
<!--        </div>-->
      </li>
    </ul>
  </div>
</div>
<!--青岛 研 锦 网 络 科技有限公司   版权所有-->
<script>

$(function(){
	$('.wrap').liMarquee({
		direction: 'up',//身上滚动
		//runshort: false,//内容不足时不滚动
		scrollamount: 20//速度
	});
});
</script>
</body>
</html>