湘潭大数据 统计年报前端开发

master
gongdi 3 years ago
parent 321d0dfda6
commit a3eeca08bc

@ -113,6 +113,7 @@
<div class="boxall" style="height: 8rem; width: 100%;">
<div class="alltitle" style="line-height: 0.3rem; text-align: center;">
<div class="tab">
<button class="tabbtn" id='Syoueryuan'>幼儿园</button>
<button class="active tabbtn" id='Sxiaoxue'>小学</button>
<button class="tabbtn" id='Schuzhong'>初中</button>
<button class="tabbtn" id='Sgaozhong'>高中</button>

@ -94,6 +94,7 @@
<div class="boxall" style="height: 8rem; width: 100%;">
<div class="alltitle" style="line-height: 0.3rem; text-align: center;">
<div class="tab">
<button class="tabbtn" id='Syoueryuan'>幼儿园</button>
<button class="active tabbtn" id='Sxiaoxue'>小学</button>
<button class="tabbtn" id='Schuzhong'>初中</button>
<button class="tabbtn" id='Sgaozhong'>高中</button>

@ -91,6 +91,7 @@
<div class="boxall" style="height: 8rem; width: 100%;">
<div class="alltitle" style="line-height: 0.3rem; text-align: center;">
<div class="tab">
<button class="tabbtn" id='Syoueryuan'>幼儿园</button>
<button class="active tabbtn" id='Sxiaoxue'>小学</button>
<button class="tabbtn" id='Schuzhong'>初中</button>
<button class="tabbtn" id='Sgaozhong'>高中</button>

@ -91,6 +91,7 @@
<div class="boxall" style="height: 8rem; width: 100%;">
<div class="alltitle" style="line-height: 0.3rem; text-align: center;">
<div class="tab">
<button class="tabbtn" id='Syoueryuan'>幼儿园</button>
<button class="active tabbtn" id='Sxiaoxue'>小学</button>
<button class="tabbtn" id='Schuzhong'>初中</button>
<button class="tabbtn" id='Sgaozhong'>高中</button>

@ -91,6 +91,7 @@
<div class="boxall" style="height: 8rem; width: 100%;">
<div class="alltitle" style="line-height: 0.3rem; text-align: center;">
<div class="tab">
<button class="tabbtn" id='Syoueryuan'>幼儿园</button>
<button class="active tabbtn" id='Sxiaoxue'>小学</button>
<button class="tabbtn" id='Schuzhong'>初中</button>
<button class="tabbtn" id='Sgaozhong'>高中</button>

