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.
142 lines
6.2 KiB
142 lines
6.2 KiB
<!--
|
|
* @Description 专任教师年龄情况
|
|
-->
|
|
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>大数据汇聚与管理系统</title>
|
|
<script type="text/javascript" src="js/jquery.js"></script>
|
|
<link rel="stylesheet" href="css/comon0.css">
|
|
<link href="css/nav_sytle.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="./css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="./css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="css/sidebar-menu.css">
|
|
|
|
<script src="js/jquery-2.1.1.min.js"></script>
|
|
<script src="js/nav.js"></script>
|
|
|
|
<style type="text/css">
|
|
.main-sidebar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
min-height: 100%;
|
|
width: 230px;
|
|
z-index: 810;
|
|
background-color: #222d32;
|
|
}
|
|
.tab .active {
|
|
color: #4c60ff;
|
|
background: rgba(255, 255, 255, 0);
|
|
border: none;
|
|
}
|
|
.tab .tabbtn {
|
|
border: none;
|
|
margin-right: 0.2rem;
|
|
}
|
|
</style>
|
|
</head>
|
|
<script>
|
|
$(window).load(function () {
|
|
$(".loading").fadeOut()
|
|
})
|
|
|
|
/****/
|
|
$(document).ready(function () {
|
|
var whei = $(window).width()
|
|
$("html").css({ fontSize: whei / 20 })
|
|
$(window).resize(function () {
|
|
var whei = $(window).width()
|
|
$("html").css({ fontSize: whei / 20 })
|
|
});
|
|
});
|
|
</script>
|
|
<script type="text/javascript" src="js/echarts.min.js"></script>
|
|
<script language="JavaScript" src="js/fulltimeTeachersAge.js"></script>
|
|
|
|
<body>
|
|
|
|
<div class="loading">
|
|
<div class="loadbox"> <img src="picture/loading.gif"> 页面加载中... </div>
|
|
</div>
|
|
<div class="head">
|
|
<div class="con">
|
|
<div class="left" style="font-family:Comic Sans MS;font-size:14px;">
|
|
<i class="fa fa-dedent" style="font-size: 24px;"></i>
|
|
</div>
|
|
</div>
|
|
<h1 style="font-size: 0.28rem;" id="title_text">
|
|
县域教育事业发展情况--专任教师年龄情况
|
|
</h1>
|
|
<div class="top-config">
|
|
<div class="select select--white" id='select-year'>
|
|
</div>
|
|
<a href="javasccript:;" class="fullscreen button" onclick="fullScreen()" id="fullScreen"><i class="fa fa-expand"></i></a>
|
|
<a href="javasccript:;" class="fullscreen button" onclick="exitScreen()" style="display: none;" id="exitScreen"><i class="fa fa-compress"></i></a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="mainbox">
|
|
<ul class="clearfix">
|
|
|
|
<div class="boxall" style="height: 8rem; width: 100%;">
|
|
<div class="alltitle" style="line-height: 0.3rem; text-align: center;">
|
|
<div class="tab">
|
|
<button class="active tabbtn" id='Sxiaoxue'>小学</button>
|
|
<button class="tabbtn" id='Schuzhong'>初中</button>
|
|
<button class="tabbtn" id='Sgaozhong'>高中</button>
|
|
</div>
|
|
</div>
|
|
<div style="height: 98%;" id="echartTeacherAge"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
|
|
<div class="boxall" style="height: 7rem; width: 100%; padding: 0.2rem;">
|
|
<table style="border: 1px solid rgba(255,255,255,.2); width: 100%; border-radius: 8px;" id="teacherAgeTable">
|
|
<tr style="line-height: 0.35rem;">
|
|
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 5%; background: #0044bb;">序号</th>
|
|
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">县域名称</th>
|
|
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 9.4%; background: #0044bb;">24岁及以下</th>
|
|
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 9.4%; background: #0044bb;">25-29岁</th>
|
|
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 9.4%; background: #0044bb;">30-34岁</th>
|
|
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 9.4%; background: #0044bb;">35-39岁</th>
|
|
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 9.4%; background: #0044bb;">40-44岁</th>
|
|
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 9.4%; background: #0044bb;">45-49岁</th>
|
|
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 9.4%; background: #0044bb;">50-54岁</th>
|
|
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 9.4%; background: #0044bb;">55-59岁</th>
|
|
<th style="text-align: center; color: #fff; width: 9.4%; background: #0044bb;">60岁及以上</th>
|
|
</tr>
|
|
</table>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="back"></div>
|
|
|
|
<div class="bgDiv"></div>
|
|
<div class="leftNav">
|
|
<aside class="main-sidebar">
|
|
<section class="sidebar">
|
|
<ul class="sidebar-menu" id="menu_list">
|
|
|
|
</section>
|
|
</aside>
|
|
</div>
|
|
<script type="text/javascript" src="js/china.js"></script>
|
|
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
|
|
<script>
|
|
var pageIndex = ["BasicEducation","BaseEduCountyTeacherDev","fulltimeTeachersAge"];
|
|
</script>
|
|
<script src="js/menu.js"></script>
|
|
<script src="./js/sidebar-menu.js"></script>
|
|
<script>
|
|
$.sidebarMenu($('.sidebar-menu'))
|
|
</script>
|
|
</body>
|
|
|
|
</html> |