You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

576 lines
19 KiB

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="renderer" content="webkit">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
  8. <meta name="format-detection" content="telephone=no" />
  9. <link rel="shortcut icon" href="" />
  10. <title>信息化看板系统</title>
  11. <meta name="keywords" content="信息化看板系统" />
  12. <meta name="description" content="信息化看板系统" />
  13. <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
  14. <link rel="stylesheet" href="layui/css/layui.css">
  15. <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
  16. <link rel="stylesheet" href="css/swiper.min.css">
  17. <link rel="stylesheet" type="text/css" href="css/commonInfo.css">
  18. <link rel="stylesheet" type="text/css" href="css/infor.css">
  19. <!----自适应----->
  20. <script src="js/jquery.min.js"></script>
  21. <script src="layui/layui.all.js"></script>
  22. <script src="js/mainInfor.js"></script>
  23. <!----自适应----->
  24. <script src="js/dist/echarts.js"></script>
  25. <!--[if lte IE 9]>
  26. <script src="js/respond.min.js"></script>
  27. <script src="js/html5shiv.js"></script>
  28. <![endif]-->
  29. </head>
  30. <body>
  31. <!-- header -->
  32. <div class="header">
  33. 信息化看板系统
  34. <div class="headerTime">
  35. <div></div>
  36. <div></div>
  37. </div>
  38. </div>
  39. <!-- header -->
  40. <!-- / warpper -->
  41. <div class="warpper">
  42. <div class="index_con">
  43. <!-- index-sec1 -->
  44. <div class="index_sec1 index_sec">
  45. <div class="inSec1Box">
  46. <div class="inSecT">近两学期学生奖励统计 <img src="images/infor1-1.png" alt=""></div>
  47. <div class="inSec1Con clearfix">
  48. <div class="inSec1RewardL">
  49. <div class="inSec1Xq">
  50. <div class="inSec1XqT">2019-2020 第一学期</div>
  51. <div class="inSec1XqTxt">
  52. 国家奖励 <span style="color:#E35556">18</span> 省级奖励 <span style="color:#ED9C26">31</span> 校级奖励 <span style="color:#44C2AF">69</span>
  53. </div>
  54. </div>
  55. <div class="inSec1Xq">
  56. <div class="inSec1XqT">2019-2020 第二学期</div>
  57. <div class="inSec1XqTxt">
  58. 国家奖励 <span style="color:#E35556">18</span> 省级奖励 <span style="color:#ED9C26">31</span> 校级奖励 <span style="color:#44C2AF">69</span>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="inSec1RewardR">
  63. <div class="inSec1rLineBox">
  64. <div class="inSec1rLine">
  65. <div>
  66. <div></div>
  67. <div></div>
  68. <div></div>
  69. <div></div>
  70. <div></div>
  71. <div></div>
  72. <div></div>
  73. <div></div>
  74. <div></div>
  75. <div></div>
  76. <div></div>
  77. <div></div>
  78. <div></div>
  79. <div></div>
  80. <div></div>
  81. <div></div>
  82. <div></div>
  83. <div></div>
  84. <div></div>
  85. <div></div>
  86. <div></div>
  87. <div></div>
  88. <div></div>
  89. <div></div>
  90. <div></div>
  91. <div></div>
  92. <div></div>
  93. <div></div>
  94. <div></div>
  95. <div></div>
  96. <div></div>
  97. <div></div>
  98. <div></div>
  99. </div>
  100. <div class="inSec1Kong" style="height: 10%;"></div>
  101. <div class="inSec1G" style="height: 20%;"></div>
  102. <div class="inSec1S" style="height: 30%;"></div>
  103. <div class="inSec1X" style="height: 40%;"></div>
  104. </div>
  105. <div class="inSec1rLineTxt">
  106. <div>2019-2020</div>
  107. <div>第一学期</div>
  108. </div>
  109. </div>
  110. <div class="inSec1rLineBox">
  111. <div class="inSec1rLine">
  112. <div>
  113. <div></div>
  114. <div></div>
  115. <div></div>
  116. <div></div>
  117. <div></div>
  118. <div></div>
  119. <div></div>
  120. <div></div>
  121. <div></div>
  122. <div></div>
  123. <div></div>
  124. <div></div>
  125. <div></div>
  126. <div></div>
  127. <div></div>
  128. <div></div>
  129. <div></div>
  130. <div></div>
  131. <div></div>
  132. <div></div>
  133. <div></div>
  134. <div></div>
  135. <div></div>
  136. <div></div>
  137. <div></div>
  138. <div></div>
  139. <div></div>
  140. <div></div>
  141. <div></div>
  142. <div></div>
  143. <div></div>
  144. <div></div>
  145. <div></div>
  146. </div>
  147. <div class="inSec1Kong" style="height: 0%;"></div>
  148. <div class="inSec1G" style="height: 20%;"></div>
  149. <div class="inSec1S" style="height: 30%;"></div>
  150. <div class="inSec1X" style="height: 50%;"></div>
  151. </div>
  152. <div class="inSec1rLineTxt">
  153. <div>2019-2020</div>
  154. <div>第二学期</div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="inSec1Box">
  161. <div class="inSecT">近期获奖学生名单 <img src="images/infor1-1.png" alt=""></div>
  162. <div class="inSec1Con clearfix">
  163. <div class="inSec1Awards">
  164. <div>国家奖励</div>
  165. <div>张琳琳</div>
  166. <div>陈凌峰</div>
  167. <div>沈明浩</div>
  168. <div>王乐凡</div>
  169. <div>赵恺</div>
  170. </div>
  171. <div class="inSec1Awards">
  172. <div>省级奖励</div>
  173. <div>张琳琳</div>
  174. <div>陈凌峰</div>
  175. <div>沈明浩</div>
  176. <div>王乐凡</div>
  177. <div>赵恺</div>
  178. </div>
  179. <div class="inSec1Awards">
  180. <div>校级奖励</div>
  181. <div>张琳琳</div>
  182. <div>陈凌峰</div>
  183. <div>沈明浩</div>
  184. <div>王乐凡</div>
  185. <div>赵恺</div>
  186. </div>
  187. </div>
  188. </div>
  189. <div class="inSec1Box">
  190. <div class="inSecT">近期被处分学生名单 <img src="images/infor1-1.png" alt=""></div>
  191. <div class="inSec1Con clearfix">
  192. <div class="inSec1Punish">
  193. <div><span>张琳琳</span><span style="color:#916BC2">警告</span></div>
  194. <div><span>陈凌峰</span><span style="color:#D29037">留校察看</span></div>
  195. <div><span>沈明浩</span><span style="color:#D75255">勒令退学</span></div>
  196. </div>
  197. <div class="inSec1Punish">
  198. <div><span>王乐凡</span><span style="color:#C6B649">严重警告</span></div>
  199. <div><span>赵恺</span><span style="color:#916BC2">警告</span></div>
  200. <div><span>沈明浩</span><span style="color:#B61E21">开除学籍</span></div>
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. <!-- index-sec1 -->
  206. <!-- index_sec2 -->
  207. <div class="index_sec2 index_sec">
  208. <div class="inSec1Box">
  209. <div class="inSecT">全校当日学生请假监控 <img src="images/infor1-1.png" alt=""></div>
  210. <div class="inSec1Con">
  211. <div class="inSec2Top clearfix">
  212. <div class="inSec2TopBox">
  213. <div>今日请假人数</div>
  214. <div class="inSec2Num">125</div>
  215. </div>
  216. <div class="inSec2TopBox">
  217. <div class="inSec2TCon">
  218. <img src="images/infor1-4.png" alt="">
  219. <span>事假</span>
  220. <b style="color:#E9D54B">93</b>
  221. </div>
  222. <div class="inSec2TCon">
  223. <img src="images/infor1-5.png" alt="">
  224. <span>病假</span>
  225. <b style="color:#764BE4">93</b>
  226. </div>
  227. </div>
  228. <div class="inSec2TopBox">
  229. <img src="images/infor1-6.png" alt="" class="inSec2TopImg">
  230. </div>
  231. </div>
  232. <div class="inSec2Bottom">
  233. <img src="images/infor1-7.png" alt="" class="inSec2BImg">
  234. </div>
  235. </div>
  236. </div>
  237. <div class="inSec1Box">
  238. <div class="inSecT">全校教师著作一览表 <img src="images/infor1-1.png" alt=""></div>
  239. <div class="inSec1Con">
  240. <ul class="inSec2WorkList">
  241. <li class="inSec2Work">
  242. <div>《法治国家架构下的行政紧急权力》</div>
  243. <div>专著 </div>
  244. <div>北京大学出版社 </div>
  245. <div>戚建刚</div>
  246. </li>
  247. <li class="inSec2Work">
  248. <div>《新闻传播法研究》</div>
  249. <div>专著 </div>
  250. <div>北京大学出版社 </div>
  251. <div>乔新生</div>
  252. </li>
  253. <li class="inSec2Work">
  254. <div>《网上银行业务安全的法律保障机制研究》</div>
  255. <div>专著 </div>
  256. <div>北京大学出版社 </div>
  257. <div>余素梅</div>
  258. </li>
  259. <li class="inSec2Work">
  260. <div>《商标国际私法研究——国际商标法之重构》</div>
  261. <div>专著 </div>
  262. <div>北京大学出版社 </div>
  263. <div>彭欢燕</div>
  264. </li>
  265. <li class="inSec2Work">
  266. <div>《买卖合同法研究》</div>
  267. <div>专著 </div>
  268. <div>北京大学出版社 </div>
  269. <div>吴志忠</div>
  270. </li>
  271. <li class="inSec2Work">
  272. <div>《私有财产权公法保护研究》</div>
  273. <div>专著 </div>
  274. <div>北京大学出版社 </div>
  275. <div>石佑启</div>
  276. </li>
  277. <li class="inSec2Work">
  278. <div>《主权债务重组法律问题研究》</div>
  279. <div>专著 </div>
  280. <div>北京大学出版社 </div>
  281. <div>张  虹</div>
  282. </li>
  283. <li class="inSec2Work">
  284. <div>《长江流域水资源保护立法研究》</div>
  285. <div>专著 </div>
  286. <div>北京大学出版社 </div>
  287. <div>高利红</div>
  288. </li>
  289. <li class="inSec2Work">
  290. <div>《站在法律的废墟边》</div>
  291. <div>专著 </div>
  292. <div>北京大学出版社 </div>
  293. <div>乔新生</div>
  294. </li>
  295. </ul>
  296. </div>
  297. </div>
  298. </div>
  299. <!-- index_sec2 -->
  300. <!-- index_sec3 -->
  301. <div class="index_sec3 index_sec">
  302. <div class="inSec1Box">
  303. <div class="inSecT">教职工个人获奖情况 <img src="images/infor1-1.png" alt=""></div>
  304. <div class="inSec1Con clearfix">
  305. <div class="inSec3L">
  306. <div class="inSec3LBox">
  307. <img src="images/infor1-8.png" alt="">
  308. <span>国家奖励</span>
  309. <b style="color:#EB5858">18</b>
  310. </div>
  311. <div class="inSec3LBox">
  312. <img src="images/infor1-9.png" alt="">
  313. <span>省级奖励</span>
  314. <b style="color:#FFA726">18</b>
  315. </div>
  316. <div class="inSec3LBox">
  317. <img src="images/infor1-10.png" alt="">
  318. <span>校级奖励</span>
  319. <b style="color:#44C2AF">18</b>
  320. </div>
  321. </div>
  322. <div class="inSec3R">
  323. <img src="images/infor1-11.png" alt="">
  324. </div>
  325. </div>
  326. </div>
  327. <div class="inSec1Box">
  328. <div class="inSecT">教职工个人近期获奖名单 <img src="images/infor1-1.png" alt=""></div>
  329. <div class="inSec1Con clearfix">
  330. <div class="inSec1Awards">
  331. <div><img src="images/infor1-12.png" alt="">国家奖励</div>
  332. <div>张琳琳</div>
  333. <div>陈凌峰</div>
  334. <div>沈明浩</div>
  335. <div>王乐凡</div>
  336. <div>赵恺</div>
  337. <div>张琳琳</div>
  338. </div>
  339. <div class="inSec1Awards">
  340. <div><img src="images/infor1-13.png" alt="">省级奖励</div>
  341. <div>张琳琳</div>
  342. <div>陈凌峰</div>
  343. <div>沈明浩</div>
  344. <div>王乐凡</div>
  345. <div>赵恺</div>
  346. <div>张琳琳</div>
  347. </div>
  348. <div class="inSec1Awards">
  349. <div><img src="images/infor1-14.png" alt="">校级奖励</div>
  350. <div>张琳琳</div>
  351. <div>陈凌峰</div>
  352. <div>沈明浩</div>
  353. <div>王乐凡</div>
  354. <div>赵恺</div>
  355. <div>张琳琳</div>
  356. </div>
  357. </div>
  358. </div>
  359. <div class="inSec1Box">
  360. <div class="inSecT">近两学期教师论文发表情况 <img src="images/infor1-1.png" alt=""></div>
  361. <div class="inSec1Con clearfix">
  362. <div class="inSec3lwImg">
  363. <img src="images/infor1-15.png" alt="">
  364. </div>
  365. <div class="inSec3lwImg">
  366. <img src="images/infor1-16.png" alt="">
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371. <!-- index_sec3 -->
  372. </div>
  373. <div class="index_con">
  374. <form class="layui-form" action="">
  375. <!-- index_sec4 -->
  376. <div class="index_sec4 index_sec">
  377. <div class="inSec1Box">
  378. <div class="inSecT">当前学期学生个人日常操行分析 <img src="images/infor1-1.png" alt=""></div>
  379. <div class="inSec1Con clearfix">
  380. <div class="inSec4Img1" style="padding-bottom: 5px;">
  381. <img src="images/infor1-17.png" alt="">
  382. </div>
  383. </div>
  384. </div>
  385. <div class="inSec1Box">
  386. <div class="inSecT">当前学期学生个人操行考核班级分析 <img src="images/infor1-1.png" alt=""></div>
  387. <div class="inSec1Con clearfix">
  388. <div class="layui-input-block">
  389. <select id="" name="gg" lay-filter="gg" lay-verify="required">
  390. <option value="0-20">0-20</option>
  391. <option value="20-40">20-40</option>
  392. <option value="40-60">40-60</option>
  393. <option value="60-80">60-80</option>
  394. <option value="80-100" selected>机电工程系</option>
  395. </select>
  396. </div>
  397. <div class="inSec4Img1">
  398. <img src="images/infor1-19.png" alt="">
  399. </div>
  400. </div>
  401. </div>
  402. <div class="inSec1Box">
  403. <div class="inSecT">当前学期学生个人操行考核项目分析 <img src="images/infor1-1.png" alt=""></div>
  404. <div class="inSec1Con clearfix">
  405. <div class="layui-input-block">
  406. <select id="" name="zy" lay-filter="zy" lay-verify="required">
  407. <option value="0-20">0-20</option>
  408. <option value="20-40">20-40</option>
  409. <option value="40-60">40-60</option>
  410. <option value="60-80">60-80</option>
  411. <option value="80-100" selected>全校前5名</option>
  412. </select>
  413. </div>
  414. <div class="inSec4Img1">
  415. <img src="images/infor1-18.png" alt="">
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. <!-- index_sec4 -->
  421. <!-- index_sec5 -->
  422. <div class="index_sec5 index_sec">
  423. <div class="inSec1Box">
  424. <div class="inSecT">当天学生个人日常操行监控 <img src="images/infor1-1.png" alt=""></div>
  425. <div class="inSec1Con">
  426. <div class="inSec5Top">
  427. <div class="inSec5TopImg1">
  428. <img src="images/infor1-20.png" alt="">
  429. </div>
  430. <div class="inSec5TopImg2">
  431. <img src="images/infor1-21.png" alt="">
  432. <img src="images/infor1-22.png" alt="">
  433. <img src="images/infor1-23.png" alt="">
  434. <img src="images/infor1-24.png" alt="">
  435. <img src="images/infor1-25.png" alt="">
  436. <img src="images/infor1-26.png" alt="">
  437. </div>
  438. </div>
  439. <div class="inSec5Bottom">
  440. <img src="images/infor1-27.png" alt="">
  441. </div>
  442. </div>
  443. </div>
  444. <div class="inSec1Box">
  445. <div class="inSecT">上周学生个人日常操行分析 <img src="images/infor1-1.png" alt=""></div>
  446. <div class="inSec1Con">
  447. <div class="inSec5Img2">
  448. <img src="images/infor1-28.png" alt="">
  449. </div>
  450. </div>
  451. </div>
  452. <div class="inSec1Box">
  453. <div class="inSecT">上月学生个人日常操行分析 <img src="images/infor1-1.png" alt=""></div>
  454. <div class="inSec1Con">
  455. <div class="inSec5Img2">
  456. <img src="images/infor1-29.png" alt="">
  457. </div>
  458. </div>
  459. </div>
  460. </div>
  461. <!-- index_sec5 -->
  462. <!-- index_sec6 -->
  463. <div class="index_sec6 index_sec">
  464. <div class="inSec1Box">
  465. <div class="inSecT">上月学生个人操行班级分析 <img src="images/infor1-1.png" alt=""></div>
  466. <div class="inSec1Con" style="padding-top: 1px;">
  467. <div class="layui-input-block">
  468. <select id="" name="zy" lay-filter="zy" lay-verify="required">
  469. <option value="0-20">0-20</option>
  470. <option value="20-40">20-40</option>
  471. <option value="40-60">40-60</option>
  472. <option value="60-80">60-80</option>
  473. <option value="80-100" selected>机电工程系</option>
  474. </select>
  475. </div>
  476. <div class="inSec6Img">
  477. <img src="images/infor1-30.png" alt="">
  478. </div>
  479. </div>
  480. </div>
  481. <div class="clearfix">
  482. <div class="inSec6Box" style="padding-right: 11px;">
  483. <div class="inSec1Box">
  484. <div class="inSecT">上月班级排名 <img src="images/infor1-2.png" alt=""></div>
  485. <div class="inSec1Con">
  486. <div class="inSec6Img2">
  487. <img src="images/infor1-31.png" alt="">
  488. </div>
  489. <div class="inSec6Img2">
  490. <img src="images/infor1-32.png" alt="">
  491. </div>
  492. <div class="inSec6Img2">
  493. <img src="images/infor1-33.png" alt="">
  494. </div>
  495. <div class="inSec6Img2">
  496. <img src="images/infor1-34.png" alt="">
  497. </div>
  498. <div class="inSec6Img2">
  499. <img src="images/infor1-35.png" alt="">
  500. </div>
  501. <div class="inSec6Img2">
  502. <img src="images/infor1-36.png" alt="">
  503. </div>
  504. <div class="inSec6Img2">
  505. <img src="images/infor1-37.png" alt="">
  506. </div>
  507. <div class="inSec6Img2">
  508. <img src="images/infor1-38.png" alt="">
  509. </div>
  510. <div class="inSec6Img2">
  511. <img src="images/infor1-39.png" alt="">
  512. </div>
  513. <div class="inSec6Img2">
  514. <img src="images/infor1-40.png" alt="">
  515. </div>
  516. </div>
  517. </div>
  518. </div>
  519. <div class="inSec6Box" style="padding-left: 11px;">
  520. <div class="inSec1Box">
  521. <div class="inSecT">本学期班级排名 <img style="height: 18px;margin-left:16px" src="images/infor1-2.png" alt=""></div>
  522. <div class="inSec1Con">
  523. <div class="inSec6Img2">
  524. <img src="images/infor1-41.png" alt="">
  525. </div>
  526. <div class="inSec6Img2">
  527. <img src="images/infor1-42.png" alt="">
  528. </div>
  529. <div class="inSec6Img2">
  530. <img src="images/infor1-43.png" alt="">
  531. </div>
  532. <div class="inSec6Img2">
  533. <img src="images/infor1-44.png" alt="">
  534. </div>
  535. <div class="inSec6Img2">
  536. <img src="images/infor1-45.png" alt="">
  537. </div>
  538. <div class="inSec6Img2">
  539. <img src="images/infor1-46.png" alt="">
  540. </div>
  541. <div class="inSec6Img2">
  542. <img src="images/infor1-47.png" alt="">
  543. </div>
  544. <div class="inSec6Img2">
  545. <img src="images/infor1-48.png" alt="">
  546. </div>
  547. <div class="inSec6Img2">
  548. <img src="images/infor1-49.png" alt="">
  549. </div>
  550. <div class="inSec6Img2">
  551. <img src="images/infor1-50.png" alt="">
  552. </div>
  553. </div>
  554. </div>
  555. </div>
  556. </div>
  557. </div>
  558. <!-- index_sec6 -->
  559. </form>
  560. </div>
  561. </div>
  562. <!-- / warpper -->
  563. <script src="js/infor.js"></script>
  564. </body>
  565. <!-- / banner切换 -->
  566. </html>