@ -71,14 +71,30 @@ $(function () {
var data = resport.result;
var indata = JSON.parse(data);
var nameData = [];
var childClasses = [];
var smallClasses = [];
var bigClasses = [];
indata.forEach((item, index) => {
if (item.stage === '幼儿园') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.studentno == 0) {
childClasses.push(0);
} else {
childClasses.push(Math.ceil(((item.total / item.studentno).toFixed(4)) * 100));
}
}
if (item.stage === '小学') {
nameData.push(item.gatherregionc);
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.studentno == 0) {
smallClasses.push(0);
} else {
@ -87,6 +103,9 @@ $(function () {
}
if (item.stage === '初中') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.studentno == 0) {
bigClasses.push(0);
} else {
@ -102,8 +121,9 @@ $(function () {
nameData.forEach((item, index) => {
tableDate.push({
name: item,
smallClasses: `${smallClasses[index]}%`,
bigClasses: `${bigClasses[index]}%`,
childClasses:`${childClasses[index]?childClasses[index]:0}%`,
smallClasses: `${smallClasses[index]?smallClasses[index]:0}%`,
bigClasses: `${bigClasses[index]?bigClasses[index]:0}%`,
})
});
@ -124,7 +144,7 @@ $(function () {
},
legend: {
data: ['小学', '初中'],
data: ['幼儿园','小学', '初中'],
textStyle: {
color: '#fff'
}
@ -191,6 +211,24 @@ $(function () {
}
}],
series: [
{
name: '幼儿园',
type: 'bar',
data: childClasses,
barWidth: '15%', //柱子宽度
// barGap: 1, //柱子之间间距
label: {
show: true,
position: 'top'
},
itemStyle: {
normal: {
color: '#168EFE',
opacity: 1,
barBorderRadius: 5,
}
}
},
{
name: '小学',
type: 'bar',
@ -244,13 +282,13 @@ $(function () {
$('#behindTable').empty();
$('#behindTable').append(
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 15%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 25%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 29%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; width: 29%; background: #0044bb;">初中</th></tr>'
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 15%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 25%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">幼儿园</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; width: 20%; background: #0044bb;">初中</th></tr>'
)
tableDate.forEach((item, index) => {
var newIndex = index + 1;
$('#behindTable').append(
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 15%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 25%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 29%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 29%;'>" + item.bigClasses + "</td></tr>"
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 15%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 25%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 20%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.childClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 20%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 20%;'>" + item.bigClasses + "</td></tr>"
)
})

@ -46,6 +46,14 @@ $(function () {
var typeOfBe = '小学';
$('#Syoueryuan').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');
typeOfBe = '幼儿园';
tableDate = [];
echartSizeInfo(config_now_year);
})
$('#Sxiaoxue').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');

@ -28,6 +28,14 @@ $(function () {
var typeOfBe = '小学';
$('#Syoueryuan').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');
typeOfBe = '幼儿园';
tableDate = [];
echartSizeInfo(config_now_year);
})
$('#Sxiaoxue').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');
@ -78,6 +86,7 @@ $(function () {
var data = resport.result;
var indata = JSON.parse(data);
console.log(indata)
var nameData = [];
var smallClasses = [];
var bigClasses = [];

@ -44,6 +44,14 @@ $(function () {
var tableData = [];
var typeOfBe = '小学';
$('#Syoueryuan').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');
typeOfBe = '幼儿园';
tableData = [];
echartSizeInfo(config_now_year);
})
$('#Sxiaoxue').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');

@ -68,23 +68,36 @@ $(function () {
var data = resport.result;
var indata = JSON.parse(data);
var nameData = [];
var childClasses = [];
var smallClasses = [];
var bigClasses = [];
var sbigClasser = [];
indata.forEach((item, index) => {
if (item.stage === '幼儿园') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
childClasses.push(item.total);
}
if (item.stage === '小学') {
nameData.push(item.gatherregionc);
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
smallClasses.push(item.total);
}
if (item.stage === '初中') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
bigClasses.push(item.total);
}
if (item.stage === '高中') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
sbigClasser.push(item.total)
}
@ -94,14 +107,13 @@ $(function () {
nameData.forEach((item, index) => {
tableDate.push({
name: item,
smallClasses: smallClasses[index],
bigClasses: bigClasses[index],
sbigClasser: sbigClasser[index],
childClasses:childClasses[index]?childClasses[index]:0,
smallClasses: smallClasses[index]?smallClasses[index]:0,
bigClasses: bigClasses[index]?bigClasses[index]:0,
sbigClasser: sbigClasser[index]?sbigClasser[index]:0,
})
});
// 基于准备好的dom初始化echarts实例
var myChart = echarts.init(document.getElementById('echartTeacherNum')); // 专任教师数量情况柱状图
@ -116,7 +128,7 @@ $(function () {
},
legend: {
data: ['小学', '初中', '高中'],
data: ['幼儿园','小学', '初中', '高中'],
textStyle: {
color: '#fff'
}
@ -183,6 +195,24 @@ $(function () {
}
}],
series: [
{
name: '幼儿园',
type: 'bar',
data: childClasses,
barWidth: '15%', //柱子宽度
// barGap: 1, //柱子之间间距
label: {
show: true,
position: 'top'
},
itemStyle: {
normal: {
color: '#168EFE',
opacity: 1,
barBorderRadius: 5,
}
}
},
{
name: '小学',
type: 'bar',
@ -254,13 +284,13 @@ $(function () {
$('#teacherNumTable').empty();
$('#teacherNumTable').append(
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 23%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 23%; background: #0044bb;">初中</th><th style="text-align: center; color: #fff; width: 23%; background: #0044bb;">高中</th></tr>'
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">幼儿园</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">初中</th><th style="text-align: center; color: #fff; width: 17%; background: #0044bb;">高中</th></tr>'
)
tableDate.forEach((item, index) => {
var newIndex = index + 1;
$('#teacherNumTable').append(
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 10%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 20%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.bigClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%;'>" + item.sbigClasser + "</td></tr>"
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 10%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 20%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.childClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.bigClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%;'>" + item.sbigClasser + "</td></tr>"
)
})

@ -44,6 +44,13 @@ $(function () {
var tableDate = [];
var typeOfBe = '小学';
$('#Syoueryuan').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');
typeOfBe = '幼儿园';
tableDate = [];
echartSizeInfo(config_now_year);
})
$('#Sxiaoxue').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');

@ -44,6 +44,14 @@ $(function () {
var tableDate = [];
var typeOfBe = '小学';
$('#Syoueryuan').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');
typeOfBe = '幼儿园';
tableDate = [];
echartSizeInfo(config_now_year);
})
$('#Sxiaoxue').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');

@ -5,7 +5,7 @@ $(function () {
var school_id = GetQueryString('school_id')
var school_name = GetQueryString('school_name')
var year = GetQueryString('year') ? "year=" + GetQueryString('year') : ""
console.log(area_name, school_id, school_name, pageIndex)
var menu_list = document.querySelector('#menu_list');

@ -65,15 +65,31 @@ $(function () {
var data = resport.result;
var indata = JSON.parse(data);
console.log(indata)
var nameData = [];
var childClasses = [];
var smallClasses = [];
var bigClasses = [];
var sbigClasser = [];
indata.forEach((item, index) => {
if (item.stage === '幼儿园') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
childClasses.push(0);
} else {
// smallClasses.push(Math.round(((item.studentno / item.total).toFixed(4)) * 100));
childClasses.push((item.total / item.studentno).toFixed(1));
}
}
if (item.stage === '小学') {
nameData.push(item.gatherregionc);
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
smallClasses.push(0);
} else {
@ -83,6 +99,9 @@ $(function () {
}
if (item.stage === '初中') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
bigClasses.push(0);
} else {
@ -92,6 +111,9 @@ $(function () {
}
if (item.stage === '高中') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
sbigClasser.push(0);
} else {
@ -112,9 +134,10 @@ $(function () {
nameData.forEach((item, index) => {
tableDate.push({
name: item,
smallClasses: `${smallClasses[index]}`,
bigClasses: `${bigClasses[index]}`,
sbigClasser: `${sbigClasser[index]}`,
childClasses:`${childClasses[index]?childClasses[index]:0}`,
smallClasses: `${smallClasses[index]?smallClasses[index]:0}`,
bigClasses: `${bigClasses[index]?bigClasses[index]:0}`,
sbigClasser: `${sbigClasser[index]?sbigClasser[index]:0}`,
})
});
@ -132,7 +155,7 @@ $(function () {
},
legend: {
data: ['小学', '初中', '高中'],
data: ['幼儿园', '小学', '初中', '高中'],
textStyle: {
color: '#fff'
}
@ -199,6 +222,24 @@ $(function () {
}
}],
series: [
{
name: '幼儿园',
type: 'bar',
data: childClasses,
barWidth: '15%', //柱子宽度
// barGap: 1, //柱子之间间距
label: {
show: true,
position: 'top'
},
itemStyle: {
normal: {
color: '#168EFE',
opacity: 1,
barBorderRadius: 5,
}
}
},
{
name: '小学',
type: 'bar',
@ -270,13 +311,13 @@ $(function () {
$('#schoolAreaTable').empty();
$('#schoolAreaTable').append(
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 23%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 23%; background: #0044bb;">初中</th><th style="text-align: center; color: #fff; width: 23%; background: #0044bb;">高中</th></tr>'
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">幼儿园</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">初中</th><th style="text-align: center; color: #fff; width: 17%; background: #0044bb;">高中</th></tr>'
)
tableDate.forEach((item, index) => {
var newIndex = index + 1;
$('#schoolAreaTable').append(
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 10%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 20%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.bigClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%;'>" + item.sbigClasser + "</td></tr>"
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 10%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 20%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.childClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.bigClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%;'>" + item.sbigClasser + "</td></tr>"
)
})

@ -64,16 +64,34 @@ $(function () {
}), function (resport) {
var data = resport.result;
var indata = JSON.parse(data);
var indata = [];
if(data && data !== ""){
indata = JSON.parse(data);
}
var nameData = [];
var childClasses = [];
var smallClasses = [];
var bigClasses = [];
var sbigClasser = [];
indata.forEach((item, index) => {
if (item.stage === '幼儿园') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
childClasses.push(0);
} else {
// smallClasses.push(Math.round(((item.studentno / item.total).toFixed(4)) * 100));
childClasses.push((item.total / item.studentno).toFixed(1));
}
}
if (item.stage === '小学') {
nameData.push(item.gatherregionc);
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
smallClasses.push(0);
} else {
@ -83,6 +101,9 @@ $(function () {
}
if (item.stage === '初中') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
bigClasses.push(0);
} else {
@ -92,6 +113,9 @@ $(function () {
}
if (item.stage === '高中') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
sbigClasser.push(0);
} else {
@ -113,9 +137,10 @@ $(function () {
nameData.forEach((item, index) => {
tableDate.push({
name: item,
smallClasses: `${smallClasses[index]}`,
bigClasses: `${bigClasses[index]}`,
sbigClasser: `${sbigClasser[index]}`,
childClasses:`${childClasses[index]?childClasses[index]:0}`,
smallClasses: `${smallClasses[index]?smallClasses[index]:0}`,
bigClasses: `${bigClasses[index]?bigClasses[index]:0}`,
sbigClasser: `${sbigClasser[index]?sbigClasser[index]:0}`,
})
});
@ -133,7 +158,7 @@ $(function () {
},
legend: {
data: ['小学', '初中', '高中'],
data: ['幼儿园', '小学', '初中', '高中'],
textStyle: {
color: '#fff'
}
@ -201,6 +226,24 @@ $(function () {
}
}],
series: [
{
name: '幼儿园',
type: 'bar',
data: childClasses,
barWidth: '15%', //柱子宽度
// barGap: 1, //柱子之间间距
label: {
show: true,
position: 'top'
},
itemStyle: {
normal: {
color: '#168EFE',
opacity: 1,
barBorderRadius: 5,
}
}
},
{
name: '小学',
type: 'bar',
@ -274,13 +317,13 @@ $(function () {
$('#schoolSportsAssistants').empty();
$('#schoolSportsAssistants').append(
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 23%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 23%; background: #0044bb;">初中</th><th style="text-align: center; color: #fff; width: 23%; background: #0044bb;">高中</th></tr>'
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">幼儿园</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">初中</th><th style="text-align: center; color: #fff; width: 17%; background: #0044bb;">高中</th></tr>'
)
tableDate.forEach((item, index) => {
var newIndex = index + 1;
$('#schoolSportsAssistants').append(
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 10%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 20%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.bigClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%;'>" + item.sbigClasser + "</td></tr>"
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 10%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 20%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.childClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.bigClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%;'>" + item.sbigClasser + "</td></tr>"
)
})

@ -67,16 +67,31 @@ $(function () {
}), function (resport) {
var data = resport.result;
var indata = JSON.parse(data);
console.log(indata)
var nameData = [];
var childClasses = [];
var smallClasses = [];
var bigClasses = [];
var sbigClasser = [];
indata.forEach((item, index) => {
if (item.stage === '幼儿园') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
childClasses.push(0);
} else {
// smallClasses.push(Math.round(((item.studentno / item.total).toFixed(4)) * 100));
childClasses.push((item.total / item.studentno).toFixed(1));
}
}
if (item.stage === '小学') {
nameData.push(item.gatherregionc);
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
smallClasses.push(0);
} else {
@ -87,6 +102,9 @@ $(function () {
}
if (item.stage === '初中') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
bigClasses.push(0);
} else {
@ -96,7 +114,9 @@ $(function () {
}
if (item.stage === '高中') {
console.log(item.gatherregionc, item.total)
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
sbigClasser.push(0);
} else {
@ -119,9 +139,10 @@ $(function () {
nameData.forEach((item, index) => {
tableDate.push({
name: item,
smallClasses: `${smallClasses[index]}`,
bigClasses: `${bigClasses[index]}`,
sbigClasser: `${sbigClasser[index]}`,
childClasses:`${childClasses[index]?childClasses[index]:0}`,
smallClasses: `${smallClasses[index]?smallClasses[index]:0}`,
bigClasses: `${bigClasses[index]?bigClasses[index]:0}`,
sbigClasser: `${sbigClasser[index]?sbigClasser[index]:0}`,
})
});
@ -130,7 +151,6 @@ $(function () {
// 基于准备好的dom初始化echarts实例
var myChart = echarts.init(document.getElementById('echartSchoolCovers')); // 专任教师数量情况柱状图
console.log(smallClasses, bigClasses, sbigClasser)
option = {
// backgroundColor: '#00265f',
@ -142,7 +162,7 @@ $(function () {
},
legend: {
data: ['小学', '初中', '高中'],
data: ['幼儿园','小学', '初中', '高中'],
textStyle: {
color: '#fff'
}
@ -210,6 +230,24 @@ $(function () {
}
}],
series: [
{
name: '幼儿园',
type: 'bar',
data: childClasses,
barWidth: '15%', //柱子宽度
// barGap: 1, //柱子之间间距
label: {
show: true,
position: 'top'
},
itemStyle: {
normal: {
color: '#168EFE',
opacity: 1,
barBorderRadius: 5,
}
}
},
{
name: '小学',
type: 'bar',
@ -281,13 +319,13 @@ $(function () {
$('#schoolCoversTable').empty();
$('#schoolCoversTable').append(
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 23%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 23%; background: #0044bb;">初中</th><th style="text-align: center; color: #fff; width: 23%; background: #0044bb;">高中</th></tr>'
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">幼儿园</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">初中</th><th style="text-align: center; color: #fff; width: 17%; background: #0044bb;">高中</th></tr>'
)
tableDate.forEach((item, index) => {
var newIndex = index + 1;
$('#schoolCoversTable').append(
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 10%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 20%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.bigClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%;'>" + item.sbigClasser + "</td></tr>"
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 10%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 20%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.childClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.bigClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%;'>" + item.sbigClasser + "</td></tr>"
)
})

@ -46,6 +46,15 @@ $(function () {
var tableDate = [];
var typeOfBe = '小学';
$('#Syoueryuan').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');
typeOfBe = '幼儿园';
tableDate = [];
echartSizeInfo(config_now_year);
})
$('#Sxiaoxue').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');

@ -64,17 +64,35 @@ $(function () {
}), function (resport) {
var data = resport.result;
var indata = JSON.parse(data);
var indata = []
if(data && data !== ""){
indata = JSON.parse(data);
}
var nameData = [];
var childClasses = [];
var smallClasses = [];
var bigClasses = [];
var sbigClasser = [];
indata.forEach((item, index) => {
if (item.stage === '幼儿园') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
childClasses.push(0);
} else {
// smallClasses.push(Math.round(((item.studentno / item.total).toFixed(4)) * 100));
childClasses.push((item.total / item.studentno).toFixed(1));
}
}
if (item.stage === '小学') {
nameData.push(item.gatherregionc);
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
smallClasses.push(0);
} else {
@ -85,6 +103,9 @@ $(function () {
}
if (item.stage === '初中') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
bigClasses.push(0);
} else {
@ -94,6 +115,9 @@ $(function () {
}
if (item.stage === '高中') {
if(nameData.indexOf(item.gatherregionc) < 0){
nameData.push(item.gatherregionc);
}
if (item.total == 0) {
sbigClasser.push(0);
} else {
@ -115,9 +139,10 @@ $(function () {
nameData.forEach((item, index) => {
tableDate.push({
name: item,
smallClasses: `${smallClasses[index]}`,
bigClasses: `${bigClasses[index]}`,
sbigClasser: `${sbigClasser[index]}`,
childClasses:`${childClasses[index]?childClasses[index]:0}`,
smallClasses: `${smallClasses[index]?smallClasses[index]:0}`,
bigClasses: `${bigClasses[index]?bigClasses[index]:0}`,
sbigClasser: `${sbigClasser[index]?sbigClasser[index]:0}`,
})
});
@ -135,7 +160,7 @@ $(function () {
},
legend: {
data: ['小学', '初中', '高中'],
data: ['幼儿园','小学', '初中', '高中'],
textStyle: {
color: '#fff'
}
@ -204,6 +229,24 @@ $(function () {
}
}],
series: [
{
name: '幼儿园',
type: 'bar',
data: childClasses,
barWidth: '15%', //柱子宽度
// barGap: 1, //柱子之间间距
label: {
show: true,
position: 'top'
},
itemStyle: {
normal: {
color: '#168EFE',
opacity: 1,
barBorderRadius: 5,
}
}
},
{
name: '小学',
type: 'bar',
@ -275,13 +318,13 @@ $(function () {
$('#schoolSportsTable').empty();
$('#schoolSportsTable').append(
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 23%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 23%; background: #0044bb;">初中</th><th style="text-align: center; color: #fff; width: 23%; background: #0044bb;">高中</th></tr>'
'<tr style="line-height: 0.35rem;"><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 20%; background: #0044bb;">县域名称</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">幼儿园</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">小学</th><th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 17%; background: #0044bb;">初中</th><th style="text-align: center; color: #fff; width: 17%; background: #0044bb;">高中</th></tr>'
)
tableDate.forEach((item, index) => {
var newIndex = index + 1;
$('#schoolSportsTable').append(
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 10%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 20%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.bigClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 23%;'>" + item.sbigClasser + "</td></tr>"
"<tr style='line-height: 0.35rem; border-bottom: 1px solid rgba(255,255,255,.2)'><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 10%;'>" + newIndex + "</td><td style='text-align: center; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.2); width: 20%;'>" + item.name + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.childClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.smallClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%; border-right: 1px solid rgba(255,255,255,.2);'>" + item.bigClasses + "</td><td style='text-align: center; color: rgba(255,255,255,.6); width: 17%;'>" + item.sbigClasser + "</td></tr>"
)
})

@ -648,16 +648,11 @@ $(function () {
getData('A013', '2021', 'json')
).done(function (a1, a2, a3) {
console.log(JSON.parse(a1[0].result), 'test 2018')
console.log(JSON.parse(a2[0].result), 'test 2019')
console.log(JSON.parse(a3[0].result), 'test 2020')
data2018 = JSON.parse(a1[0].result)
data2019 = JSON.parse(a2[0].result)
data2020 = JSON.parse(a3[0].result)
console.log(data2018, data2019, data2020)
const year = config_years
const product = ['product']
year.map((e, i) => {
@ -701,8 +696,6 @@ $(function () {
gzjdyxby
]
console.log(datatest, 'datatest')
// 基于准备好的dom初始化echarts实例
var myChart = echarts.init(document.getElementById('echart4')); // 城乡专任教师师生比

@ -1020,15 +1020,11 @@ $(function () {
getData('A013', '2021', 'json')
).done(function (a1, a2, a3) {
console.log(JSON.parse(a1[0].result), 'test 2018')
console.log(JSON.parse(a2[0].result), 'test 2019')
console.log(JSON.parse(a3[0].result), 'test 2020')
data2018 = JSON.parse(a1[0].result)
data2019 = JSON.parse(a2[0].result)
data2020 = JSON.parse(a3[0].result)
console.log(data2018, data2019, data2020)
const year = ['2019', '2020', '2021']
const product = ['product']
@ -1073,8 +1069,6 @@ $(function () {
gzjdyxby
]
console.log(datatest, 'datatest')
// 基于准备好的dom初始化echarts实例
var myChart = echarts.init(document.getElementById('echart4')); // 城乡专任教师师生比
@ -1222,15 +1216,12 @@ $(function () {
getData('A013', '2021', 'json')
).done(function (a1, a2, a3) {
console.log(JSON.parse(a1[0].result), 'test 2018')
console.log(JSON.parse(a2[0].result), 'test 2019')
console.log(JSON.parse(a3[0].result), 'test 2020')
data2018 = JSON.parse(a1[0].result)
data2019 = JSON.parse(a2[0].result)
data2020 = JSON.parse(a3[0].result)
console.log(data2018, data2019, data2020)
const year = ['2019', '2020', '2021']
const product = ['product']
@ -1275,8 +1266,6 @@ $(function () {
gzjdyxby
]
console.log(datatest, 'datatest')
// 基于准备好的dom初始化echarts实例
var myChart = echarts.init(document.getElementById('echart4')); // 城乡专任教师师生比
@ -1424,16 +1413,11 @@ $(function () {
getData('A013', '2021', 'json')
).done(function (a1, a2, a3) {
console.log(JSON.parse(a1[0].result), 'test 2018')
console.log(JSON.parse(a2[0].result), 'test 2019')
console.log(JSON.parse(a3[0].result), 'test 2020')
data2018 = JSON.parse(a1[0].result)
data2019 = JSON.parse(a2[0].result)
data2020 = JSON.parse(a3[0].result)
console.log(data2018, data2019, data2020)
const year = ['2018', '2019', '2020']
const product = ['product']
year.map((e, i) => {
@ -1477,8 +1461,6 @@ $(function () {
gzjdyxby
]
console.log(datatest, 'datatest')
// 基于准备好的dom初始化echarts实例
var myChart = echarts.init(document.getElementById('echart4')); // 城乡专任教师师生比

@ -46,6 +46,14 @@ $(function () {
var tableDate = [];
var typeOfBe = '小学';
$('#Syoueryuan').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');
typeOfBe = '幼儿园';
tableDate = [];
echartSizeInfo(config_now_year);
})
$('#Sxiaoxue').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');

@ -89,12 +89,12 @@
<div class="mainbox">
<ul class="clearfix">
<div class="boxall" style="height: 8rem; width: 80%; margin-left: 10%;">
<div class="boxall" style="height: 8rem; width: 100%;">
<div style="height: 98%;" id="echartSchoolArea"></div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: 7rem; width: 60%; margin-left: 20%; padding: 0.2rem;">
<div class="boxall" style="height: 7rem; width: 100%; padding: 0.2rem;">
<table style="border: 1px solid rgba(255,255,255,.2); width: 100%; border-radius: 8px;" id="schoolAreaTable">
<tr style="line-height: 0.35rem;">
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th>

@ -88,12 +88,12 @@
<div class="mainbox">
<ul class="clearfix">
<div class="boxall" style="height: 8rem; width: 80%; margin-left: 10%;">
<div class="boxall" style="height: 8rem; width: 100%">
<div style="height: 98%;" id="echartSchoolAssistants"></div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: 7rem; width: 60%; margin-left: 20%; padding: 0.2rem;">
<div class="boxall" style="height: 7rem; width: 100%; padding: 0.2rem;">
<table style="border: 1px solid rgba(255,255,255,.2); width: 100%; border-radius: 8px;" id="schoolSportsAssistants">
<tr style="line-height: 0.35rem;">
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th>

@ -90,12 +90,12 @@
<div class="mainbox">
<ul class="clearfix">
<div class="boxall" style="height: 8rem; width: 80%; margin-left: 10%;">
<div class="boxall" style="height: 8rem; width: 100%; ">
<div style="height: 98%;" id="echartSchoolCovers"></div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: 7rem; width: 60%; margin-left: 20%; padding: 0.2rem;">
<div class="boxall" style="height: 7rem; width: 100%; padding: 0.2rem;">
<table style="border: 1px solid rgba(255,255,255,.2); width: 100%; border-radius: 8px;" id="schoolCoversTable">
<tr style="line-height: 0.35rem;">
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th>

@ -95,6 +95,7 @@
<div class="boxall" style="height: 8rem; width: 100%;">
<div class="alltitle" style="line-height: 0.3rem; text-align: center;">
<div class="tab">
<button class="tabbtn" id='Syoueryuan'>幼儿园</button>
<button class="active tabbtn" id='Sxiaoxue'>小学</button>
<button class="tabbtn" id='Schuzhong'>初级中学</button>
<button class="tabbtn" id='Sgaozhong'>高级中学</button>

@ -90,12 +90,12 @@
<div class="mainbox">
<ul class="clearfix">
<div class="boxall" style="height: 8rem; width: 80%; margin-left: 10%;">
<div class="boxall" style="height: 8rem; width: 100%;">
<div style="height: 98%;" id="echartSchoolSports"></div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: 7rem; width: 60%; margin-left: 20%; padding: 0.2rem;">
<div class="boxall" style="height: 7rem; width: 100%; padding: 0.2rem;">
<table style="border: 1px solid rgba(255,255,255,.2); width: 100%; border-radius: 8px;" id="schoolSportsTable">
<tr style="line-height: 0.35rem;">
<th style="text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.2); width: 10%; background: #0044bb;">序号</th>

@ -90,6 +90,7 @@
<div class="boxall" style="height: 8rem; width: 100%;">
<div class="alltitle" style="line-height: 0.3rem; text-align: center;">
<div class="tab">
<button class="tabbtn" id='Syoueryuan'>幼儿园</button>
<button class="active tabbtn" id='Sxiaoxue'>小学</button>
<button class="tabbtn" id='Schuzhong'>初中</button>
<button class="tabbtn" id='Sgaozhong'>高中</button>

Loading…
Cancel
Save