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.

189 lines
7.9 KiB

<!--
* @Description 文件描述
* @Author zhangming
* @Date 2021-03-03 15:00:35
* @LastEditTime 2021-04-14 10:48: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">
<script src="js/utils.js"></script>
<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;
}
</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/areaTeachingStaff.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>
</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>
<!-- <a href="javascript:;" data-href="index.html" class="fullscreen button" style="margin-left: 10px;"><i class="fa fa-reply"></i> 返回</a> -->
</div>
</div>
<div class="mainbox">
<ul class="clearfix">
<li>
<div class="boxall" style="height:4.8rem">
<div class="alltitle">县级以上骨干教师数量情况</div>
<div style="height: 95%;" id="echart1"></div>
<div class="boxfoot"></div>
</div>
<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 class="bar">
<div class="barbox2">
<ul class="clearfix">
<li class="pulll_left">
<p>教职工人数</p>
<div id="TeachingStaffNumber" class="numberStyle"></div>
</li>
<li class="pulll_left">
<p>专任教师人数</p>
<div id="FullTimeTeacherNumber" class="numberStyle"></div>
</li>
<li class="pulll_left">
<p>在编教师人数</p>
<div id="OnTheJobTeacherNumber" class="numberStyle"></div>
</li>
</ul>
</div>
</div>
<ul class="clearfix" style="margin-top: 0.3rem;">
<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>
<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 style="height: 95%;" id="echart2"></div>
<div class="boxfoot"></div>
</div>
<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>
<div class="back"></div>
<div class="bgDiv"></div>
<div class="leftNav">
<aside class="main-sidebar">
<section class="sidebar">
<ul class="sidebar-menu">
<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 id="area_index"></li>
<li id="area_teacher"></li>
<li id="area_school"></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/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="./js/sidebar-menu.js"></script>
<script>
$.sidebarMenu($('.sidebar-menu'));
var url = decodeURI(window.location.href);
var other_url = document.querySelector('#area_index');
other_url.innerHTML += `<a href="areaIndex.html?area_name=${area_name}${GetQueryString("year") ? "&year=" + GetQueryString("year") : ''}"><i class="fa fa-circle-o"></i>教育发展总体情况</a>`
var other_url_teacher = document.querySelector('#area_teacher');
other_url_teacher.innerHTML += `<a href="areaTeacherStaff.html?area_name=${area_name}${GetQueryString("year") ? "&year=" + GetQueryString("year") : ''}"><i class="fa fa-circle"></i>教师队伍发展状况</a>`
var other_url_school = document.querySelector('#area_school');
other_url_teacher.innerHTML += `<a href="areaSchoolRunning.html?area_name=${area_name}${GetQueryString("year") ? "&year=" + GetQueryString("year") : ''}"><i class="fa fa-circle-o"></i>办学条件发展状况</a>`
</script>
</body>
</html>