|
|
<!--
|
|
|
* @Description 文件描述
|
|
|
* @Author zhangming
|
|
|
* @Date 2021-02-06 15:48:14
|
|
|
* @LastEditTime 2021-04-14 10:49:37
|
|
|
* @LastEditors zhangming
|
|
|
-->
|
|
|
|
|
|
<!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">
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="./css/bootstrap3.3.7.min.css">
|
|
|
<script src="./js/jquery2.1.1.min.js"></script>
|
|
|
<script src="./js/bootstrap3.3.7.min.js"></script>
|
|
|
|
|
|
<!--<script src="js/jquery-2.1.1.min.js"></script>-->
|
|
|
<script src="js/utils.js"></script>
|
|
|
<script src="js/nav.js"></script>
|
|
|
<!--统计使用-->
|
|
|
<script src="js/record.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;
|
|
|
}
|
|
|
</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/teachingStaff.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 id="title_text" id="title_text">
|
|
|
湘潭市教育发展--教师队伍发展状况
|
|
|
</h1>
|
|
|
<div class="top-config ">
|
|
|
<div class="select select--white" id='select-year'>
|
|
|
</div>
|
|
|
<a href="./teachingStaffRecent3Years.html" class="fullscreen button" style="margin-left: 10px;"><i class="fa fa-bar-chart"></i> 三年对比</a>
|
|
|
<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 class="weather">
|
|
|
<img src="picture/weather.png"><span>多云转小雨</span><span id="showTime"></span>
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
var t = null;
|
|
|
t = setTimeout(time, 1000);//開始运行
|
|
|
function time() {
|
|
|
clearTimeout(t);//清除定时器
|
|
|
dt = new Date();
|
|
|
var y = dt.getFullYear();
|
|
|
var mt = dt.getMonth() + 1;
|
|
|
var day = dt.getDate();
|
|
|
var h = dt.getHours();//获取时
|
|
|
var m = dt.getMinutes();//获取分
|
|
|
var s = dt.getSeconds();//获取秒
|
|
|
document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
|
|
|
t = setTimeout(time, 1000); //设定定时器，循环运行
|
|
|
}
|
|
|
|
|
|
</script> -->
|
|
|
|
|
|
|
|
|
</div>
|
|
|
<div class="mainbox">
|
|
|
<ul class="clearfix">
|
|
|
<li>
|
|
|
<div class="boxall" style="height:4.8rem">
|
|
|
<div class="alltitle">专任教师师生比</div>
|
|
|
<div class="sy" id="echarts11"></div>
|
|
|
<div class="sy" id="echarts12"></div>
|
|
|
<div class="sy" id="echarts13"></div>
|
|
|
<div class="boxfoot"></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="boxall" style="height: 4.8rem">
|
|
|
<div class="alltitle">整体情况</div>
|
|
|
<div class="bar">
|
|
|
<div class="barbox2">
|
|
|
<ul class="clearfix">
|
|
|
<li class="pulll_left">
|
|
|
<p>教职工总人数</p>
|
|
|
<div id="teacharAll" class="numberStyle"></div>
|
|
|
</li>
|
|
|
<li class="pulll_left">
|
|
|
<p>专职教师人数</p>
|
|
|
<div id="teacharNum" class="numberStyle"></div>
|
|
|
</li>
|
|
|
<li class="pulll_left">
|
|
|
<p>在编教师人数</p>
|
|
|
<div id="teacherNumber" class="numberStyle"></div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<ul class="clearfix">
|
|
|
<li class="teacher_left">
|
|
|
<img src="./images/教师-女.png" alt="">
|
|
|
<span id="womanTeacher"></span>
|
|
|
<span id="womanPercentage">教师占比：</span>
|
|
|
</li>
|
|
|
<li class="teacher_left">
|
|
|
<img src="./images/教师-男.png" alt="">
|
|
|
<span id="manTeacher"></span>
|
|
|
<span id="manPercentage">教师占比：</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="boxfoot"></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="boxall" style="height:4.8rem">
|
|
|
<div class="alltitle">城乡专任教师师生比</div>
|
|
|
<div style="height: 95%;" id="echart2"></div>
|
|
|
<div class="boxfoot"></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul class="clearfix">
|
|
|
<li>
|
|
|
<div class="boxall" style="height:4.8rem">
|
|
|
<div class="alltitle">专任教师职称情况</div>
|
|
|
<div class="sy" style="width: 100%;" id="fb1"></div>
|
|
|
<div class="boxfoot"></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="boxall" style="height: 4.8rem">
|
|
|
<div class="alltitle">专任教师年龄情况</div>
|
|
|
<div style="height: 95%;" id="echart4"></div>
|
|
|
|
|
|
<div class="boxfoot"></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="boxall" style="height:4.8rem">
|
|
|
<div class="alltitle">专任教师学历情况</div>
|
|
|
<div class="sy" style="width: 100%;" id="echarts51"></div>
|
|
|
<div class="boxfoot"></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!-- 模态框（Modal） -->
|
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
<div id="modalDialog" class="modal-dialog">
|
|
|
<div class="modal-content">
|
|
|
<div id="modalBody" class="modal-body">
|
|
|
<div class="close-box-style">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
</div>
|
|
|
<div class="table-responsive" id="tableBox">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div><!-- /.modal-content -->
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
|
|
|
<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">
|
|
|
<!-- <li class="header"> 数据分析平台 </li>
|
|
|
<li class="treeview active">
|
|
|
<a href="#">
|
|
|
<i class="fa fa-dashboard"></i> <span>市教育数据总览</span> <i
|
|
|
class="fa fa-angle-left pull-right"></i>
|
|
|
</a>
|
|
|
<ul class="treeview-menu">
|
|
|
<li><a href="javascript:;" data-href="./index.html"><i class="fa fa-circle-o"></i>教育发展总体情况</a></li>
|
|
|
<li><a href="javascript:;" data-href="./teachingStaff.html"><i class="fa fa-circle"></i>教师队伍发展状况</a></li>
|
|
|
<li><a href="javascript:;" data-href="./runningConditions.html"><i class="fa fa-circle-o"></i>办学条件发展状况</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li class="treeview">
|
|
|
<a href="#">
|
|
|
<i class="fa fa-dashboard"></i>
|
|
|
<span>县域教育事业发展情况</span>
|
|
|
<i class="fa fa-angle-left pull-right"></i>
|
|
|
</a>
|
|
|
<ul class="treeview-menu">
|
|
|
<li><a href="javascript:;" data-href="./schoolSizeInfo.html"><i class="fa fa-circle-o"></i>学校规模情况</a></li>
|
|
|
<li><a href="javascript:;" data-href="./classesOf.html"><i class="fa fa-circle-o"></i>班额情况</a></li>
|
|
|
<li><a href="javascript:;" data-href="./boardersInfo.html"><i class="fa fa-circle-o"></i>寄宿生情况</a></li>
|
|
|
<li><a href="javascript:;" data-href="./trailingChildrenInfo.html"><i class="fa fa-circle-o"></i>随迁子女情况</a></li>
|
|
|
<li><a href="javascript:;" data-href="./behindChildrenInfo.html"><i class="fa fa-circle-o"></i>留守儿童情况</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
|
|
|
<li class="treeview">
|
|
|
<a href="#">
|
|
|
<i class="fa fa-dashboard"></i>
|
|
|
<span>县域教师队伍发展情况</span>
|
|
|
<i class="fa fa-angle-left pull-right"></i>
|
|
|
</a>
|
|
|
<ul class="treeview-menu">
|
|
|
<li><a href="javascript:;" data-href="./fulltimeTeachersNum.html"><i class="fa fa-circle-o"></i>专任教师数量情况</a></li>
|
|
|
<li><a href="javascript:;" data-href="./fulltimeTeachersAge.html"><i class="fa fa-circle-o"></i>专任教师年龄情况</a></li>
|
|
|
<li><a href="javascript:;" data-href="./fulltimeTeachersRecord.html"><i class="fa fa-circle-o"></i>专任教师学历情况</a></li>
|
|
|
<li><a href="javascript:;" data-href="./fulltimeTeachersTitle.html"><i class="fa fa-circle-o"></i>专任教师职称情况</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
|
|
|
<li class="treeview">
|
|
|
<a href="#">
|
|
|
<i class="fa fa-dashboard"></i>
|
|
|
<span>县域办学条件发展情况</span>
|
|
|
<i class="fa fa-angle-left pull-right"></i>
|
|
|
</a>
|
|
|
<ul class="treeview-menu">
|
|
|
<li><a href="javascript:;" data-href="./schoolCovers.html"><i class="fa fa-circle-o"></i>中小学生均校园占地面积</a></li>
|
|
|
<li><a href="javascript:;" data-href="./schoolArea.html"><i class="fa fa-circle-o"></i>中小学生均校园建筑面积</a></li>
|
|
|
<li><a href="javascript:;" data-href="./schoolSports.html"><i class="fa fa-circle-o"></i>中小学生均运动场馆面积</a></li>
|
|
|
<li><a href="javascript:;" data-href="./schoolAssistants.html"><i class="fa fa-circle-o"></i>中小学生均教辅面积</a></li>
|
|
|
</ul>
|
|
|
</li> -->
|
|
|
</ul>
|
|
|
</section>
|
|
|
</aside>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="js/china.js"></script>
|
|
|
<script type="text/javascript" src="js/area_echarts.js"></script>
|
|
|
<script src="js/menu.js"></script>
|
|
|
|
|
|
<!--<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>-->
|
|
|
<script>
|
|
|
var pageIndex = ["BasicEducation","BaseEduMEduData","teachingStaff"];
|
|
|
</script>
|
|
|
<script src="./js/sidebar-menu.js"></script>
|
|
|
<script>
|
|
|
$.sidebarMenu($('.sidebar-menu'))
|
|
|
$("#modalDialog").css({"width":1200 + "px","height":800 + "px"});
|
|
|
$("#modalBody").css({"width":1200 + "px","height":800 + "px"});
|
|
|
</script>
|
|
|
<style>
|
|
|
.modal-body{
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
.close-box-style{
|
|
|
width: 100%;
|
|
|
height: 20px;
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
align-items: center;
|
|
|
}
|
|
|
.table-responsive{
|
|
|
width: 100%;
|
|
|
height: calc(100% - 20px);
|
|
|
padding: 20px;
|
|
|
}
|
|
|
.table thead tr th{
|
|
|
text-align: center;
|
|
|
border: 1px solid;
|
|
|
font-size: 20px;
|
|
|
}
|
|
|
.table tbody tr td{
|
|
|
text-align: center;
|
|
|
border: 1px solid;
|
|
|
padding: 0 !important;
|
|
|
font-family: 微软雅黑;
|
|
|
}
|
|
|
.table tbody tr .td-title-style{
|
|
|
font-weight: bolder;
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html> |
