|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>整体报告</title>
|
|
|
<meta menu_name="renderer" content="webkit">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<meta menu_name="viewport"
|
|
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
<link rel="stylesheet" href="../static/css/font.css">
|
|
|
<link rel="stylesheet" href="../static/css/weadmin.css">
|
|
|
<link rel="stylesheet" href="../lib/layui/css/layui.css">
|
|
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
<style>
|
|
|
body {
|
|
|
font-size: 15px;
|
|
|
font-family: "Microsoft YaHei";
|
|
|
color: #666;
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
|
|
|
ul, .echarts {
|
|
|
clear: both;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
ul li {
|
|
|
float: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
.transfer {
|
|
|
background: #393d49;
|
|
|
height: 60px;
|
|
|
line-height: 60px;
|
|
|
margin-bottom: 12px;
|
|
|
}
|
|
|
|
|
|
.transfer li {
|
|
|
width: 25%;
|
|
|
box-sizing: border-box;
|
|
|
padding-left: 20px;
|
|
|
}
|
|
|
|
|
|
.transfer li a {
|
|
|
color: #c0c0ca;
|
|
|
font-size: 15px;
|
|
|
}
|
|
|
|
|
|
.transfer li a span {
|
|
|
margin-left: 10px;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
|
|
|
.count {
|
|
|
background: #F2F2F2;
|
|
|
padding: 8px;
|
|
|
}
|
|
|
|
|
|
.count li {
|
|
|
width: 24.25%;
|
|
|
box-sizing: border-box;
|
|
|
background: #fff;
|
|
|
margin-right: 1%;
|
|
|
height: 117px;
|
|
|
padding: 10px;
|
|
|
}
|
|
|
|
|
|
.count li:last-child {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
|
|
|
.count li .title {
|
|
|
height: 30px;
|
|
|
}
|
|
|
|
|
|
.count li p {
|
|
|
height: 46px;
|
|
|
line-height: 36px;
|
|
|
font-size: 28px;
|
|
|
color: #393d49;
|
|
|
}
|
|
|
|
|
|
.fl {
|
|
|
float: left;
|
|
|
}
|
|
|
|
|
|
.echarts, .visit {
|
|
|
background: #f3f3f3;
|
|
|
padding: 0 8px;
|
|
|
}
|
|
|
|
|
|
.echarts > div div {
|
|
|
background: #fff;
|
|
|
}
|
|
|
|
|
|
.layui-tab > .layui-tab-title {
|
|
|
background: #fff !important;
|
|
|
}
|
|
|
|
|
|
.countDiv {
|
|
|
height: 550px;
|
|
|
}
|
|
|
|
|
|
/*.echarts>div:nth-child(even) {*/
|
|
|
/*width:38%;*/
|
|
|
/*}*/
|
|
|
/*.echarts>div:nth-child(odd) {*/
|
|
|
/*width:61%;*/
|
|
|
/*margin-right:1%;*/
|
|
|
/*}*/
|
|
|
.echarts > div p {
|
|
|
height: 36px;
|
|
|
line-height: 36px;
|
|
|
color: #393d49;
|
|
|
position: absolute;
|
|
|
top: 14px;
|
|
|
left: 15px;
|
|
|
z-index: 100;
|
|
|
}
|
|
|
|
|
|
.visit p {
|
|
|
height: 24px;
|
|
|
line-height: 40px;
|
|
|
color: #393d49;
|
|
|
}
|
|
|
|
|
|
.layui-tab-title li {
|
|
|
float: right !important;
|
|
|
}
|
|
|
|
|
|
|
|
|
</style>
|
|
|
</head>
|
|
|
<script src="../lib/echarts.min.js"></script>
|
|
|
<script src="../lib/layui/layui.js"></script>
|
|
|
<body>
|
|
|
<div id="main" class="weadmin-body">
|
|
|
<ul class="transfer" style="display: none">
|
|
|
<li>
|
|
|
<a href="javascript:void(0);">教师转出申请<span class="layui-badge"></span></a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="javascript:void(0);">教师转入审核<span class="layui-badge"></span></a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="javascript:void(0);">学生转出申请<span class="layui-badge"></span></a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="javascript:void(0);">学生转入审核<span class="layui-badge"></span></a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul class="count">
|
|
|
<li>
|
|
|
<div class="title">
|
|
|
<span class="fl">学校总数</span><span class="layui-badge layui-bg-orange fr">所</span>
|
|
|
</div>
|
|
|
<p id="school"></p>
|
|
|
<div>
|
|
|
<span class="fl">本学期新增</span>
|
|
|
<div class="fr">
|
|
|
<span id="curr_school"></span> 所
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="title">
|
|
|
<span class="fl">单位总数</span><span class="layui-badge layui-bg-blue fr">所</span>
|
|
|
</div>
|
|
|
<p id="dw"></p>
|
|
|
<div>
|
|
|
<span class="fl">本学期新增</span>
|
|
|
<div class="fr">
|
|
|
<span id="curr_dw"></span> 所
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li style="display: none">
|
|
|
<div class="title">
|
|
|
<span class="fl">班级总数</span><span class="layui-badge layui-bg-blue fr">个</span>
|
|
|
</div>
|
|
|
<p id="bj"></p>
|
|
|
<div>
|
|
|
<span class="fl">本学期新增</span>
|
|
|
<div class="fr">
|
|
|
<span id="curr_bj"></span> 个
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="title">
|
|
|
<span class="fl">教工总数</span><span class="layui-badge layui-bg-green fr">人</span>
|
|
|
</div>
|
|
|
<p id="tea"></p>
|
|
|
<div>
|
|
|
<span class="fl">本学期新增</span>
|
|
|
<div class="fr">
|
|
|
<span id="curr_tea"></span> 人
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="title">
|
|
|
<span class="fl">学生总数</span><span class="layui-badge layui-bg-yellow fr">人</span>
|
|
|
</div>
|
|
|
<p id="stu"></p>
|
|
|
<div>
|
|
|
<span class="fl">本学期新增</span>
|
|
|
<div class="fr">
|
|
|
<span id="curr_stu"></span> 人
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="echarts">
|
|
|
<div class="fl" style="position: relative;">
|
|
|
<p>学校数统计</p>
|
|
|
<div class="layui-tab" lay-filter="tab1">
|
|
|
<ul class="layui-tab-title">
|
|
|
<li>表格</li>
|
|
|
<li class="layui-this">图形</li>
|
|
|
</ul>
|
|
|
<div class="layui-tab-content">
|
|
|
<div class="layui-tab-item">
|
|
|
<div class="countDiv">
|
|
|
<table class="layui-table" lay-filter="demo1" id="idTest1"></table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-tab-item layui-show">
|
|
|
<div class="countDiv" id="schoolCount"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="fl" style="position: relative;">
|
|
|
<p>单位数统计</p>
|
|
|
<div class="layui-tab" lay-filter="tab2">
|
|
|
<ul class="layui-tab-title">
|
|
|
<li>表格</li>
|
|
|
<li class="layui-this">图形</li>
|
|
|
</ul>
|
|
|
<div class="layui-tab-content">
|
|
|
<div class="layui-tab-item">
|
|
|
<div class="countDiv">
|
|
|
<table class="layui-table" lay-filter="demo2" id="idTest2"></table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-tab-item layui-show">
|
|
|
<div class="countDiv" id="dwCount"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="fl" style="position: relative;display: none">
|
|
|
<p>班级数统计</p>
|
|
|
<div class="layui-tab" lay-filter="tab5">
|
|
|
<ul class="layui-tab-title">
|
|
|
<li>表格</li>
|
|
|
<li class="layui-this">图形</li>
|
|
|
</ul>
|
|
|
<div class="layui-tab-content">
|
|
|
<form class="layui-form">
|
|
|
<div class="layui-input-inline " id="select_3"></div>
|
|
|
<script type="text/html" id="test3">
|
|
|
<select name="stage" lay-filter="stage" lay-verify="required" id="sel3">
|
|
|
{{#layui.each(d.list,function(index,item){ }}
|
|
|
<option value={{item.stage_id}}>{{item.stage_name}}</option>
|
|
|
{{# }) }}
|
|
|
</select>
|
|
|
</script>
|
|
|
</form>
|
|
|
<div class="layui-tab-item">
|
|
|
<div class="countDiv">
|
|
|
<table class="layui-table" lay-filter="idTest5" id="idTest5"></table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-tab-item layui-show">
|
|
|
<div class="countDiv" id="bjCount"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="fl"></div>
|
|
|
<div class="fl" style="position: relative;">
|
|
|
<p>学生数统计</p>
|
|
|
<div class="layui-tab" lay-filter="tab3">
|
|
|
<ul class="layui-tab-title">
|
|
|
<li>表格</li>
|
|
|
<li class="layui-this">图形</li>
|
|
|
</ul>
|
|
|
<div class="layui-tab-content">
|
|
|
<div class="layui-tab-item">
|
|
|
<div class="countDiv">
|
|
|
<table class="layui-table" lay-filter="demo3" id="idTest3"></table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-tab-item layui-show">
|
|
|
<div class="countDiv" id="stuCount"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="fl" style="position: relative;">
|
|
|
<p>教工数统计</p>
|
|
|
<div class="layui-tab" lay-filter="tab4">
|
|
|
<ul class="layui-tab-title">
|
|
|
<li>表格</li>
|
|
|
<li class="layui-this">图形</li>
|
|
|
</ul>
|
|
|
<div class="layui-tab-content">
|
|
|
<div class="layui-tab-item">
|
|
|
<div class="countDiv">
|
|
|
<table class="layui-table" lay-filter="demo4" id="idTest4"></table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-tab-item layui-show">
|
|
|
<div class="countDiv" id="teaCount"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="visit">
|
|
|
<div style="background: #fff;padding: 0 15px;">
|
|
|
<p>近3个月管理员访问日志</p>
|
|
|
<table class="layui-table" lay-filter="demo" id="idTest"></table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
function numFormat(num) {
|
|
|
num = num + '';//数字转字符串
|
|
|
var str = "";//字符串累加
|
|
|
for (var i = num.length - 1, j = 1; i >= 0; i--, j++) {
|
|
|
if (j % 3 == 0 && i != 0) {//每隔三位加逗号，过滤正好在第一个数字的情况
|
|
|
str += num[i] + ",";//加千分位逗号
|
|
|
continue;
|
|
|
}
|
|
|
str += num[i];//倒着累加数字
|
|
|
}
|
|
|
return str.split('').reverse().join("");//字符串=>数组=>反转=>字符串
|
|
|
}
|
|
|
|
|
|
layui.extend({
|
|
|
admin: '{/}../static/js/admin'
|
|
|
});
|
|
|
|
|
|
layui.use(['jquery', 'admin', 'layer', 'element', 'table', 'laytpl', 'form'], function () {
|
|
|
var $ = layui.jquery,
|
|
|
admin = layui.admin,
|
|
|
layer = layui.layer,
|
|
|
element = layui.element,
|
|
|
form = layui.form,
|
|
|
laytpl = layui.laytpl,
|
|
|
table = layui.table;
|
|
|
var evenHeight = (window.innerWidth - 120) * 0.38;
|
|
|
var oddHeight = (window.innerWidth - 120) * 0.61;
|
|
|
var mar = (window.innerWidth - 80) * 0.01;
|
|
|
$('.echarts>div:nth-child(even) .countDiv').css('width', evenHeight);
|
|
|
$('.echarts>div:nth-child(odd) .countDiv').css('width', oddHeight);
|
|
|
$('.echarts .countDiv').css('height', '550px');
|
|
|
$('.echarts>div:nth-child(odd)').css('margin-right', mar)
|
|
|
var installArea = "install_area";
|
|
|
var result = getGlobalByCodes(installArea);
|
|
|
var info = getcookie();// 1超级 2市 3区县 4单位
|
|
|
var isSchool = false;//是否是学校
|
|
|
// 超级管理员area_id=全局变量配置
|
|
|
var areaId = "";
|
|
|
if (info.identity_id == 1) {
|
|
|
areaId = result[0].global_value;
|
|
|
} else if (info.identity_id == 2) {
|
|
|
areaId = info.city_id;
|
|
|
} else if (info.identity_id == 3) {
|
|
|
areaId = info.area_id;
|
|
|
} else if (info.identity_id == 4) {
|
|
|
areaId = info.bureau_id;
|
|
|
}
|
|
|
// 单位管理员显示异动人数
|
|
|
if (info.identity_id == 4) {
|
|
|
// 判断是否是学校
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
async: false,
|
|
|
url: "/baseService/organization/isSchool",
|
|
|
success: function (data) {
|
|
|
if (data.success) {//是学校
|
|
|
isSchool = true;
|
|
|
$(".transfer").show();
|
|
|
$(".count li:eq(2)").show().prevAll().hide();//显示班级 ,学校 单位隐藏
|
|
|
$(".count li").css('width', '32.6%');
|
|
|
$(".echarts>div:eq(2)").show().prevAll().hide();
|
|
|
$(".echarts>div:eq(2)").css('width', '100%');
|
|
|
// 学生异动申请 收到新的申请
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
url: "/baseService/studentYd/getNewStudentTransferApplyCount?bureau_id=" + areaId,
|
|
|
success: function (data) {
|
|
|
$(".transfer li:eq(2) span").text(data.result.count);
|
|
|
}
|
|
|
})
|
|
|
|
|
|
// 学生异动申请 收到新的回执
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
url: "/baseService/studentYd/getNewStudentTransferEchoCount?bureau_id=" + areaId,
|
|
|
success: function (data) {
|
|
|
$(".transfer li:eq(3) span").text(data.result.count);
|
|
|
}
|
|
|
})
|
|
|
getSatge();//学校 班级按学段
|
|
|
} else {//是单位
|
|
|
isSchool = false;
|
|
|
$(".transfer").show().find('li:eq(1)').nextAll().hide();
|
|
|
$(".count li:eq(3)").show().siblings().hide();//显示教师 其他隐藏
|
|
|
$(".count li:eq(3)").css('width', '100%');
|
|
|
$(".echarts>div:eq(5)").show().siblings().hide();
|
|
|
$(".echarts>div:eq(5)").css('width', '100%');
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
$(".visit").hide();//隐藏管理员访问日志
|
|
|
// 教师异动申请 收到新的申请
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
url: "/baseService/teacherYd/getNewTeacherTransferApplyCount?bureau_id=" + areaId,
|
|
|
success: function (data) {
|
|
|
$(".transfer li:eq(0) span").text(data.result.count);
|
|
|
}
|
|
|
});
|
|
|
// 教师异动申请 收到新的回执
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
url: "/baseService/teacherYd/getNewTeacherTransferEchoCount?bureau_id=" + areaId,
|
|
|
success: function (data) {
|
|
|
$(".transfer li:eq(1) span").text(data.result.count);
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
// 获取学段
|
|
|
function getSatge() {
|
|
|
$.ajax({
|
|
|
type: 'GET',
|
|
|
dataType: 'json',
|
|
|
async: false,
|
|
|
url: '/baseService/class/getStageList?bureau_id=' + areaId,
|
|
|
success: function (data) {
|
|
|
var getTpl = test3.innerHTML
|
|
|
, select_type = document.getElementById('select_3');
|
|
|
laytpl(getTpl).render(data, function (html) {
|
|
|
select_type.innerHTML = html;
|
|
|
});
|
|
|
form.render();
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
// 1超级 2市
|
|
|
var eSchoolurl = "";//聚合学校
|
|
|
var eDwUrl = "";//聚合单位
|
|
|
var eStuUrl = "";//聚合学生
|
|
|
var eTeaUrl = "";//聚合教师
|
|
|
var visitUrl = '';//访问日志
|
|
|
var countUrl = "";//学校单位教师学生总数
|
|
|
//超级 市
|
|
|
if (info.identity_id == 1 || info.identity_id == 2) {
|
|
|
eSchoolurl = '/baseService/bigData/getSchoolCountAggsAreaSchoolTypeByCityId?city_id=' + areaId;
|
|
|
eDwUrl = '/baseService/bigData/getOrgCountAggsAreaByCityId?city_id=' + areaId;
|
|
|
eStuUrl = '/baseService/bigData/getStudentCountAggsAreaStageByCityId?city_id=' + areaId;
|
|
|
eTeaUrl = '/baseService/bigData/getTeacherCountAggsAreaByCityId?city_id=' + areaId;
|
|
|
visitUrl = '/baseService/bigData/getLogsAggsPersonNameByCityId?city_id=' + areaId;
|
|
|
countUrl = '/baseService/bigData/getSchoolOrgTeaStuCountByCityId?city_id=' + areaId;
|
|
|
} else if (info.identity_id == 3) {//区管理员
|
|
|
eSchoolurl = '/baseService/bigData/getSchoolCountAggsSchoolTypeByAreaId?area_id=' + areaId;
|
|
|
eDwUrl = '/baseService/bigData/getOrgCountAggsOrgTypeByAreaId?area_id=' + areaId;
|
|
|
eStuUrl = '/baseService/bigData/getStudentCountAggsStageByAreaId?area_id=' + areaId;
|
|
|
eTeaUrl = '/baseService/bigData/getTeacherCountAggsXbByAreaId?area_id=' + areaId;
|
|
|
visitUrl = '/baseService/bigData/getLogsAggsPersonNameByAreaId?area_id=' + areaId;
|
|
|
countUrl = '/baseService/bigData/getSchoolOrgTeaStuCountByAreaId?area_id=' + areaId;
|
|
|
} else {//单位管理员
|
|
|
if (isSchool) {
|
|
|
countUrl = "/baseService/bigData/getTeaStuClassCountByOrgId?org_id=" + areaId;
|
|
|
eStuUrl = '/baseService/bigData/getStudentCountAggsXbByOrgId?org_id=' + areaId;
|
|
|
eTeaUrl = '/baseService/bigData/getTeacherCountAggsXbByOrgId?org_id=' + areaId;
|
|
|
reloadBjList();
|
|
|
} else {
|
|
|
countUrl = "/baseService/bigData/getTeaStuClassCountByOrgId?org_id=" + areaId;
|
|
|
eTeaUrl = '/baseService/bigData/getTeacherCountAggsXbByOrgId?org_id=' + areaId;
|
|
|
}
|
|
|
}
|
|
|
// 获取市 区下学校 单位 学生 教工总数
|
|
|
$.ajax({
|
|
|
type: 'GET',
|
|
|
dataType: 'json',
|
|
|
url: countUrl,
|
|
|
success: function (data) {
|
|
|
if (data.success) {
|
|
|
$("#school").text(numFormat(data.school_count));
|
|
|
$("#dw").text(numFormat(data.org_count));
|
|
|
$("#tea").text(numFormat(data.teacher_count));
|
|
|
$("#stu").text(numFormat(data.student_count));
|
|
|
$("#bj").text(numFormat(data.student_count));
|
|
|
$("#curr_school").text(numFormat(data.curr_term_school_count));
|
|
|
$("#curr_dw").text(numFormat(data.curr_term_org_count));
|
|
|
$("#curr_tea").text(numFormat(data.curr_term_teacher_count));
|
|
|
$("#curr_stu").text(numFormat(data.curr_term_student_count));
|
|
|
$("#curr_bj").text(numFormat(data.curr_term_class_count));
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 监听tab切换
|
|
|
// 学校数表格
|
|
|
element.on('tab(tab1)', function (data) {
|
|
|
// 学校数表格
|
|
|
if (data.index == 0) {//切换到表格 加载表格
|
|
|
$.ajax({
|
|
|
type: 'GET',
|
|
|
dataType: 'json',
|
|
|
url: eSchoolurl,
|
|
|
success: function (data) {
|
|
|
var list = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
data.sort(function (a, b) {
|
|
|
return a.sort_id - b.sort_id;
|
|
|
})
|
|
|
list.push(data[i]);
|
|
|
}
|
|
|
if (info.identity_id == 1 || info.identity_id == 2) {
|
|
|
table.render({
|
|
|
id: 'sort_id'
|
|
|
, elem: '#idTest1'
|
|
|
, cols: [[
|
|
|
{field: 'area_name', title: '区域', align: 'center', width: 80}
|
|
|
, {
|
|
|
field: 'ye', title: '幼儿', align: 'center', width: 60, templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNext(\'' + d.area_id + '\',1)">' + d.ye + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
, {
|
|
|
field: 'xx', title: '小学', align: 'center', width: 60, templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNext(\'' + d.area_id + '\',2)">' + d.xx + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
, {
|
|
|
field: 'cz', title: '初中', align: 'center', width: 60, templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNext(\'' + d.area_id + '\',3)">' + d.cz + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
, {
|
|
|
field: 'gz', title: '高中', align: 'center', width: 60, templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNext(\'' + d.area_id + '\',4)">' + d.gz + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
, {
|
|
|
field: 'wqzx',
|
|
|
title: '完全中学',
|
|
|
align: 'center',
|
|
|
width: 90,
|
|
|
templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNext(\'' + d.area_id + '\',5)">' + d.wqzx + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
, {
|
|
|
field: 'jnygz', title: '九年一贯制', align: 'center', templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNext(\'' + d.area_id + '\',6)">' + d.jnygz + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
, {
|
|
|
field: 'senygz', title: '十二年一贯制', align: 'center', templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNext(\'' + d.area_id + '\',7)">' + d.senygz + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
, {
|
|
|
field: 'xyyt',
|
|
|
title: '小幼一体',
|
|
|
align: 'center',
|
|
|
width: 90,
|
|
|
templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNext(\'' + d.area_id + '\',8)">' + d.xyyt + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
, {
|
|
|
field: 'xycyt', title: '小幼初一体', align: 'center', templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNext(\'' + d.area_id + '\',9)">' + d.xycyt + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
, {
|
|
|
field: 'xycgyt', title: '小幼初高一体', align: 'center', templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNext(\'' + d.area_id + '\',10)">' + d.xycgyt + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
});
|
|
|
} else if (info.identity_id == 3) {
|
|
|
table.render({
|
|
|
elem: '#idTest1'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'name', title: '学校类型', align: 'center'}
|
|
|
, {field: 'count', title: '学校个数', align: 'center'}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
$(document).resize();
|
|
|
});
|
|
|
//学校下钻
|
|
|
window.showNext = function (area_id, school_type_id) {
|
|
|
var url = '/baseService/html/pages/shownext/showSchool.html?area_id=' + area_id + "&school_type_id=" + school_type_id;
|
|
|
WeAdminShow('查看详细情况', url, 800, 600);
|
|
|
return false;
|
|
|
};
|
|
|
//单位下钻
|
|
|
window.showNextBureau= function (area_id) {
|
|
|
var url = '/baseService/html/pages/shownext/showBureau.html?area_id=' + area_id;
|
|
|
WeAdminShow('查看详细情况', url, 800, 600);
|
|
|
return false;
|
|
|
};
|
|
|
// 单位数表格
|
|
|
element.on('tab(tab2)', function (data) {
|
|
|
// 单位数表格
|
|
|
if (data.index == 0) {//切换到表格 加载表格
|
|
|
$.ajax({
|
|
|
type: 'GET',
|
|
|
dataType: 'json',
|
|
|
url: eDwUrl,
|
|
|
success: function (data) {
|
|
|
var list = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
data.sort(function (a, b) {
|
|
|
return a.sort_id - b.sort_id;
|
|
|
})
|
|
|
list.push(data[i]);
|
|
|
}
|
|
|
if (info.identity_id == 1 || info.identity_id == 2) {
|
|
|
table.render({
|
|
|
elem: '#idTest2'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'area_name', title: '区域名称', align: 'center'}
|
|
|
, {
|
|
|
field: 'count', title: '单位个数', align: 'center', templet: function (d) {
|
|
|
var str = '<div><a href="#" class="layui-table-link" onclick="showNextBureau(\'' + d.area_id + '\')">' + d.count + '</a></div>';
|
|
|
return str;
|
|
|
}
|
|
|
}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
});
|
|
|
|
|
|
} else if (info.identity_id == 3) { //区管理员
|
|
|
table.render({
|
|
|
elem: '#idTest2'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'name', title: '单位类型', align: 'center'}
|
|
|
, {field: 'count', title: '单位个数', align: 'center'}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
, height: '500'
|
|
|
});
|
|
|
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
$(document).resize();
|
|
|
})
|
|
|
// 学生数表格
|
|
|
element.on('tab(tab3)', function (data) {
|
|
|
if (data.index == 0) {//切换到表格 加载表格
|
|
|
$.ajax({
|
|
|
type: 'GET',
|
|
|
dataType: 'json',
|
|
|
url: eStuUrl,
|
|
|
success: function (data) {
|
|
|
var list = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
data.sort(function (a, b) {
|
|
|
return a.sort_id - b.sort_id;
|
|
|
})
|
|
|
list.push(data[i]);
|
|
|
}
|
|
|
if (info.identity_id == 1 || info.identity_id == 2) {
|
|
|
// 学生数表格
|
|
|
table.render({
|
|
|
elem: '#idTest3'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'area_name', title: '区域名称', align: 'center'}
|
|
|
, {field: 'ye', title: '幼儿', align: 'center'}
|
|
|
, {field: 'xx', title: '小学', align: 'center'}
|
|
|
, {field: 'cz', title: '初中', align: 'center'}
|
|
|
, {field: 'gz', title: '高中', align: 'center'}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
});
|
|
|
} else if (info.identity_id == 3) {
|
|
|
// 学生数表格
|
|
|
table.render({
|
|
|
elem: '#idTest3'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'name', title: '学段', align: 'center'}
|
|
|
, {field: 'count', title: '学生人数', align: 'center'}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
});
|
|
|
} else if (info.identity_id == 4) {
|
|
|
table.render({
|
|
|
elem: '#idTest3'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'name', title: '性别', align: 'center'}
|
|
|
, {field: 'count', title: '学生人数', align: 'center'}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
$(document).resize();
|
|
|
});
|
|
|
// 教工数表格
|
|
|
element.on('tab(tab4)', function (data) {
|
|
|
if (data.index == 0) {//切换到表格 加载表格
|
|
|
$.ajax({
|
|
|
type: 'GET',
|
|
|
dataType: 'json',
|
|
|
url: eTeaUrl,
|
|
|
success: function (data) {
|
|
|
var list = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
data.sort(function (a, b) {
|
|
|
return a.sort_id - b.sort_id;
|
|
|
})
|
|
|
list.push(data[i]);
|
|
|
}
|
|
|
if (info.identity_id == 1 || info.identity_id == 2) {
|
|
|
// 教工数表格
|
|
|
table.render({
|
|
|
elem: '#idTest4'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'area_name', title: '区域名称', align: 'center'}
|
|
|
, {field: 'count', title: '教工人数', align: 'center'}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
});
|
|
|
} else if (info.identity_id == 3) {
|
|
|
// 教工数表格
|
|
|
table.render({
|
|
|
elem: '#idTest4'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'name', title: '性别', align: 'center'}
|
|
|
, {field: 'count', title: '教工人数', align: 'center'}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
});
|
|
|
} else if (info.identity_id == 4) {
|
|
|
table.render({
|
|
|
elem: '#idTest4'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'name', title: '性别', align: 'center'}
|
|
|
, {field: 'count', title: '教工人数', align: 'center'}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
$(document).resize();
|
|
|
});
|
|
|
|
|
|
// 班级数表格
|
|
|
element.on('tab(tab5)', function (data) {
|
|
|
if (data.index == 0) {//切换到表格 加载表格
|
|
|
var classlist = getClassList().class_list;
|
|
|
table.render({
|
|
|
elem: '#idTest5'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'entry_year', title: '入学年份', align: 'center'}
|
|
|
, {field: 'count', title: '班级总数', align: 'center'}
|
|
|
]]
|
|
|
, data: classlist
|
|
|
, page: true
|
|
|
});
|
|
|
$(document).resize();
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 获取echart 市 区下学校总数
|
|
|
var schoolChart = echarts.init(document.getElementById("schoolCount"), 'light');
|
|
|
$.ajax({
|
|
|
type: 'GET',
|
|
|
dataType: 'json',
|
|
|
url: eSchoolurl,
|
|
|
success: function (data) {
|
|
|
data.sort(function (a, b) {
|
|
|
return a.sort_id - b.sort_id;
|
|
|
})
|
|
|
var yAxisLis = [];//y轴区域
|
|
|
var xxLis = [];//小学
|
|
|
var yeLis = [];//幼儿
|
|
|
var czLis = [];
|
|
|
var gzLis = [];
|
|
|
var jnygzLis = [];
|
|
|
var senygzLis = [];
|
|
|
var wqzxLis = [];
|
|
|
var xycgytLis = [];
|
|
|
var xycytLis = [];
|
|
|
var xyytLis = [];
|
|
|
var yyList = [];
|
|
|
if (info.identity_id == 1 || info.identity_id == 2) {
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
yAxisLis.push(data[i].area_name);
|
|
|
yeLis.push(data[i].ye);
|
|
|
xxLis.push(data[i].xx);
|
|
|
czLis.push(data[i].cz);
|
|
|
gzLis.push(data[i].gz);
|
|
|
jnygzLis.push(data[i].jnygz);
|
|
|
senygzLis.push(data[i].senygz);
|
|
|
wqzxLis.push(data[i].wqzx);
|
|
|
xycgytLis.push(data[i].xycgyt);
|
|
|
xycytLis.push(data[i].xycyt);
|
|
|
xyytLis.push(data[i].xyyt);
|
|
|
}
|
|
|
schoolChart.setOption({
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
},
|
|
|
extraCssText: 'width:160px;height:240px;'
|
|
|
},
|
|
|
legend: {
|
|
|
data: ['幼儿', '小学', '初中', '高中', '完全中学', '九年一贯制', '十二年一贯制', '小幼一体', '小幼初一体', '小幼初高一体']
|
|
|
},
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'value'
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'category',
|
|
|
data: yAxisLis,
|
|
|
inverse: true
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '幼儿',
|
|
|
type: 'bar',
|
|
|
stack: '总量',
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideRight'
|
|
|
}
|
|
|
},
|
|
|
data: yeLis
|
|
|
},
|
|
|
{
|
|
|
name: '小学',
|
|
|
type: 'bar',
|
|
|
stack: '总量',
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideRight'
|
|
|
}
|
|
|
},
|
|
|
data: xxLis
|
|
|
},
|
|
|
{
|
|
|
name: '初中',
|
|
|
type: 'bar',
|
|
|
stack: '总量',
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideRight'
|
|
|
}
|
|
|
},
|
|
|
data: czLis
|
|
|
},
|
|
|
{
|
|
|
name: '高中',
|
|
|
type: 'bar',
|
|
|
stack: '总量',
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideRight'
|
|
|
}
|
|
|
},
|
|
|
data: gzLis
|
|
|
},
|
|
|
{
|
|
|
name: '完全中学',
|
|
|
type: 'bar',
|
|
|
stack: '总量',
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideRight'
|
|
|
}
|
|
|
},
|
|
|
data: wqzxLis
|
|
|
},
|
|
|
{
|
|
|
name: '九年一贯制',
|
|
|
type: 'bar',
|
|
|
stack: '总量',
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideRight'
|
|
|
}
|
|
|
},
|
|
|
data: jnygzLis
|
|
|
},
|
|
|
{
|
|
|
name: '十二年一贯制',
|
|
|
type: 'bar',
|
|
|
stack: '总量',
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideRight'
|
|
|
}
|
|
|
},
|
|
|
data: senygzLis
|
|
|
},
|
|
|
{
|
|
|
name: '小幼一体',
|
|
|
type: 'bar',
|
|
|
stack: '总量',
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideRight'
|
|
|
}
|
|
|
},
|
|
|
data: xyytLis
|
|
|
},
|
|
|
{
|
|
|
name: '小幼初一体',
|
|
|
type: 'bar',
|
|
|
stack: '总量',
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideRight'
|
|
|
}
|
|
|
},
|
|
|
data: xycytLis
|
|
|
},
|
|
|
{
|
|
|
name: '小幼初高一体',
|
|
|
type: 'bar',
|
|
|
stack: '总量',
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideRight'
|
|
|
}
|
|
|
},
|
|
|
data: xycgytLis
|
|
|
}
|
|
|
]
|
|
|
}, true)
|
|
|
|
|
|
} else if (info.identity_id == 3) {//区
|
|
|
var lis = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
lis.push(data[i].count)
|
|
|
}
|
|
|
schoolChart.setOption(
|
|
|
{
|
|
|
tooltip: {},
|
|
|
legend: {
|
|
|
data: ['幼儿', '小学', '初中', '高中', '完全中学', '九年一贯制', '十二年一贯制', '小幼一体', '小幼初一体', '小幼初高一体']
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
axisLabel: {interval: 0, margin: 15},
|
|
|
data: ['幼儿', '小学', '初中', '高中', '完全中学', '九年一贯制', '十二年一贯制', '小幼一体', '小幼初一体', '小幼初高一体']
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value'
|
|
|
},
|
|
|
series: [{
|
|
|
data: lis,
|
|
|
type: 'bar'
|
|
|
}],
|
|
|
color: ['#a1bde1']
|
|
|
}, true
|
|
|
)
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
// 获取echarts市 区下单位个数
|
|
|
var dwChart = echarts.init(document.getElementById("dwCount"), 'light');
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: 'json',
|
|
|
url: eDwUrl,
|
|
|
success: function (data) {
|
|
|
data.sort(function (a, b) {
|
|
|
return a.sort_id - b.sort_id;
|
|
|
})
|
|
|
if (info.identity_id == 1 || info.identity_id == 2) {
|
|
|
var area_name = [];
|
|
|
var list = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
area_name.push(data[i].area_name);
|
|
|
list.push({
|
|
|
value: data[i].count, name: data[i].area_name
|
|
|
})
|
|
|
}
|
|
|
} else if (info.identity_id == 3) {
|
|
|
var area_name = [];
|
|
|
var list = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
area_name.push(data[i].name);
|
|
|
list.push({
|
|
|
value: data[i].count, name: data[i].name
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
|
|
|
dwChart.setOption(
|
|
|
{
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
formatter: "{a} <br/>{b} : {c} ({d}%)",
|
|
|
extraCssText: 'width:160px;height:50px;'
|
|
|
},
|
|
|
legend: {
|
|
|
orient: 'vertical',
|
|
|
left: 'left',
|
|
|
data: area_name
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '单位个数',
|
|
|
type: 'pie',
|
|
|
radius: '55%',
|
|
|
center: ['50%', '60%'],
|
|
|
data: list,
|
|
|
itemStyle: {
|
|
|
emphasis: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
color: ['#32c5e9', '#67e0e3', '#9fe6b8', '#ffdb5c', '#fb7293', '#ff9f7f', '#9d96f5', '#e7bcf3', '#e062ae', '#96bfff']
|
|
|
}
|
|
|
), true
|
|
|
}
|
|
|
})
|
|
|
|
|
|
|
|
|
// 获取echarts市 区 单位下学生人数
|
|
|
var stuChart = echarts.init(document.getElementById("stuCount"), 'light');
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: 'json',
|
|
|
url: eStuUrl,
|
|
|
success: function (data) {
|
|
|
data.sort(function (a, b) {
|
|
|
return a.sort_id - b.sort_id;
|
|
|
})
|
|
|
if (info.identity_id == 1 || info.identity_id == 2) {
|
|
|
var area_name = [];
|
|
|
var yeLis = [];
|
|
|
var xxLis = [];
|
|
|
var czLis = [];
|
|
|
var gzLis = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
area_name.push(data[i].area_name);
|
|
|
yeLis.push(data[i].ye);
|
|
|
xxLis.push(data[i].xx);
|
|
|
czLis.push(data[i].cz);
|
|
|
gzLis.push(data[i].gz);
|
|
|
}
|
|
|
var labelOption = {
|
|
|
normal: {
|
|
|
show: true,
|
|
|
position: 'insideBottom',
|
|
|
distance: '15',
|
|
|
align: 'left',
|
|
|
verticalAlign: 'middle',
|
|
|
rotate: '90',
|
|
|
fontSize: 12,
|
|
|
formatter: '{c} {name|{a}}',
|
|
|
rich: {
|
|
|
name: {
|
|
|
textBorderColor: '#fff'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
stuChart.setOption(
|
|
|
{
|
|
|
color: ['#ff9f7f', '#fb7293', '#37a2da', '#96bfff'],
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
},
|
|
|
extraCssText: 'width:160px;height:100px'
|
|
|
},
|
|
|
legend: {
|
|
|
data: ['幼儿', '小学', '初中', '高中']
|
|
|
},
|
|
|
calculable: true,
|
|
|
xAxis: [
|
|
|
{
|
|
|
type: 'category',
|
|
|
axisTick: {show: false},
|
|
|
axisLabel: {interval: 0, margin: 15},
|
|
|
data: area_name
|
|
|
}
|
|
|
],
|
|
|
yAxis: [
|
|
|
{
|
|
|
type: 'value'
|
|
|
}
|
|
|
],
|
|
|
series: [
|
|
|
{
|
|
|
name: '幼儿',
|
|
|
type: 'bar',
|
|
|
barGap: 0,
|
|
|
label: labelOption,
|
|
|
data: yeLis
|
|
|
},
|
|
|
{
|
|
|
name: '小学',
|
|
|
type: 'bar',
|
|
|
label: labelOption,
|
|
|
data: xxLis
|
|
|
},
|
|
|
{
|
|
|
name: '初中',
|
|
|
type: 'bar',
|
|
|
label: labelOption,
|
|
|
data: czLis
|
|
|
},
|
|
|
{
|
|
|
name: '高中',
|
|
|
type: 'bar',
|
|
|
label: labelOption,
|
|
|
data: gzLis
|
|
|
}
|
|
|
]
|
|
|
}, true
|
|
|
)
|
|
|
} else if (info.identity_id == 3) {
|
|
|
var lis = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
lis.push(data[i].count)
|
|
|
}
|
|
|
stuChart.setOption(
|
|
|
{
|
|
|
tooltip: {},
|
|
|
legend: {
|
|
|
data: ['幼儿', '小学', '初中', '高中']
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
axisLabel: {interval: 0, margin: 15},
|
|
|
data: ['幼儿', '小学', '初中', '高中']
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value'
|
|
|
},
|
|
|
series: [{
|
|
|
data: lis,
|
|
|
type: 'bar'
|
|
|
}],
|
|
|
color: ['#f7f494']
|
|
|
}, true
|
|
|
)
|
|
|
} else if (info.identity_id == 4) {
|
|
|
var lis = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
lis.push(data[i].count)
|
|
|
}
|
|
|
stuChart.setOption(
|
|
|
{
|
|
|
tooltip: {},
|
|
|
legend: {
|
|
|
data: ['男', '女']
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
axisLabel: {interval: 0, margin: 15},
|
|
|
data: ['男', '女']
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value'
|
|
|
},
|
|
|
series: [{
|
|
|
data: lis,
|
|
|
type: 'bar'
|
|
|
}],
|
|
|
color: ['#f7f494']
|
|
|
}
|
|
|
), true
|
|
|
}
|
|
|
|
|
|
}
|
|
|
});
|
|
|
|
|
|
function analysis(data) {
|
|
|
var end_obj = [];
|
|
|
for (var i in data) {
|
|
|
var obj = {name: '', datas: []};
|
|
|
obj.name = data[i].area_name;
|
|
|
obj.value = data[i]['count'];
|
|
|
// for (var j in data[i].stage_list) {
|
|
|
// obj.datas[0] = data[0]['count'];
|
|
|
// obj.datas[1] = data[1]['count'];
|
|
|
// obj.datas[2] = data[2]['count'];
|
|
|
// }
|
|
|
for (var j = 0; j < i + 1; j++) {
|
|
|
obj.datas[0] = data[i].stage_list[0]['count'];
|
|
|
obj.datas[1] = data[i].stage_list[1]['count'];
|
|
|
obj.datas[2] = data[i].stage_list[2]['count'];
|
|
|
}
|
|
|
|
|
|
end_obj.push(obj);
|
|
|
}
|
|
|
return end_obj;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
// 获取echarts市 区 单位下教工人数
|
|
|
var teaChart = echarts.init(document.getElementById("teaCount"));
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: 'json',
|
|
|
url: eTeaUrl,
|
|
|
success: function (data) {
|
|
|
data.sort(function (a, b) {
|
|
|
return a.sort_id - b.sort_id;
|
|
|
})
|
|
|
if (info.identity_id == 1 || info.identity_id == 2) {
|
|
|
var area_name = [];
|
|
|
var list = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
area_name.push(data[i].area_name);
|
|
|
list.push({
|
|
|
value: data[i].count, name: data[i].area_name
|
|
|
})
|
|
|
}
|
|
|
var option = {
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
formatter: function (a, b) {
|
|
|
return (a['name']
|
|
|
+ '</br>教工总数:' + a['value']
|
|
|
+ '</br>小学:' + a['data'].datas[0]
|
|
|
+ '<br>初中:' + a['data'].datas[1]
|
|
|
+ '<br>高中:' + a['data'].datas[2]);
|
|
|
},
|
|
|
extraCssText: 'width:160px;height:130px;'
|
|
|
},
|
|
|
legend: {
|
|
|
orient: 'vertical',
|
|
|
left: 'left',
|
|
|
data: area_name
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '教工总数',
|
|
|
type: 'pie',
|
|
|
radius: '55%',
|
|
|
center: ['50%', '60%'],
|
|
|
data: list,
|
|
|
itemStyle: {
|
|
|
emphasis: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
color: ['#4ea397', '#d0648a', '#7bd9a5', '#22c3aa', '#4ea397', '#f2b3c9', '#f58db2', '#d0648a', '#7bd9a5', '#22c3aa']
|
|
|
}
|
|
|
var data = data;
|
|
|
var name = [];
|
|
|
for (i in data) {
|
|
|
name.push(data[i].area_name);
|
|
|
}
|
|
|
option.series[0].data = analysis(data);
|
|
|
} else {
|
|
|
var area_name = [];
|
|
|
var list = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
area_name.push(data[i].name);
|
|
|
list.push({
|
|
|
value: data[i].count, name: data[i].name
|
|
|
})
|
|
|
}
|
|
|
var option = {
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
formatter: "{a} <br/>{b} : {c} ({d}%)",
|
|
|
extraCssText: 'width:160px;height:50px;'
|
|
|
},
|
|
|
legend: {
|
|
|
orient: 'vertical',
|
|
|
left: 'left',
|
|
|
data: area_name
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '教工总数',
|
|
|
type: 'pie',
|
|
|
radius: '55%',
|
|
|
center: ['50%', '60%'],
|
|
|
data: list,
|
|
|
itemStyle: {
|
|
|
emphasis: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
color: ['#4ea397', '#d0648a', '#7bd9a5', '#22c3aa', '#4ea397', '#f2b3c9', '#f58db2', '#d0648a', '#7bd9a5', '#22c3aa']
|
|
|
}
|
|
|
}
|
|
|
// option.yAxis.data = name;
|
|
|
teaChart.setOption(option, true)
|
|
|
}
|
|
|
})
|
|
|
|
|
|
|
|
|
// 切换学段 获取班级数
|
|
|
|
|
|
form.on('select(stage)', function (data) {
|
|
|
$('#sel3').val(data.value);
|
|
|
reloadBjList();
|
|
|
var classlist = getClassList().class_list;
|
|
|
table.render({
|
|
|
elem: '#idTest5'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'entry_year', title: '入学年份', align: 'center'}
|
|
|
, {field: 'count', title: '班级总数', align: 'center'}
|
|
|
]]
|
|
|
, data: classlist
|
|
|
, page: true
|
|
|
, height: '500'
|
|
|
});
|
|
|
$(document).resize();
|
|
|
})
|
|
|
|
|
|
// 学校管理员 切换学段 获取班级总数
|
|
|
function getClassList() {
|
|
|
var json;
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: 'json',
|
|
|
async: false,
|
|
|
url: '/baseService/bigData/getClassCountAggsEntryYearByOrgId?org_id=' + areaId + '&stage_id=' + $('#sel3').val(),
|
|
|
success: function (data) {
|
|
|
if (data.success) {
|
|
|
json = data;
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
return json;
|
|
|
}
|
|
|
|
|
|
function reloadBjList() {
|
|
|
var json = getClassList();
|
|
|
var bjChart = echarts.init(document.getElementById("bjCount"), 'light');
|
|
|
var entryList = [];
|
|
|
var countList = [];
|
|
|
for (var i = 0; i < json.class_list.length; i++) {
|
|
|
entryList.push(json.class_list[i].entry_year);
|
|
|
countList.push(json.class_list[i].count);
|
|
|
}
|
|
|
bjChart.setOption({
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
},
|
|
|
|
|
|
calculable: true,
|
|
|
xAxis: [
|
|
|
{
|
|
|
type: 'category',
|
|
|
data: entryList
|
|
|
}
|
|
|
],
|
|
|
yAxis: [
|
|
|
{
|
|
|
type: 'value'
|
|
|
}
|
|
|
],
|
|
|
series: [
|
|
|
{
|
|
|
name: '班级总数',
|
|
|
type: 'bar',
|
|
|
data: countList,
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: function (params) {
|
|
|
var colorList = [
|
|
|
'#67e0e3', '#32c5e9', '#37a2da', '#96bfff', '#37a2da',
|
|
|
'#ffdb5c', '#37a2da', '#e690d1', '#37a2da'
|
|
|
];
|
|
|
return colorList[params.dataIndex];
|
|
|
}
|
|
|
},
|
|
|
emphasis: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
},
|
|
|
markPoint: {
|
|
|
data: [
|
|
|
{type: 'max', name: '最大值'},
|
|
|
{type: 'min', name: '最小值'}
|
|
|
]
|
|
|
},
|
|
|
markLine: {
|
|
|
data: [
|
|
|
{type: 'average', name: '平均值'}
|
|
|
]
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
barWidth: '66'
|
|
|
}, true)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
// 管理员访问日志
|
|
|
$.ajax({
|
|
|
type: 'GET',
|
|
|
url: visitUrl,
|
|
|
dataType: 'json',
|
|
|
success: function (data) {
|
|
|
var list = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
list.push(data[i]);
|
|
|
}
|
|
|
// 管理员访问日志
|
|
|
table.render({
|
|
|
elem: '#idTest'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers', width: 80}
|
|
|
, {field: 'person_name', title: '管理员名称'}
|
|
|
, {field: 'last_time', title: '最后登录日期'}
|
|
|
, {field: 'count', title: '登录次数'}
|
|
|
]]
|
|
|
, data: list
|
|
|
, page: true
|
|
|
});
|
|
|
}
|
|
|
})
|
|
|
|
|
|
|
|
|
// 异动查询 教师异动申请
|
|
|
$(".transfer li:eq(0)").click(function () {
|
|
|
var title = "教师调转申请";
|
|
|
var newid = "js001";
|
|
|
var url = "/baseService/html/pages/transfer/teaApplyList.html";
|
|
|
window.parent.parent.layui.element.tabDelete('wenav_tab', newid);
|
|
|
window.parent.parent.layui.element.tabAdd('wenav_tab', {
|
|
|
title: title,
|
|
|
content: '<iframe tab-id="' + newid + '" frameborder="0" src="' + url + '" scrolling="yes" class="weIframe"></iframe>',
|
|
|
id: newid
|
|
|
});
|
|
|
window.parent.parent.layui.element.tabChange('wenav_tab', newid);
|
|
|
})
|
|
|
$(".transfer li:eq(1)").click(function () {
|
|
|
var title = "教师异动审核";
|
|
|
var newid = "js002";
|
|
|
var url = "/baseService/html/pages/transfer/teaEchoList.html";
|
|
|
window.parent.parent.layui.element.tabDelete('wenav_tab', newid);
|
|
|
window.parent.parent.layui.element.tabAdd('wenav_tab', {
|
|
|
title: title,
|
|
|
content: '<iframe tab-id="' + newid + '" frameborder="0" src="' + url + '" scrolling="yes" class="weIframe"></iframe>',
|
|
|
id: newid
|
|
|
});
|
|
|
window.parent.parent.layui.element.tabChange('wenav_tab', newid);
|
|
|
})
|
|
|
$(".transfer li:eq(2)").click(function () {
|
|
|
var title = "学生异动申请";
|
|
|
var newid = "xs002";
|
|
|
var url = "/baseService/html/pages/transfer/teaApplyList.html?stu=1";
|
|
|
window.parent.parent.layui.element.tabDelete('wenav_tab', newid);
|
|
|
window.parent.parent.layui.element.tabAdd('wenav_tab', {
|
|
|
title: title,
|
|
|
content: '<iframe tab-id="' + newid + '" frameborder="0" src="' + url + '" scrolling="yes" class="weIframe"></iframe>',
|
|
|
id: newid
|
|
|
});
|
|
|
window.parent.parent.layui.element.tabChange('wenav_tab', newid);
|
|
|
})
|
|
|
$(".transfer li:eq(3)").click(function () {
|
|
|
var title = "学生调转审核";
|
|
|
var newid = "xs002";
|
|
|
var url = "/baseService/html/pages/transfer/teaEchoList.html?stu=1";
|
|
|
window.parent.parent.layui.element.tabDelete('wenav_tab', newid);
|
|
|
window.parent.parent.layui.element.tabAdd('wenav_tab', {
|
|
|
title: title,
|
|
|
content: '<iframe tab-id="' + newid + '" frameborder="0" src="' + url + '" scrolling="yes" class="weIframe"></iframe>',
|
|
|
id: newid
|
|
|
});
|
|
|
window.parent.parent.layui.element.tabChange('wenav_tab', newid);
|
|
|
})
|
|
|
})
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
