index.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <script type="text/javascript" src="/assets/screen/js/jquery.js"></script>
  6. <script type="text/javascript" src="/assets/screen/js/echarts.min.js"></script>
  7. <script type="text/javascript" src="/assets/screen/js/js.js"></script>
  8. <script type="text/javascript" src="/assets/screen/js/jquery.limarquee.js"></script>
  9. <script type="text/javascript" src="/assets/screen/js/jquery.cxselect.min.js"></script>
  10. <link rel="stylesheet" href="/assets/screen/css/comon0.css">
  11. </head>
  12. <body>
  13. <div style="background:#000d4a url(/assets/screen/images/bg.jpg) center top;">
  14. <div class="loading">
  15. <div class="loadbox"> <img src="/assets/screen/picture/loading.gif"> 页面加载中... </div>
  16. </div>
  17. <div class="back"></div>
  18. <div class="head">
  19. <div class="weather1">
  20. <form id="role-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="get" action="">
  21. <div class="col-xs-12 col-sm-8" style="width: 200px;">
  22. {:build_select('collection_id', $departmentdata, $ids, ['class'=>'form-control selectpicker collections','id'=>'collection', 'data-rule'=>'required','multiple'=>''])}
  23. </div>
  24. </form>
  25. </div>
  26. <h1>维修模拟训练平台大数据分析</h1>
  27. <div class="weather"><span id="showTime"></span></div>
  28. </div>
  29. <script>
  30. var t = null;
  31. t = setTimeout(time,1000);//開始运行
  32. function time()
  33. {
  34. clearTimeout(t);//清除定时器
  35. dt = new Date();
  36. var y=dt.getFullYear();
  37. var mt=dt.getMonth()+1;
  38. var day=dt.getDate();
  39. var h=dt.getHours();//获取时
  40. var m=dt.getMinutes();//获取分
  41. var s=dt.getSeconds();//获取秒
  42. document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"日"+h+"时"+m+"分"+s+"秒";
  43. t = setTimeout(time,1000); //设定定时器,循环运行
  44. }
  45. </script>
  46. <div class="mainbox">
  47. <ul class="clearfix">
  48. <li>
  49. <div class="boxall" style="height:545px;">
  50. <div class="navboxall" >
  51. <div class="sycm">
  52. <ul class="clearfix">
  53. <li>
  54. <h2>{$qudui_total}</h2>
  55. <span>区队总数</span></li>
  56. <li>
  57. <h2>{$xy_total}</h2>
  58. <span>学员总数</span></li>
  59. </ul>
  60. </div>
  61. <ul class="jindu clearfix">
  62. <div></div>
  63. <div></div>
  64. <li id="zb1"></li>
  65. <li id="zb2"></li>
  66. <li id="zb3"></li>
  67. <li id="zb4"></li>
  68. </ul>
  69. </div>
  70. </div>
  71. </li>
  72. <li>
  73. <div class="boxall" style="height:545px">
  74. <div class="alltitle">各区队平均分分析</div>
  75. <div class="navboxall" id="echart4"></div>
  76. </div>
  77. </li>
  78. <li>
  79. <div class="boxall" style="height:260px">
  80. <div class="alltitle">FZD04B型侦毒器维修难点统计</div>
  81. <div class="navboxall" id="echart1"> </div>
  82. </div>
  83. <div class="boxall" style="height:270px">
  84. <div class="alltitle">FZB006型毒剂报警器维修难点统计</div>
  85. <div class="navboxall" id="echart2"> </div>
  86. </div>
  87. </li>
  88. </ul>
  89. <ul class="clearfix">
  90. <li>
  91. <div class="boxall" style="height:390px;">
  92. <div class="alltitle">学员成绩统计</div>
  93. <div class="navboxall" >
  94. <div class="wraptit">
  95. <span>学号</span>
  96. <span>姓名</span>
  97. <span>模拟器类型</span>
  98. <span>成绩</span>
  99. </div>
  100. <div class="wrap">
  101. <ul>
  102. {foreach name="xueyuan_chengji_tongji" item="vo"}
  103. <li>
  104. <p>
  105. <span>{$vo.user_username}</span>
  106. <span>{$vo.user_nickname}</span>
  107. <span>{$vo.simtype_abbr_text}</span>
  108. <span>{$vo.total_score}</span>
  109. </p>
  110. </li>
  111. {/foreach}
  112. </ul>
  113. </div>
  114. </div>
  115. </div>
  116. </li>
  117. <li style="width:52%">
  118. <div class="boxall" style="height:390px">
  119. <div class="alltitle">本年度考试成绩平均分统计</div>
  120. <!-- <div class="navboxall" id="echart3"></div>-->
  121. <div class="navboxall" id="echart5"></div>
  122. </div>
  123. </li>
  124. <li style="width:24%">
  125. <div class="boxall" style="height:390px">
  126. <div class="alltitle">防化兵用毒剂报警器维修难点统计</div>
  127. <div class="navboxall" id="echart6"> </div>
  128. </div>
  129. <!-- <div class="boxall" style="height:390px">-->
  130. <!-- <div class="alltitle">标题样式</div>-->
  131. <!-- <div class="navboxall" id="echart5"></div>-->
  132. <!-- </div>-->
  133. </li>
  134. </ul>
  135. </div>
  136. </div>
  137. <script>
  138. $(function(){
  139. $('.wrap').liMarquee({
  140. direction: 'up',//身上滚动
  141. //runshort: false,//内容不足时不滚动
  142. scrollamount: 20//速度
  143. });
  144. });
  145. </script>
  146. <style>
  147. .btn-default{
  148. background-color: #5878b3 !important;
  149. color: #ffffff;
  150. border-color: #5878b3 !important;
  151. }
  152. </style>
  153. </body>
  154. </html>