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.
276 lines
12 KiB
276 lines
12 KiB
<!--
|
|
* @Description 文件描述
|
|
* @Author zhangming
|
|
* @Date 2021-03-02 16:47:15
|
|
* @LastEditTime 2021-04-14 10:59:46
|
|
* @LastEditors zhangming
|
|
-->
|
|
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>大数据汇聚与管理系统</title>
|
|
<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/utils.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: #07103c;
|
|
}
|
|
</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/areaIndex.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>
|
|
<!-- <a href="">
|
|
<i class="fa fa-bars"></i>
|
|
</a> -->
|
|
<h1>
|
|
<!-- 南关区教育发展总体情况 -->
|
|
</h1>
|
|
<div class="top-config treeview-menu">
|
|
<div class="select select--white" id='select-year'>
|
|
</div>
|
|
<a href="javascript:;" data-href="index.html" class="fullscreen button" style="margin-left: 10px;"><i class="fa fa-reply"></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>
|
|
<div class="mainbox">
|
|
<ul class="clearfix">
|
|
<li style="width: 25%;">
|
|
<div class="boxall" style="height: 3.2rem">
|
|
<div class="alltitle">各阶段学校数量</div>
|
|
<div class="allnav" id="student_number_qx1"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall" style="height: 3.2rem">
|
|
<div class="alltitle">学校规模情况</div>
|
|
<div class="allnav" id="echart_school_size_qx2"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
<li style="width: 50%;">
|
|
<div class="map">
|
|
<div class="map1_a"><img src="picture/lbx.png"></div>
|
|
<div class="map2_a"><img src="picture/jt.png"></div>
|
|
<div class="map5" id="map_3" style="left: -65%;"></div>
|
|
<div id="school_list" class="school_list">
|
|
<ul class="school_list_ul">
|
|
|
|
</ul>
|
|
</div>
|
|
<ul class="nav nav-pills">
|
|
</ul>
|
|
</div>
|
|
|
|
</li>
|
|
<li style="width: 25%;">
|
|
<div class="boxall" style="height: 3.2rem">
|
|
<div class="alltitle">学生情况</div>
|
|
<div class="allnav" id="student_situation_qx3"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall" style="height: 3.2rem">
|
|
<div class="alltitle">班额情况</div>
|
|
<div class="tab" style="margin: 0.1rem auto;">
|
|
<!-- <button class="active tabbtn" id='BExiaoxue'>小学</button>
|
|
<button class="tabbtn" id='BEchuzhong'>初中</button>
|
|
<button class="tabbtn" id='BEgaozhong'>高中</button> -->
|
|
</div>
|
|
<div class="allnav" id="class_capacity_qx4"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
|
|
</li>
|
|
</ul>
|
|
<ul class="clearfix">
|
|
<li style="width: 30%;">
|
|
<div class="boxall" style="height: 3rem">
|
|
<div class="alltitle">办学条件情况</div>
|
|
<!-- <div class="allnav" id="echart3"></div> -->
|
|
<div class="allnav" id="echart_school_condition_qx5"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
<li style="width: 40%;">
|
|
<div class="boxall" style="height:3rem">
|
|
<div class="alltitle">专任教师师生比</div>
|
|
<div class="sy" id="taacher_and_student_qx61"></div>
|
|
<div class="sy" id="taacher_and_student_qx62"></div>
|
|
<div class="sy" id="taacher_and_student_qx63"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
<li style="width: 30%;">
|
|
<div class="boxall" style="height:3rem">
|
|
<div class="alltitle">学生男女比例</div>
|
|
<div class="sy" id="student_boys_and_girls11"></div>
|
|
<div class="sy" id="student_boys_and_girls12"></div>
|
|
<div class="sy" id="student_boys_and_girls13"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title" id="myModalLabel"></h4>
|
|
</div>
|
|
<div class="modal-body" id="modal_table" style="height: 5.57rem;overflow-y:auto ;"> </div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
var url = decodeURI(window.location.href);
|
|
var argsIndex = url.split("?area_name=");
|
|
var script = $("<script>");
|
|
var body = $("body");
|
|
if (area_name === '南关区') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/nanguan.js');
|
|
} else if (area_name === '二道区') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/erdao.js');
|
|
} else if (area_name === '榆树市') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/yushu.js');
|
|
} else if (area_name === '德惠市') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/dehui.js');
|
|
} else if (area_name === '农安县') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/nongan.js');
|
|
} else if (area_name === '九台区') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/jiutai.js');
|
|
} else if (area_name === '宽城区') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/kuancheng.js');
|
|
} else if (area_name === '绿园区') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/lvyuan.js');
|
|
} else if (area_name === '朝阳区') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/chaoyang.js');
|
|
} else if (area_name === '双阳区') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/shuangyang.js');
|
|
} else if (area_name === '新区代管') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/xinqudaiguan.js');
|
|
} else if (area_name === '经开区代管') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/jingkai.js');
|
|
} else if (area_name === '莲花山度假区代管') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/lianhuashan.js');
|
|
} else if (area_name === '净月区代管') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/jingyue.js');
|
|
} else if (area_name === '汽车区代管') {
|
|
$(script).attr('type', 'text/javascript');
|
|
$(script).attr('src', 'js/qikai.js');
|
|
}
|
|
$(body).append(script);
|
|
</script>
|
|
<!-- <script type="text/javascript" src="js/nanguan.js"></script> -->
|
|
<script type="text/javascript" src="js/area_echarts_nanguan.js"></script>
|
|
<script src="./js/sidebar-menu.js"></script>
|
|
<script src="js/jquery.timers-1.2.js"></script>
|
|
<!-- <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
|
|
<script src="./js/bootstrap.min.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"></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-o"></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> |