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.
 
 
 
 
 
 

540 lines
20 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" type="text/css" href="css/font-awesome.css">
  15. <link rel="stylesheet" href="css/swiper.min.css">
  16. <link rel="stylesheet" type="text/css" href="css/common.css">
  17. <link rel="stylesheet" type="text/css" href="css/index.css">
  18. <!-- 蓝色背景 -->
  19. <!-- <link rel="stylesheet" type="text/css" href="css/blue.css"> -->
  20. <!-- 红色背景 -->
  21. <!-- <link rel="stylesheet" type="text/css" href="css/red.css"> -->
  22. <!-- 绿色背景 -->
  23. <link rel="stylesheet" id="skinLink" type="text/css" href="css/green.css">
  24. <style>
  25. body,html{
  26. min-height: 900;
  27. }
  28. </style>
  29. <!----自适应----->
  30. <script src="js/jquery.min.js"></script>
  31. <script src="js/easing.js"></script>
  32. <script src="js/jquery-ui.min.js"></script>
  33. <script src="js/bootstrap.js"></script>
  34. <!----自适应----->
  35. <script src="js/swiper.min.js"></script>
  36. <script src="js/index.js"></script>
  37. <script src="js/main.js"></script>
  38. <!--[if lte IE 9]>
  39. <script src="js/respond.min.js"></script>
  40. <script src="js/html5shiv.js"></script>
  41. <![endif]-->
  42. </head>
  43. <body>
  44. <!-- header -->
  45. <div class="header">
  46. <a href="index.html" class="headLogo">
  47. 网上办事大厅 <span>办事大厅模式</span>
  48. </a>
  49. <ul class="headTab">
  50. <li class="active"><a href="index.html"><img src="images/head1.png" alt="" /></a></li>
  51. <li><a href="index2.html"><img src="images/head2.png" alt="" /></a></li>
  52. <li><a href="news.html"><img src="images/head3.png" alt="" /></a></li>
  53. </ul>
  54. <div class="headSearch">
  55. <input type="text" placeholder="查找服务" />
  56. <img src="images/search.png" alt="" />
  57. </div>
  58. <div class="headUser">
  59. <div class="headMode">
  60. <div class="headModeTxt"><span>办事大厅模式</span> <i class="fa fa-angle-down"></i> </div>
  61. <ul class="headModeList">
  62. <li class="active"><a href="index2.html">办事大厅模式</a></li>
  63. <li><a href="index.html">效率优先模式</a></li>
  64. <li><a href="index3.html">管理驾驶舱模式</a></li>
  65. </ul>
  66. </div>
  67. <!-- 登录 -->
  68. <!-- <a href="index.html" class="headLogin">登录</a> -->
  69. <!-- 登录 -->
  70. <!-- 登录后 -->
  71. <div class="headLine1"></div>
  72. <div class="headUserImg"><img src="images/user.jpg" alt="" /></div>
  73. <div class="headUserTxt">王明</div>
  74. <div class="headLine1"></div>
  75. <div class="headNumBox">
  76. <div class="headNum">工号 123456</div>
  77. <div class="headNumTxt">教务部 <span></span> 主任</div>
  78. </div>
  79. <!-- 登录后 -->
  80. <div class="headLine2"></div>
  81. </div>
  82. </div>
  83. <!-- header -->
  84. <!-- / warpper -->
  85. <div class="warpper">
  86. <!-- / index_sec1 -->
  87. <div class="index_sec index_sec1 inSecShadow">
  88. <!-- 顶部名称以及搜索 -->
  89. <div class="inSec1Top">
  90. <div class="inSec1T">
  91. <span>网上办事大厅</span>
  92. </div>
  93. <div class="inSec1Serch">
  94. <div class="inSec1SerchList">
  95. <span>按名称查询</span><i class="fa fa-angle-down"></i>
  96. </div>
  97. <input type="text" placeholder="请输入您需要的服务" />
  98. <div class="inSec1btn"><img src="images/search.png" alt="" /></div>
  99. <!-- 查询下拉 -->
  100. <ul class="inSec1SerchLists inSecShadow">
  101. <li class="active">按名称查询</li>
  102. <li>按名称查询2</li>
  103. <li>按名称查询3</li>
  104. <li>按名称查询5</li>
  105. <li>按名称查询4</li>
  106. </ul>
  107. <!-- 查询下拉 -->
  108. <div class="clear"></div>
  109. </div>
  110. </div>
  111. <div class="inSec1Box">
  112. <!-- 第一级列表 -->
  113. <ul class="inSec1List1">
  114. <li class="active"><a href="#">
  115. <span>全部</span> <span>40</span>
  116. </a></li>
  117. <li><a href="#">
  118. <span>费用类</span> <span>40</span>
  119. </a></li>
  120. <li><a href="#">
  121. <span>人事类</span> <span>40</span>
  122. </a></li>
  123. <li><a href="#">
  124. <span>合同类</span> <span>40</span>
  125. </a></li>
  126. <li><a href="#">
  127. <span>采购类</span> <span>40</span>
  128. </a></li>
  129. <li><a href="#">
  130. <span>公文类</span> <span>40</span>
  131. </a></li>
  132. <li><a href="#">
  133. <span>库存类</span> <span>40</span>
  134. </a></li>
  135. <li><a href="#">
  136. <span>绩效类</span> <span>40</span>
  137. </a></li>
  138. <li><a href="#">
  139. <span>行政类</span> <span>40</span>
  140. </a></li>
  141. <li><a href="#">
  142. <span>项目类</span> <span>40</span>
  143. </a></li>
  144. <li><a href="#">
  145. <span>资产类</span> <span>40</span>
  146. </a></li>
  147. <li><a href="#">
  148. <span>监控类</span> <span>40</span>
  149. </a></li>
  150. </ul>
  151. <!-- 第一级列表 -->
  152. <!-- 第二级列表 -->
  153. <ul class="inSec1List2 inSecShadow">
  154. <li class="active"><a href="#">
  155. <img src="images/inSec1-2.png" alt="" /><span>物资采购</span>
  156. </a></li>
  157. <li><a href="#">
  158. <img src="images/inSec1-3.png" alt="" /><span>接待停车申请结算</span>
  159. </a></li>
  160. <li><a href="#">
  161. <img src="images/inSec1-5.png" alt="" /><span>请假</span>
  162. </a></li>
  163. <li><a href="#">
  164. <img src="images/inSec1-5.png" alt="" /><span>教师个人信息修改</span>
  165. </a></li>
  166. <li><a href="#">
  167. <img src="images/inSec1-6.png" alt="" /><span>困补申请</span>
  168. </a></li>
  169. <li><a href="#">
  170. <img src="images/inSec1-7.png" alt="" /><span>收入证明受理申请</span>
  171. </a></li>
  172. <li><a href="#">
  173. <img src="images/inSec1-8.png" alt="" /><span>探亲报销申请</span>
  174. </a></li>
  175. <li><a href="#">
  176. <img src="images/inSec1-9.png" alt="" /><span>年终特困补助申请</span>
  177. </a></li>
  178. <li><a href="#">
  179. <img src="images/inSec1-10.png" alt="" /><span>劳动合同审批</span>
  180. </a></li>
  181. <li><a href="#">
  182. <img src="images/inSec1-11.png" alt="" /><span>合同修改</span>
  183. </a></li>
  184. <li><a href="#">
  185. <img src="images/inSec1-12.png" alt="" /><span>校企合作劳动合同审批</span>
  186. </a></li>
  187. <li><a href="#">
  188. <img src="images/inSec1-13.png" alt="" /><span>教学楼施工合同审批</span>
  189. </a></li>
  190. <li><a href="#">
  191. <img src="images/inSec1-14.png" alt="" /><span>中央空调使用服务</span>
  192. </a></li>
  193. <li><a href="#">
  194. <img src="images/inSec1-15.png" alt="" /><span>花卉服务</span>
  195. </a></li>
  196. <li><a href="#">
  197. <img src="images/inSec1-16.png" alt="" /><span>纪念品服务</span>
  198. </a></li>
  199. <li><a href="#">
  200. <img src="images/inSec1-17.png" alt="" /><span>会议中心报告厅等建筑装饰</span>
  201. </a></li>
  202. <li><a href="#">
  203. <img src="images/inSec1-18.png" alt="" /><span>呈阅</span>
  204. </a></li>
  205. <li><a href="#">
  206. <img src="images/inSec1-19.png" alt="" /><span>智能报表</span>
  207. </a></li>
  208. <li><a href="#">
  209. <img src="images/inSec1-20.png" alt="" /><span>审批表</span>
  210. </a></li>
  211. <li><a href="#">
  212. <img src="images/inSec1-21.png" alt="" /><span>智能报表</span>
  213. </a></li>
  214. <li><a href="#">
  215. <img src="images/inSec1-22.png" alt="" /><span>审批表</span>
  216. </a></li>
  217. </ul>
  218. <!-- 第二级列表 -->
  219. </div>
  220. </div>
  221. <!-- / index_sec1 -->
  222. <!-- / index_sec4 -->
  223. <div class="index_sec2 index_sec4">
  224. <div class="inSec2Row">
  225. <div class="inSec2Col9">
  226. <div class="inSec2Box inSecShadow">
  227. <div class="inSec1T">
  228. <span>常用服务</span>
  229. <a href="#" class="more"><span></span><span></span><span></span></a>
  230. </div>
  231. <div class="inSec2Row2">
  232. <div class="inSec2Col7">
  233. <a href="#" class="inSec2Con">
  234. <span class="inSec2Img"><img src="images/inSec2-1.png" alt="" /></span>
  235. <span class="inSec2Txt">OA办公系统</span>
  236. </a>
  237. </div>
  238. <div class="inSec2Col7">
  239. <a href="#" class="inSec2Con">
  240. <span class="inSec2Img"><img src="images/inSec2-2.png" alt="" /></span>
  241. <span class="inSec2Txt">信息标准</span>
  242. </a>
  243. </div>
  244. <div class="inSec2Col7">
  245. <a href="#" class="inSec2Con">
  246. <span class="inSec2Img"><img src="images/inSec2-3.png" alt="" /></span>
  247. <span class="inSec2Txt">上网认证服务</span>
  248. </a>
  249. </div>
  250. <div class="inSec2Col7">
  251. <a href="#" class="inSec2Con">
  252. <span class="inSec2Img"><img src="images/inSec2-4.png" alt="" /></span>
  253. <span class="inSec2Txt">网上咨询</span>
  254. </a>
  255. </div>
  256. <div class="inSec2Col7">
  257. <a href="#" class="inSec2Con">
  258. <span class="inSec2Img"><img src="images/inSec2-5.png" alt="" /></span>
  259. <span class="inSec2Txt">校历</span>
  260. </a>
  261. </div>
  262. <div class="inSec2Col7">
  263. <a href="#" class="inSec2Con">
  264. <span class="inSec2Img"><img src="images/inSec2-6.png" alt="" /></span>
  265. <span class="inSec2Txt">上课时间</span>
  266. </a>
  267. </div>
  268. <div class="inSec2Col7">
  269. <a href="#" class="inSec2Con">
  270. <span class="inSec2Img"><img src="images/inSec2-7.png" alt="" /></span>
  271. <span class="inSec2Txt">教务管理系统</span>
  272. </a>
  273. </div>
  274. <div class="inSec2Col7">
  275. <a href="#" class="inSec2Con">
  276. <span class="inSec2Img"><img src="images/inSec2-8.png" alt="" /></span>
  277. <span class="inSec2Txt">学生管理系统</span>
  278. </a>
  279. </div>
  280. <div class="inSec2Col7">
  281. <a href="#" class="inSec2Con">
  282. <span class="inSec2Img"><img src="images/inSec2-9.png" alt="" /></span>
  283. <span class="inSec2Txt">人事管理系统</span>
  284. </a>
  285. </div>
  286. <div class="inSec2Col7">
  287. <a href="#" class="inSec2Con">
  288. <span class="inSec2Img"><img src="images/inSec2-10.png" alt="" /></span>
  289. <span class="inSec2Txt">招生管理系统</span>
  290. </a>
  291. </div>
  292. <div class="inSec2Col7">
  293. <a href="#" class="inSec2Con">
  294. <span class="inSec2Img"><img src="images/inSec2-11.png" alt="" /></span>
  295. <span class="inSec2Txt">收费管理系统</span>
  296. </a>
  297. </div>
  298. <div class="inSec2Col7">
  299. <a href="#" class="inSec2Con">
  300. <span class="inSec2Img"><img src="images/inSec2-12.png" alt="" /></span>
  301. <span class="inSec2Txt">网络教学平台</span>
  302. </a>
  303. </div>
  304. <div class="inSec2Col7">
  305. <a href="#" class="inSec2Con">
  306. <span class="inSec2Img"><img src="images/inSec2-13.png" alt="" /></span>
  307. <span class="inSec2Txt">电脑库存单</span>
  308. </a>
  309. </div>
  310. <div class="inSec2Col7">
  311. <a href="#" class="inSec2Con">
  312. <span class="inSec2Img"><img src="images/inSec2-14.png" alt="" /></span>
  313. <span class="inSec2Txt">物资采购</span>
  314. </a>
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319. <div class="inSec2Col3">
  320. <div class="inSec2Box inSecShadow">
  321. <div class="inSec1T">
  322. <span>办公邮件</span><i>20</i>
  323. <a href="#" class="more"><span></span><span></span><span></span></a>
  324. </div>
  325. <ul class="inSec2List">
  326. <li><a href="#">
  327. <span class="inSec2T">
  328. <img src="images/inSec2-15.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  329. </span>
  330. <span class="inSec2Time">2019-10-22</span>
  331. </a></li>
  332. <li><a href="#">
  333. <span class="inSec2T">
  334. <img src="images/inSec2-15.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  335. </span>
  336. <span class="inSec2Time">2019-10-22</span>
  337. </a></li>
  338. <li><a href="#">
  339. <span class="inSec2T">
  340. <img src="images/inSec2-15.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  341. </span>
  342. <span class="inSec2Time">2019-10-22</span>
  343. </a></li>
  344. <li><a href="#">
  345. <span class="inSec2T">
  346. <img src="images/inSec2-15.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  347. </span>
  348. <span class="inSec2Time">2019-10-22</span>
  349. </a></li>
  350. </ul>
  351. </div>
  352. </div>
  353. </div>
  354. <div class="inSec2Row">
  355. <div class="inSec2Col3">
  356. <div class="inSec2Box inSecShadow">
  357. <div class="inSec1T">
  358. <span>教学工作</span><i>20</i>
  359. <a href="#" class="more"><span></span><span></span><span></span></a>
  360. </div>
  361. <ul class="inSec2List">
  362. <li><a href="#">
  363. <span class="inSec2T">
  364. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  365. </span>
  366. <span class="inSec2Time">2019-10-22</span>
  367. <span class="inSec4Type inSec4Type1">审核</span>
  368. </a></li>
  369. <li><a href="#">
  370. <span class="inSec2T">
  371. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  372. </span>
  373. <span class="inSec2Time">2019-10-22</span>
  374. <span class="inSec4Type inSec4Type2">未审核</span>
  375. </a></li>
  376. <li><a href="#">
  377. <span class="inSec2T">
  378. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  379. </span>
  380. <span class="inSec2Time">2019-10-22</span>
  381. <span class="inSec4Type inSec4Type1">审核</span>
  382. </a></li>
  383. <li><a href="#">
  384. <span class="inSec2T">
  385. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  386. </span>
  387. <span class="inSec2Time">2019-10-22</span>
  388. <span class="inSec4Type inSec4Type2">未审核</span>
  389. </a></li>
  390. <li><a href="#">
  391. <span class="inSec2T">
  392. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  393. </span>
  394. <span class="inSec2Time">2019-10-22</span>
  395. <span class="inSec4Type inSec4Type1">审核</span>
  396. </a></li>
  397. <li><a href="#">
  398. <span class="inSec2T">
  399. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  400. </span>
  401. <span class="inSec2Time">2019-10-22</span>
  402. <span class="inSec4Type inSec4Type1">审核</span>
  403. </a></li>
  404. <li><a href="#">
  405. <span class="inSec2T">
  406. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  407. </span>
  408. <span class="inSec2Time">2019-10-22</span>
  409. <span class="inSec4Type inSec4Type1">审核</span>
  410. </a></li>
  411. </ul>
  412. </div>
  413. </div>
  414. <div class="inSec2Col3">
  415. <div class="inSec2Box inSecShadow">
  416. <div class="inSec1T">
  417. <span>班主任工作</span><i>20</i>
  418. <a href="#" class="more"><span></span><span></span><span></span></a>
  419. </div>
  420. <ul class="inSec2List">
  421. <li><a href="#">
  422. <span class="inSec2T">
  423. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  424. </span>
  425. <span class="inSec2Time">2019-10-22</span>
  426. </a></li>
  427. <li><a href="#">
  428. <span class="inSec2T">
  429. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  430. </span>
  431. <span class="inSec2Time">2019-10-22</span>
  432. </a></li>
  433. <li><a href="#">
  434. <span class="inSec2T">
  435. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  436. </span>
  437. <span class="inSec2Time">2019-10-22</span>
  438. </a></li>
  439. <li><a href="#">
  440. <span class="inSec2T">
  441. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  442. </span>
  443. <span class="inSec2Time">2019-10-22</span>
  444. </a></li>
  445. <li><a href="#">
  446. <span class="inSec2T">
  447. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  448. </span>
  449. <span class="inSec2Time">2019-10-22</span>
  450. </a></li>
  451. <li><a href="#">
  452. <span class="inSec2T">
  453. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  454. </span>
  455. <span class="inSec2Time">2019-10-22</span>
  456. </a></li>
  457. <li><a href="#">
  458. <span class="inSec2T">
  459. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  460. </span>
  461. <span class="inSec2Time">2019-10-22</span>
  462. </a></li>
  463. </ul>
  464. </div>
  465. </div>
  466. <div class="inSec2Col3">
  467. <div class="inSec2Box inSecShadow">
  468. <div class="inSec1T">
  469. <span>宿管工作</span><i>20</i>
  470. <a href="#" class="more"><span></span><span></span><span></span></a>
  471. </div>
  472. <ul class="inSec2List">
  473. <li><a href="#">
  474. <span class="inSec2T">
  475. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  476. </span>
  477. <span class="inSec2Time">2019-10-22</span>
  478. </a></li>
  479. <li><a href="#">
  480. <span class="inSec2T">
  481. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  482. </span>
  483. <span class="inSec2Time">2019-10-22</span>
  484. </a></li>
  485. <li><a href="#">
  486. <span class="inSec2T">
  487. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  488. </span>
  489. <span class="inSec2Time">2019-10-22</span>
  490. </a></li>
  491. <li><a href="#">
  492. <span class="inSec2T">
  493. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  494. </span>
  495. <span class="inSec2Time">2019-10-22</span>
  496. </a></li>
  497. <li><a href="#">
  498. <span class="inSec2T">
  499. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  500. </span>
  501. <span class="inSec2Time">2019-10-22</span>
  502. </a></li>
  503. <li><a href="#">
  504. <span class="inSec2T">
  505. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  506. </span>
  507. <span class="inSec2Time">2019-10-22</span>
  508. </a></li>
  509. <li><a href="#">
  510. <span class="inSec2T">
  511. <img src="images/inSec2-17.png" alt="" />关于大力推进学院网络服务的通 jkhfakjshdfkjh
  512. </span>
  513. <span class="inSec2Time">2019-10-22</span>
  514. </a></li>
  515. </ul>
  516. </div>
  517. </div>
  518. </div>
  519. </div>
  520. <!-- / index_sec4 -->
  521. </div>
  522. <!-- / warpper -->
  523. </body>
  524. <!-- / banner切换 -->
  525. </html>