bjquanjiang
/
DigitalScholl
1
0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
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.
683 Комити
27 Гране
925 MiB
 
 
 
 
 
 
Дрво: a756cca163
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from 'a756cca163'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/wsbsdt/index3.html

551 lines
18 KiB
Датотека Blame Историја 

  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/common.css">

  18. 		<link rel="stylesheet" type="text/css" href="css/index.css">

  19. 		<!-- 蓝色背景 -->

  20. 		<!-- <link rel="stylesheet" type="text/css" href="css/blue.css"> -->

  21. 		<!-- 红色背景 -->

  22. 		<!-- <link rel="stylesheet" type="text/css" href="css/red.css"> -->

  23. 		<!-- 绿色背景 -->

  24. 		<link rel="stylesheet" id="skinLink" type="text/css" href="css/green.css">

  25. 		<style>

  26. 			body,html{

  27. 			min-height: 900;

  28. 			min-width: 1680px;

  29. 		  }

  30. 		  .index_sec4 {

  31. 		  	margin-top: 22px;

  32. 		  	overflow: auto;

  33. 		  }

  34. 		  </style>

  35. 		<!----自适应----->

  36. 

  37. 		<script src="js/jquery.min.js"></script>

  38. 		<script src="layui/layui.all.js"></script>

  39. 		<script src="js/bootstrap.js"></script>

  40. 		<!----自适应----->

  41. 

  42. 		<script src="js/index.js"></script>

  43. 		<script src="js/main.js"></script>

  44. 		<script src="js/dist/echarts.js"></script>

  45. 

  46. 		<!--[if lte IE 9]>

  47.      <script src="js/respond.min.js"></script>

  48.      <script src="js/html5shiv.js"></script>

  49.   <![endif]-->

  50. 	</head>

  51. 	<body>

  52. 		<!-- header -->

  53. 		<div class="header">

  54. 			<a href="index.html" class="headLogo">

  55. 				网上办事大厅 <span>管理驾驶舱模式</span>

  56. 			</a>

  57. 			<ul class="headTab">

  58. 				<li class="active"><a href="index.html"><img src="images/head1.png" alt="" /></a></li>

  59. 				<li><a href="index2.html"><img src="images/head2.png" alt="" /></a></li>

  60. 				<li><a href="news.html"><img src="images/head3.png" alt="" /></a></li>

  61. 				<!-- <li><a href="news.html">

  62. 					<span style="display: inline-block;margin-top: 24px;line-height: 28px;border-radius: 14px;color: #198BE3;background-color: #fff;padding: 0 10px;">飞星下载</span>

  63. 				</a></li> -->

  64. 			</ul>

  65. 			<div class="headSearch">

  66. 				<input type="text" placeholder="查找服务" />

  67. 				<img src="images/search.png" alt="" />

  68. 			</div>

  69. 			<div class="headUser">

  70. 				<div class="headMode">

  71. 					<div class="headModeTxt"><span>管理驾驶舱模式</span> <i class="fa fa-angle-down"></i> </div>

  72. 					<ul class="headModeList">

  73. 						<li><a href="index2.html">办事大厅模式</a></li>

  74. 						<li><a href="index.html">效率优先模式</a></li>

  75. 						<li class="active"><a href="index3.html">管理驾驶舱模式</a></li>

  76. 					</ul>

  77. 				</div>

  78. 				<!-- 登录 -->

  79. 				<!-- <a href="index.html" class="headLogin">登录</a> -->

  80. 				<!-- 登录 -->

  81. 				<!-- 登录后 -->

  82. 				<div class="headLine1"></div>

  83. 				<div class="headUserImg"><img src="images/user.jpg" alt="" /></div>

  84. 				<div class="headUserTxt">王明</div>

  85. 				<div class="headLine1"></div>

  86. 				<div class="headNumBox">

  87. 					<div class="headNum">工号 123456</div>

  88. 					<div class="headNumTxt">教务部 <span></span> 主任</div>

  89. 				</div>

  90. 				<!-- 登录后 -->

  91. 				<div class="headLine2"></div>

  92. 			</div>

  93. 		</div>

  94. 		<!-- header -->

  95. 		<!--  / warpper  -->

  96. 		<div class="warpper">

  97. 

  98. 			<!--  / index_sec1  -->

  99. 			<div class="index_sec index_sec1 inSecShadow">

  100. 				<!-- 顶部名称以及搜索 -->

  101. 				<div class="inSec1Top">

  102. 					<div class="inSec1T">

  103. 						<span>网上办事大厅</span>

  104. 					</div>

  105. 					<div class="inSec1Serch">

  106. 						<div class="inSec1SerchList">

  107. 							<span>按名称查询</span><i class="fa fa-angle-down"></i>

  108. 						</div>

  109. 						<input type="text" placeholder="请输入您需要的服务" />

  110. 						<div class="inSec1btn"><img src="images/search.png" alt="" /></div>

  111. 						<!-- 查询下拉 -->

  112. 						<ul class="inSec1SerchLists inSecShadow">

  113. 							<li class="active">按名称查询</li>

  114. 							<li>按名称查询2</li>

  115. 							<li>按名称查询3</li>

  116. 							<li>按名称查询5</li>

  117. 							<li>按名称查询4</li>

  118. 						</ul>

  119. 						<!-- 查询下拉 -->

  120. 						<div class="clear"></div>

  121. 					</div>

  122. 				</div>

  123. 				<div class="inSec1Box">

  124. 					<!-- 第一级列表 -->

  125. 					<ul class="inSec1List1">

  126. 						<li class="active"><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. 						<li><a href="#">

  151. 								<span>行政类</span> <span>40</span>

  152. 							</a></li>

  153. 						<li><a href="#">

  154. 								<span>项目类</span> <span>40</span>

  155. 							</a></li>

  156. 						<li><a href="#">

  157. 								<span>资产类</span> <span>40</span>

  158. 							</a></li>

  159. 						<li><a href="#">

  160. 								<span>监控类</span> <span>40</span>

  161. 							</a></li>

  162. 					</ul>

  163. 					<!-- 第一级列表 -->

  164. 					<!-- 第二级列表 -->

  165. 					<ul class="inSec1List2 inSecShadow">

  166. 						<li class="active"><a href="#">

  167. 								<img src="images/inSec1-2.png" alt="" /><span>物资采购</span>

  168. 							</a></li>

  169. 						<li><a href="#">

  170. 								<img src="images/inSec1-3.png" alt="" /><span>接待停车申请结算</span>

  171. 							</a></li>

  172. 						<li><a href="#">

  173. 								<img src="images/inSec1-5.png" alt="" /><span>请假</span>

  174. 							</a></li>

  175. 						<li><a href="#">

  176. 								<img src="images/inSec1-5.png" alt="" /><span>教师个人信息修改</span>

  177. 							</a></li>

  178. 						<li><a href="#">

  179. 								<img src="images/inSec1-6.png" alt="" /><span>困补申请</span>

  180. 							</a></li>

  181. 						<li><a href="#">

  182. 								<img src="images/inSec1-7.png" alt="" /><span>收入证明受理申请</span>

  183. 							</a></li>

  184. 						<li><a href="#">

  185. 								<img src="images/inSec1-8.png" alt="" /><span>探亲报销申请</span>

  186. 							</a></li>

  187. 						<li><a href="#">

  188. 								<img src="images/inSec1-9.png" alt="" /><span>年终特困补助申请</span>

  189. 							</a></li>

  190. 						<li><a href="#">

  191. 								<img src="images/inSec1-10.png" alt="" /><span>劳动合同审批</span>

  192. 							</a></li>

  193. 						<li><a href="#">

  194. 								<img src="images/inSec1-11.png" alt="" /><span>合同修改</span>

  195. 							</a></li>

  196. 						<li><a href="#">

  197. 								<img src="images/inSec1-12.png" alt="" /><span>校企合作劳动合同审批</span>

  198. 							</a></li>

  199. 						<li><a href="#">

  200. 								<img src="images/inSec1-13.png" alt="" /><span>教学楼施工合同审批</span>

  201. 							</a></li>

  202. 						<li><a href="#">

  203. 								<img src="images/inSec1-14.png" alt="" /><span>中央空调使用服务</span>

  204. 							</a></li>

  205. 						<li><a href="#">

  206. 								<img src="images/inSec1-15.png" alt="" /><span>花卉服务</span>

  207. 							</a></li>

  208. 						<li><a href="#">

  209. 								<img src="images/inSec1-16.png" alt="" /><span>纪念品服务</span>

  210. 							</a></li>

  211. 						<li><a href="#">

  212. 								<img src="images/inSec1-17.png" alt="" /><span>会议中心报告厅等建筑装饰</span>

  213. 							</a></li>

  214. 						<li><a href="#">

  215. 								<img src="images/inSec1-18.png" alt="" /><span>呈阅</span>

  216. 							</a></li>

  217. 						<li><a href="#">

  218. 								<img src="images/inSec1-19.png" alt="" /><span>智能报表</span>

  219. 							</a></li>

  220. 						<li><a href="#">

  221. 								<img src="images/inSec1-20.png" alt="" /><span>审批表</span>

  222. 							</a></li>

  223. 						<li><a href="#">

  224. 								<img src="images/inSec1-21.png" alt="" /><span>智能报表</span>

  225. 							</a></li>

  226. 						<li><a href="#">

  227. 								<img src="images/inSec1-22.png" alt="" /><span>审批表</span>

  228. 							</a></li>

  229. 					</ul>

  230. 					<!-- 第二级列表 -->

  231. 				</div>

  232. 

  233. 			</div>

  234. 			<!--  / index_sec1  -->

  235. 

  236. 			<!--  / index_sec2  -->

  237. 			<div class="index_sec2 index_sec4"><div style="overflow: hidden;">

  238. 				<div class="inSec2Row" style="margin-top: 0;padding-top: 0;">

  239. 					<div class="inSec5Col6">

  240. 						<div class="inSec2Box inSecShadow">

  241. 							<div class="inSec1T">

  242. 								<span>校园总览</span>

  243. 								<a href="#" class="more"><span></span><span></span><span></span></a>

  244. 							</div>

  245. 							<div class="inSec5Box">

  246. 								<div class="inSec5Row">

  247. 									<div class="inSec5Col2">

  248. 										<a href="#">

  249. 											<span class="schoolT">

  250. 												<img src="images/inSec6-7.png" alt="">专业总数

  251. 											</span>

  252. 											<span class="schoolNum">27</span>

  253. 										</a>

  254. 									</div>

  255. 									<div class="inSec5Col2">

  256. 										<a href="#">

  257. 											<span class="schoolT">

  258. 												<img src="images/inSec6-8.png" alt="">班级总数

  259. 											</span>

  260. 											<span class="schoolNum">27</span>

  261. 										</a>

  262. 									</div>

  263. 									<div class="inSec5Col2">

  264. 										<a href="#">

  265. 											<span class="schoolT">

  266. 												<img src="images/inSec6-9.png" alt="">在校学生

  267. 											</span>

  268. 											<span class="schoolNum">27</span>

  269. 										</a>

  270. 									</div>

  271. 									<div class="inSec5Col2">

  272. 										<a href="#">

  273. 											<span class="schoolT">

  274. 												<img src="images/inSec6-10.png" alt="">在校教师

  275. 											</span>

  276. 											<span class="schoolNum">27</span>

  277. 										</a>

  278. 									</div>

  279. 									<div class="inSec5Col2">

  280. 										<a href="#">

  281. 											<span class="schoolT">

  282. 												<img src="images/inSec6-11.png" alt="">在用教室

  283. 											</span>

  284. 											<span class="schoolNum">27</span>

  285. 										</a>

  286. 									</div>

  287. 								</div>

  288. 							</div>

  289. 						</div>

  290. 						<form class="layui-form" action="">

  291. 							<div class="inSec2Box inSecShadow" style="margin-top: 22px;">

  292. 								<div class="inSec1T">

  293. 									<span>专业总览</span>

  294. 									<a href="#" class="more"><span></span><span></span><span></span></a>

  295. 								</div>

  296. 								<div class="inSec5Box" style="position: relative;">

  297. 									<div class="inSec5Echart3" id="major"></div>

  298. 									<div class="inSec5majorTxt inSec5majorTxt1">

  299. 										<div>班级总数</div>

  300. 										<div>12</div>

  301. 									</div>

  302. 									<div class="inSec5majorTxt inSec5majorTxt2">

  303. 										<div>专业学生</div>

  304. 										<div>252</div>

  305. 									</div>

  306. 									<div class="inSec5majorTxt inSec5majorTxt3">

  307. 										<div>专业教室 </div>

  308. 										<div>97</div>

  309. 									</div>

  310. 									<div class="layui-input-block">

  311. 										<select id="" name="zy" lay-filter="zy" lay-verify="required">

  312. 											<option value="0-20">0-20</option>

  313. 											<option value="20-40">20-40</option>

  314. 											<option value="40-60">40-60</option>

  315. 											<option value="60-80">60-80</option>

  316. 											<option value="80-100" selected>机械执照专业机械执照专业机械执照专业</option>

  317. 										</select>

  318. 									</div>

  319. 								</div>

  320. 							</div>

  321. 							<div class="inSec2Box inSecShadow" style="margin-top: 22px;">

  322. 								<div class="inSec1T">

  323. 									<span>课程总览</span>

  324. 									<a href="#" class="more"><span></span><span></span><span></span></a>

  325. 								</div>

  326. 								<div class="inSec5Box" style="position: relative;">

  327. 									<div class="inSec5L">

  328. 										<div class="inSec5LBox">

  329. 											<img src="images/inSec6-14.png" alt="">

  330. 											<div>

  331. 												<div>课程建设总数</div>

  332. 												<div class="inSec5LT">167</div>

  333. 											</div>

  334. 										</div>

  335. 										<div class="inSec5LBox">

  336. 											<img src="images/inSec6-13.png" alt="">

  337. 											<div>

  338. 												<div>本学期开课总数</div>

  339. 												<div class="inSec5LT">167</div>

  340. 											</div>

  341. 										</div>

  342. 										<div class="inSec5LBox">

  343. 											<img src="images/inSec6-12.png" alt="">

  344. 											<div>

  345. 												<div>课程运行预警</div>

  346. 												<div class="inSec5LT">167</div>

  347. 											</div>

  348. 										</div>

  349. 									</div>

  350. 									<div class="inSec5Echart4" id="class"></div>

  351. 									<div class="inSec5ClassTxt">课程分类</div>

  352. 									<div class="layui-input-block">

  353. 										<select id="" name="wh" lay-filter="wh" lay-verify="required">

  354. 											<option value="0-20">0-20</option>

  355. 											<option value="20-40">20-40</option>

  356. 											<option value="40-60">40-60</option>

  357. 											<option value="60-80">60-80</option>

  358. 											<option value="80-100" selected>机械执照专业机械执照专业机械执照专业</option>

  359. 										</select>

  360. 									</div>

  361. 								</div>

  362. 							</div>

  363. 						</form>

  364. 					</div>

  365. 					<div class="inSec5Col3">

  366. 						<div class="inSec2Box inSecShadow">

  367. 							<div class="inSec1T">

  368. 								<span>教师总览</span>

  369. 								<a href="#" class="more"><span></span><span></span><span></span></a>

  370. 							</div>

  371. 							<div class="inSec5Box">

  372. 								<div class="inSec5Total">教师总数 <b>1752</b> 人</div>

  373. 								<div class="inSec5PerBox">

  374. 									<div class="inSec5Per">

  375. 										男 <b>66</b> 人 <div class="inSec5Icon inSec5Green">43%</div>

  376. 									</div>

  377. 									<div class="inSec5PerN inSec5PerN1" style="width: 43%"></div>

  378. 								</div>

  379. 								<div class="inSec5PerBox">

  380. 									<div class="inSec5Per">

  381. 										女 <b>66</b> 人 <div class="inSec5Icon inSec5Red">43%</div>

  382. 									</div>

  383. 									<div class="inSec5PerN inSec5PerN2" style="width: 43%"></div>

  384. 								</div>

  385. 								<div class="inSec5Line"></div>

  386. 								<div class="inSec5Echart1Box">

  387. 									<div class="inSec5Echart2" id="age"></div>

  388. 									<div class="ageTxt">教师年龄<br>比例</div>

  389. 								</div>

  390. 								<div class="inSec5Line"></div>

  391. 								<div class="inSec5Echart1Box">

  392. 									<div class="inSec5Echart1Con">

  393. 										<div>教师学历比例</div>

  394. 									</div>

  395. 									<div class="inSec5Echart1" id="education"></div>

  396. 								</div>

  397. 								<div class="inSec5Line"></div>

  398. 								<div class="inSec5Echart1Box">

  399. 									<div class="organT">教师编制比例</div>

  400. 									<div class="organBox">

  401. 										<div class="organLine">

  402. 											<div></div>

  403. 											<div></div>

  404. 											<div></div>

  405. 											<div></div>

  406. 											<div></div>

  407. 											<div></div>

  408. 											<div></div>

  409. 											<div></div>

  410. 											<div></div>

  411. 											<div></div>

  412. 											<div></div>

  413. 											<div></div>

  414. 											<div></div>

  415. 											<div></div>

  416. 											<div></div>

  417. 											<div></div>

  418. 											<div></div>

  419. 											<div></div>

  420. 											<div></div>

  421. 											<div></div>

  422. 											<div></div>

  423. 											<div></div>

  424. 											<div></div>

  425. 											<div></div>

  426. 											<div></div>

  427. 											<div></div>

  428. 											<div></div>

  429. 											<div></div>

  430. 											<div></div>

  431. 											<div></div>

  432. 											<div></div>

  433. 											<div></div>

  434. 											<div></div>

  435. 											<div></div>

  436. 											<div></div>

  437. 											<div></div>

  438. 											<div></div>

  439. 											<div></div>

  440. 											<div></div>

  441. 											<div></div>

  442. 											<div class="organZ" style="height: 30%;"></div>

  443. 											<div class="organCon organCon1">

  444. 												<div>在编教师</div>

  445. 												<div><span>95</span>人</div>

  446. 												<div><span>62%</span></div>

  447. 											</div>

  448. 											<div class="organCon organCon2">

  449. 												<div>非在编教师</div>

  450. 												<div><span>95</span>人</div>

  451. 												<div><span>62%</span></div>

  452. 											</div>

  453. 										</div>

  454. 									</div>

  455. 								</div>

  456. 							</div>

  457. 						</div>

  458. 					</div>

  459. 					<div class="inSec5Col3">

  460. 						<div class="inSec2Box inSecShadow">

  461. 							<div class="inSec1T">

  462. 								<span>学生总览</span>

  463. 								<a href="#" class="more"><span></span><span></span><span></span></a>

  464. 							</div>

  465. 							<div class="inSec5Box">

  466. 								<div class="inSec5Total">在校学生总数 <b>1752</b> 人</div>

  467. 								<div class="inSec5PerBox">

  468. 									<div class="inSec5Per">

  469. 										男 <b>66</b> 人 <div class="inSec5Icon inSec5Green">43%</div>

  470. 									</div>

  471. 									<div class="inSec5PerN inSec5PerN1" style="width: 43%"></div>

  472. 								</div>

  473. 								<div class="inSec5PerBox">

  474. 									<div class="inSec5Per">

  475. 										女 <b>66</b> 人 <div class="inSec5Icon inSec5Red">43%</div>

  476. 									</div>

  477. 									<div class="inSec5PerN inSec5PerN2" style="width: 43%"></div>

  478. 								</div>

  479. 								<div class="inSec5Line"></div>

  480. 								<div class="inSec5Echart1Box">

  481. 									<div class="inSec5Echart1Con">

  482. 										<div>学生成绩预警</div>

  483. 										<div><b>21人</b></div>

  484. 									</div>

  485. 									<img src="images/inSec6-3.png" class="inSec5Echart1Img" alt="">

  486. 									<div class="inSec5Echart1" id="achWarn"></div>

  487. 								</div>

  488. 								<div class="inSec5Line"></div>

  489. 								<div class="inSec5Echart1Box">

  490. 									<div class="inSec5Echart1Con">

  491. 										<div>学生到课率预警</div>

  492. 										<div><b>43%</b></div>

  493. 									</div>

  494. 									<div class="inSec5Echart1" id="">

  495. 										<div class="toClass">

  496. 											<img class="toClassImg1" src="images/inSec6-5.png" alt="">

  497. 											<div class="toClassImg2">

  498. 												<img src="images/inSec6-6.png" alt="">

  499. 											</div>

  500. 											<div class="toClassBl"></div>

  501. 										</div>

  502. 										<div class="toClassLegend">

  503. 											<div class="green">

  504. 												<i></i><span>80%~100%</span>

  505. 											</div>

  506. 											<div class="blue">

  507. 												<i></i><span>60%~80%</span>

  508. 											</div>

  509. 											<div class="red">

  510. 												<i></i><span>0%~60%</span>

  511. 											</div>

  512. 										</div>

  513. 									</div>

  514. 								</div>

  515. 								<div class="inSec5Line"></div>

  516. 								<div class="inSec5Echart1Box">

  517. 									<div class="inSec5Echart1Con">

  518. 										<div>学生逃课预警</div>

  519. 										<div><b>21人</b></div>

  520. 									</div>

  521. 									<div class="inSec5Echart1" id="skipClass"></div>

  522. 									<div class="toClassLegend">

  523. 										<div class="green">

  524. 											<i></i><span>80%~100%</span>

  525. 										</div>

  526. 										<div class="blue">

  527. 											<i></i><span>60%~80%</span>

  528. 										</div>

  529. 										<div class="red">

  530. 											<i></i><span>0%~60%</span>

  531. 										</div>

  532. 									</div>

  533. 								</div>

  534. 							</div>

  535. 						</div>

  536. 					</div>

  537. 				</div>

  538. 			</div></div>

  539. 			<!--  / index_sec2  -->

  540. 

  541. 

  542. 		</div>

  543. 		<!--  / warpper  -->

  544. 

  545. 		<script src="js/index3.js"></script>

  546. 	</body>

  547. 

  548. 	<!--  / banner切换  -->

  549. 

  550. </html>