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.

541 lines
25 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<title>个人工作空间</title>
<style type="text/css">
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
</style>
<!-- Bootstrap -->
<link href="./js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="./css/index.css">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询media queries功能 -->
<!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="js\html5shiv.min.js"></script>
<script src="js\respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="js\fontawesome-free-5.11.2\css\all.css">
<link rel="stylesheet" href="js\fontawesome-free-5.11.2\css\v4-shims.css">
<script src="./js/jquery.2.1.1.min.js"></script>
<script src="./js/bootstrap/js/bootstrap.min.js"></script>
<script src="./js/jquery.cookie.js"></script>
<script src="./js/echarts.min.js"></script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand hidden-sm" href="#"><i class="fas fa-book-reader"></i>
教育管理公共服务平台
</a>
</div>
<div class="navbar-collapse collapse" role="navigation">
<ul class="nav navbar-nav">
<li><a href="#">个人工作台</a></li>
<!--<li><a href="/dsBaseWeb/pages/statistical/index.html" target="_blank">数据云图</a></li>-->
<li><a href="http://d1.edusoa.com:7777/baseService/html/pages/statistical/index.html" target="_blank">数据云图</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">基础数据分析 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li>
<a href="../report/report.html?id=15" target="_blank">学校情况</a>
</li>
<li class="dropdown-submenu">
<a href="#">班级情况</a>
<ul class="dropdown-menu">
<li><a href="../report/report.html?id=1" target="_blank">小学班额情况</a></li>
<li><a href="../report/report.html?id=2" target="_blank">初高中班额情况</a></li>
</ul>
</li>
<li class="dropdown-submenu">
<a href="#">学生情况</a>
<ul class="dropdown-menu">
<li><a href="../report/report.html?id=3" target="_blank">各阶段学校</a></li>
<li><a href="../report/report.html?id=4" target="_blank">幼儿年龄分布</a></li>
<li><a href="../report/report.html?id=5" target="_blank">小学年龄分布</a></li>
<li><a href="../report/report.html?id=6" target="_blank">初中年龄分布</a></li>
<li><a href="../report/report.html?id=7" target="_blank">高中年龄分布</a></li>
<li><a href="../report/report.html?id=8" target="_blank">随迁、留守儿童小学</a></li>
<li><a href="../report/report.html?id=9" target="_blank">随迁、留守儿童初中</a></li>
</ul>
</li>
<li class="dropdown-submenu">
<a href="#">教职工情况</a>
<ul class="dropdown-menu">
<li><a href="../report/report.html?id=10" target="_blank">各阶段教职工数量</a></li>
<li><a href="../report/report.html?id=11" target="_blank">县级以上骨干教师情况</a></li>
<li><a href="../report/report.html?id=12" target="_blank">专业技术职务、年龄情况</a></li>
<li><a href="../report/report.html?id=13" target="_blank">各县区师生比</a></li>
</ul>
</li>
<li class="dropdown-submenu">
<a href="#">办学条件</a>
<ul class="dropdown-menu">
<li><a href="../report/report.html?id=14" target="_blank">各阶段学校办学条件</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.edusoa.com/dsideal_yy/cloudClassStatistics/index.html?type=1" target="_blank">名师云课统计分析</a></li>
<li><a href="./networkSecurity.html" target="_blank">网络安全数据分析</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<!--
<li><a href="/baseService/logout">退出系统</a></li>
-->
<li><a href="/base/loginperson/RemoveCookie">退出系统</a></li>
</ul>
</div>
</div>
</div>
<div class="header">
<div class="container">
<ul class="breadcrumb">
<li><a href="#"><i class="fas fa-solar-panel"></i> 工作台</a></li>
<li class="active"><i class="fas fa-laptop"></i> 个人工作台</li>
</ul>
<div class="page-header">
<div class="col-md-9">
<img src="./images/head.jpg" alt="" class="img-circle" width="60" style="float: left;">
<h3> 您好,<span id="personName"></span> 祝您开心每一天! <br><small>主任 | 长春市教育装备与信息中心 | <a href="#" data-toggle="modal" data-target="#myModal">个人信息</a></small>
</h3>
</div>
<div class="col-md-3">
<div class="data">
<span class="data-title">机构人数</span><br>
<span class="data-num" id="org_count">0</span>
</div>
<div class="data">
<span class="data-title">部门数</span><br>
<span class="data-num" id="person_count">0</span>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">基础数据上报情况</h3>
<div style="float: right;">
<a href="../report/report.html?id=15" target="_blank">查看详情</a>
</div>
</div>
<div class="panel-body">
<div class="base-data">
<div class="col-md-4">学校总数: <span id="school_count">0</span></div>
<div class="col-md-4">教工总数: <span id="teacher_count">0</span></div>
<div class="col-md-4">学生总数:<span id="student_count">0</span></div>
</div>
<div>
<!-- echarts -->
<div id="main" style="width:100%;height:400px;"></div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">应用系统</h3>
</div>
<div class="panel-body" style="min-height: 430px;">
<br>
<div class="col-md-4 app">
<a href="#" target="_blank">
<img src="./images/jichu.svg" alt=""><br>
<span>基础数据</span>
</a>
</div>
<div class="col-md-4 app">
<!--<a href="http://dd.edusoa.com/base-server/a/loginCC?uuid=135bdfd4-c5a8-4cd3-95aa-ff3e6591ec05"
target="_blank">
<img src="./images/dudao.svg" alt="" width=""><br>
<span>督导评估</span>
</a>-->
<a id="ddpg" target="_blank">
<img src="./images/dudao.svg" alt="" width=""><br>
<span>督导评估</span>
</a>
</div>
<div class="col-md-4 app">
<a href="http://pj.ccsjy.cn/eedu_base/c_CcO2SEdu.do"
target="_blank">
<img src="./images/pingjia.svg" alt="" width=""><br>
<span>综合素质评价</span>
</a>
</div>
<div class="col-md-4 app">
<!--<a href="http://www.edusoa.com/dsideal_yy/html/msyk.html" target="_blank">
<img src="./images/mingshi.svg" alt="" width=""><br>
<span>名师云课</span>
</a>-->
<a id="msyk" target="_blank">
<img src="./images/mingshi.svg" alt="" width=""><br>
<span>名师云课</span>
</a>
</div>
<div class="col-md-4 app">
<a href="http://cc.res.jleduyun.cn/" target="_blank">
<img src="./images/ziyuan.svg" alt="" width=""><br>
<span>资源公共服务平台</span>
</a>
</div>
<div class="col-md-4 app">
<a href="#" target="_blank">
<img src="./images/guanli.svg" alt="" width=""><br>
<span>网格化管理系统</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 为ECharts准备一个具备大小宽高的Dom -->
<div class="container">
<div class="col-md-3 col-sm-6 col-xs-12" style="padding-left:0px">
<div class="info-box">
<span class="info-box-icon" style="background-color: #41b6e6;"><i class="fa fa-pie-chart"
aria-hidden="true"></i></span>
<div class="info-box-content">
<!-- <span class="info-box-title">Likes</span> -->
<h4><a href="../report/report.html?id=15" target="_blank">学校情况</a></h4>
<p>办学类型统计学校数量</p>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon" style="background-color: #ff585d;"><i class="fa fa-bar-chart"
aria-hidden="true"></i></span>
<div class="info-box-content">
<!-- <span class="info-box-title">Likes</span> -->
<span class="info-box-number"><a href="../report/report.html?id=1" target="_blank">小学班额情况</a></span>
<p>
班额统计小学班数情况
</p>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon" style="background-color: #ffb549;"><i class="fa fa-area-chart"
aria-hidden="true"></i></span>
<div class="info-box-content">
<!-- <span class="info-box-title">Likes</span> -->
<span class="info-box-number"><a href="../report/report.html?id=2" target="_blank">初高中班额情况</a></span>
<p>
班额统初高中计班数情况
</p>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<div class="col-md-3 col-sm-6 col-xs-12" style="padding-right:0px">
<div class="info-box">
<span class="info-box-icon" style="background-color: rgb(155, 201, 41);"><i class="fa fa-signal"
aria-hidden="true"></i></span>
<div class="info-box-content">
<!-- <span class="info-box-title">Likes</span> -->
<span class="info-box-number"><a href="../report/report.html?id=14" target="_blank">办学条件情况</a></span>
<p>
学校占地面积情况
</p>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">教师情况</h3>
</div>
<div class="panel-body">
<ul class="media-list qk">
<li class="media col-md-6">
<div class="media-left">
</div>
<div class="media-body"><a href="../report/report.html?id=10" target="_blank">
<h4 class="media-heading"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> 教职工数量情况
</h4></a>
<p>学校办学类型功统计教职工数量情况</p>
</div>
</li>
<li class="media col-md-6">
<div class="media-left">
</div>
<div class="media-body">
<h4 class="media-heading"><a href="../report/report.html?id=12" target="_blank">
<i class="fa fa-dot-circle-o" aria-hidden="true"></i> 专业技术职务、年龄情况</h4></a>
<p>教师的技术职务和年龄情况统计教师数量</p>
</div>
</li>
<li class="media col-md-6">
<div class="media-left">
</div>
<div class="media-body">
<h4 class="media-heading"><a href="../report/report.html?id=11" target="_blank"><i class="fa fa-dot-circle-o"
aria-hidden="true"></i> 县级以上骨干教师情况</h4></a>
<p>各阶段学校县级以上骨干教师情况</p>
</div>
</li>
<li class="media col-md-6">
<div class="media-left">
</div>
<div class="media-body">
<h4 class="media-heading"><a href="../report/report.html?id=13" target="_blank">
<i class="fa fa-dot-circle-o" aria-hidden="true"></i> 各县区师生比
</a></h4>
<p>各县区师生比例情况</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">学生情况</h3>
</div>
<div class="panel-body">
<ul class="media-list qk">
<li class="media col-md-6">
<div class="media-left">
</div>
<div class="media-body"><a href="../report/report.html?id=3" target="_blank">
<h4 class="media-heading"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> 学生数量情况
</h4></a>
<p>按学校办学类型统计学生数量情况</p>
</div>
</li>
<li class="media col-md-6">
<div class="media-left">
</div>
<div class="media-body">
<h4 class="media-heading"><a href="../report/report.html?id=4" target="_blank"><i class="fa fa-dot-circle-o"
aria-hidden="true"></i> 年龄分布情况</h4></a>
<p>幼儿、小学、初中、高中学生年龄分布情况</p>
</div>
</li>
<li class="media col-md-6">
<div class="media-left">
</div>
<div class="media-body">
<h4 class="media-heading"><a href="../report/report.html?id=8" target="_blank"><i class="fa fa-dot-circle-o"
aria-hidden="true"></i> 小学随迁情况</h4></a>
<p>小学学生随迁情况</p>
</div>
</li>
<li class="media col-md-6">
<div class="media-left">
</div>
<div class="media-body">
<h4 class="media-heading"><a href="../report/report.html?id=9" target="_blank">
<i class="fa fa-dot-circle-o" aria-hidden="true"></i> 初中随迁情况
</a></h4>
<p>统计初中生随迁情况</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$.ajax({
url: '/baseService/getPersonName',
type: 'get',
dataType : "json",
async: false,
success: function (data) {
$('#ddpg').attr('href',data.href);
$('#msyk').attr('href',"http://www.edusoa.com/dsideal_yy/html/msyk.html?login_name="+data.loginName);
$("#personName").html(data.personName)
}
});
$.ajax({
url: '/dsBaseWeb/getGlobalByCodes?global_codes=install_area',
type: 'get',
async: false,
data: {},
success: function (data) {
var city_id = "064BB3C9-E8DB-45ED-B0C1-6ABC5EA3B667";
$.ajax({
url: '/dsBaseWeb/getSchoolTypeInfoByCityId?city_id=' + city_id,
type: 'get',
async: false,
dataType:"json",
data: {},
success: function (city_data) {
var myChart = echarts.init(document.getElementById('main'));
var school = city_data.list.map(({name}) => (name))
var school_data = city_data.list.map(({count}) => (count))
$("#school_count").html(city_data.school_count)
$("#teacher_count").html(city_data.teacher_count)
$("#student_count").html(city_data.student_count)
// 指定图表的配置项和数据
var option = {
color: ['#3398DB'],
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器,坐标轴触发有效
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
data: school,
axisTick: {
alignWithLabel: true
},
axisLabel: {
interval: 0,
rotate: 40
}
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: '学制',
type: 'bar',
barWidth: '60%',
data: school_data
}
]
};
myChart.setOption(option);
},
error: function (err) {
}
});
},
error: function (err) {
}
});
var bureau_id = $.cookie('bureau_id')
$.ajax({
url: '/dsBaseWeb/getOrgCountPersonCountByBureauId?bureau_id=' + bureau_id,
type: 'get',
async: false,
data: {},
success: function (data) {
$("#org_count").html(data.org_count)
$("#person_count").html(data.person_count)
},
error: function (err) {
}
});
});
</script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<!-- 模态框Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" style="height: 460px;">
<iframe src="/dsBaseWeb/pages/personalCenter/personalcenter.html" width="100%" height="460"
frameborder="0"></iframe>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
</body>
</html>