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.

1508 lines
46 KiB

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

$(function () {
var loadingHtml = ` <div class="loader">
<div class="loader-inner ball-pulse">
<div></div>
<div></div>
<div></div>
</div>
</div>`
var switchTime = "all"
let l1xueduan = "0"
let l1Type = "teacher"
l1(l1xueduan, l1Type, switchTime);
l2(switchTime)
let r1_xueduan = "0"
let c2_peple = "teacher"
let r2Type = 1
let c2Type = 0
let c1xueduan = "0"
let l3xueduan = "0"
// let l1Type = 1
// l1(l1Type, switchTime);
// l2_paihang("4")
// c1();
// c2(c2Type, switchTime);
// c2_huizong(c2Type, switchTime);
r2_jspaihang(r2Type, switchTime)
r2_jgpaihang(r2Type, switchTime)
$('body').on('click', '#switch_day', function (e) {
switchTime = "day"
$('.switch-time').children().removeClass("act")
$('#switch_day').addClass("act")
l1(l1xueduan, l1Type, switchTime);
l2(switchTime)
l3(l3xueduan, switchTime)
c1(c1xueduan, switchTime)
c2(c2_peple, switchTime);
C2B(switchTime, c2Type)
r1(r1_xueduan, switchTime);
r2_jspaihang(r2Type, switchTime);
r2_jgpaihang(r2Type, switchTime);
})
$('body').on('click', '#switch_month', function (e) {
switchTime = "month"
$('.switch-time').children().removeClass("act")
$('#switch_month').addClass("act")
l1(l1xueduan, l1Type, switchTime);
l2(switchTime)
l3(l3xueduan, switchTime)
c1(c1xueduan, switchTime)
c2(c2_peple, switchTime);
C2B(switchTime, c2Type)
r1(r1_xueduan, switchTime);
r2_jspaihang(r2Type, switchTime);
r2_jgpaihang(r2Type, switchTime);
})
$('body').on('click', '#switch_all', function (e) {
switchTime = "all"
$('.switch-time').children().removeClass("act")
$('#switch_all').addClass("act")
l1(l1xueduan, l1Type, switchTime);
l2(switchTime)
l3(l3xueduan, switchTime)
c1(c1xueduan, switchTime)
c2(c2_peple, switchTime);
C2B(switchTime, c2Type)
r1(r1_xueduan, switchTime);
r2_jspaihang(r2Type, switchTime);
r2_jgpaihang(r2Type, switchTime);
})
// 资源建设情况监测
$('#hdktfw').on('change', function () {
l1xueduan = $(this).val() + ""
l1(l1xueduan, l1Type, switchTime);
})
$('body').on('click', '#l1_hdkt', function (e) {
l1Type = "teacher"
$('#l1_xuezhi a').removeClass("act")
$('#l1_hdkt').addClass("act")
l1(l1xueduan, l1Type, switchTime);
})
$('body').on('click', '#l1_lxxt', function (e) {
l1Type = "student"
$('#l1_xuezhi a').removeClass("act")
$('#l1_lxxt').addClass("act")
l1(l1xueduan, l1Type, switchTime);
})
function l1(xueduan, type, time) {
let query_id = "org_" + type + "_login_num_" + time
var myChart = echarts.init(document.getElementById('l1')); // 各阶段学校数量
myChart.showLoading(chartsLoadindStyle);
if (time == "all") {
query_param = [xueduan, xueduan]
} else if (time == "month") {
query_param = [xueduan, xueduan, nowYear]
} else if (time == "day") {
query_param = [xueduan, xueduan, nowYear, nowMonth]
}
let serviceName = ""
if (type == "teacher") {
serviceName = "互动课堂"
} else if (type == "student") {
serviceName = "理想学堂"
}
axios({
...axiosConf,
data: {
"access_token": "TSKP##20211130104505##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": query_id,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total"
],
"query_format": "echarts",
"query_group": [
"org_name"
]
}
}).then((res) => {
const resport = res.data;
const resData = JSON.parse(resport.result)
let seriesData = []
let legendName = []
let xAxisName = []
let data = []
let dataZoom = [
{
type: "slider",   //slider:滑块  inside:内置,依靠鼠标滚轮或者双击缩放
xAxisIndex: 0,   //显示x轴滑块
height: "15px",
end: 80,
top: "85%"
}
]
if (!resData.datas) {
legendName = []
myChart.showLoading(chartsLoadindNodataStyle);
myChart.clear()
dataZoom = [{
show: false
}]
} else {
xAxisName = resData.groups[0].map((e, i) => {
return e.replace("唐山市", "")
})
legendName = resData.groups[1]
myChart.hideLoading();
data = resData.datas[0]
}
option = {
// height: "100px",
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
textStyle: {
color: '#01DFF4'
},
grid: {
top: 50,
bottom: 65,
right: 20
},
color: ["#0BCAEA", "#FE8E3A", "#3FDB94", "#4992FF", "#FF6E76"],
legend: {
data: legendName,
top: 20,
right: 10,
itemWidth: 8,
itemHeight: 8,
textStyle: {
color: '#01DFF4'
},
formatter: "{name}(人次)"
},
xAxis: [
{
type: 'category',
data: xAxisName,
axisLine: {
lineStyle: {
color: '#01DFF4' //更改坐标轴颜色
}
},
axisLabel: {
interval: 0,
textStyle: {
color: '#ffffff'
},
fontSize: 9,
rotate: "35"
},
},
],
yAxis: [
{
type: 'value',
axisLine: {
lineStyle: {
color: '#01DFF4' //更改坐标轴颜色
}
},
splitLine: {//分割线配置
lineStyle: {
color: "#00ffff50",
}
},
axisLabel: {
color: "white"
}
},
],
dataZoom: dataZoom,
series: {
name: serviceName,
type: 'bar',
stack: 'total',
barMaxWidth: 18,
data: data
}
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
}).catch(() => {
legendName = []
myChart.showLoading(chartsLoadindNodataStyle);
myChart.clear()
dataZoom = [{
show: false
}]
})
window.addEventListener("resize", function () {
myChart.resize();
});
}
function l2(time) {
var danwei = ""
if (time == "all") {
query_param = []
query_group = ["year_name"]
danwei = "年"
} else if (time == "month") {
query_param = [nowYear]
query_group = ["month_name"]
danwei = "月"
} else if (time == "day") {
query_param = [nowYear, nowMonth]
query_group = ["day_name"]
danwei = "日"
}
var myChart = echarts.init(document.getElementById('l2')); // 各阶段学校数量
myChart.showLoading(chartsLoadindStyle);
axios({
...axiosConf,
data: {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": "teacher_student_login_num_" + time,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total", "total2"
],
"query_format": "echarts",
"query_group": query_group
}
}).then((res) => {
const resport = res.data;
const resData = JSON.parse(resport.result)
let xAxisData = []
let data1 = []
let data2 = []
if (!resData.datas) {
myChart.showLoading(chartsLoadindNodataStyle);
myChart.clear()
} else {
xAxisData = resData.groups[0]
data1 = resData.datas
data2 = resData.datas2
myChart.hideLoading();
}
option = {
// height: "100px",
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
textStyle: {
color: '#01DFF4'
},
grid: {
top: 20,
bottom: 40,
right: 25
},
color: ["#fcff00", "#01f0ff"],
legend: {
textStyle: {
color: '#01DFF4'
},
formatter: "{name}(人次)"
},
xAxis: [
{
name: danwei,
nameTextStyle: {
padding: [0, 0, 0, -10] // 四个数字分别为上右下左与原位置距离
},
type: 'category',
data: xAxisData,
axisLine: {
lineStyle: {
color: '#01DFF4' //更改坐标轴颜色
}
},
axisLabel: {
color: "white",
},
splitLine: {//分割线配置
lineStyle: {
color: "rgba(219,225,255,1)",
}
}
},
],
yAxis: [
{
type: 'value',
axisLine: {
lineStyle: {
color: '#01DFF4' //更改坐标轴颜色
}
},
splitLine: {//分割线配置
lineStyle: {
color: "#00ffff50",
}
},
axisLabel: {
color: "white",
formatter: "{value}人"
}
}
],
series: [
{
name: "教师",
type: 'line',
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: '#fcff00' // 100% 处的颜色
}, {
offset: 1, color: '#fcff0000' // 0% 处的颜色
}],
global: false // 缺省为 false
}
},
data: data1[0],
smooth: true
},
{
name: "学生",
type: 'line',
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: '#01f0ff' // 100% 处的颜色
}, {
offset: 1, color: '#01f0ff00' // 0% 处的颜色
}],
global: false // 缺省为 false
}
},
data: data2[0],
smooth: true
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
}).catch(() => {
myChart.showLoading(chartsLoadindNodataStyle);
myChart.clear()
})
window.addEventListener("resize", function () {
myChart.resize();
});
}
$('#l3_xueduan').on('change', function () {
l3xueduan = $(this).val() + ""
l3(l3xueduan, switchTime)
})
l3(l3xueduan, switchTime)
function l3(xueduan, time) {
if (time == "all" || time == "month") {
query_id = "student_use_num_year"
query_param = [xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan]
} else if (time == "day") {
query_id = "student_use_num_month"
query_param = [xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan]
}
axios({
...axiosConf,
data: {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": query_id,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total"
],
"query_format": "json",
"query_group": [
"subname", "item"
]
}
}).then((response) => {
const resData = JSON.parse(response.data.result)
resData.map((e, index) => {
switch (e.no) {
case 1:
$("#kttiwenmonth").html(e.total)
break;
case 2:
$("#kttiwentotal").html(e.total)
break;
case 3:
$("#ktqiangdamonth").html(e.total)
break;
case 4:
$("#ktqiangdatotal").html(e.total)
break;
case 5:
$("#kttoupiaomonth").html(e.total)
break;
case 6:
$("#kttoupiaototal").html(e.total)
break;
case 7:
$("#kttupianmonth").html(e.total)
break;
case 8:
$("#kttupiantotal").html(e.total)
break;
case 9:
$("#ktnowtotal").html(e.total)
break;
case 10:
$("#kttotal").html(e.total)
break;
default: break;
}
})
}).catch(() => {
})
}
$('#c1_xueduan').on('change', function () {
c1xueduan = $(this).val() + ""
c1(c1xueduan, switchTime)
})
c1(c1xueduan, switchTime)
function formatSeconds(value) {
var theTime = parseInt(value);// 秒
var theTime1 = 0;// 分
var theTime2 = 0;// 小时
// alert(theTime);
if (theTime > 60) {
theTime1 = parseInt(theTime / 60);
theTime = parseInt(theTime % 60);
// alert(theTime1+"-"+theTime);
if (theTime1 > 60) {
theTime2 = parseInt(theTime1 / 60);
theTime1 = parseInt(theTime1 % 60);
}
}
var result = "";
if (theTime1 > 0) {
result = "" + parseInt(theTime1) + "分" + result;
}
if (theTime2 > 0) {
result = "" + parseInt(theTime2) + "小时" + result;
}
return result;
}
function c1(xueduan, time = "all") {
if (time == "all" || time == "month") {
query_id = "stage_interact_res_num_year"
query_param = [xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan]
$(".hdktname1").html("本年")
$(".hdktname2").html("总量")
}
if (time == "day") {
query_id = "stage_interact_res_num_month"
query_param = [xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan]
$(".hdktname1").html("本月")
$(".hdktname2").html("总量")
}
axios({
...axiosConf,
data: {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": query_id,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total"
],
"query_format": "json",
"query_group": [
"subname", "item"
]
}
}).then((res) => {
const resport = res.data;
const data = JSON.parse(resport.result);
let html = ""
console.log(data, 'c1');
total1 = 0
total2 = 0
data.map((e, i) => {
if (e.item.indexOf("本") > -1) {
total1 += Number(e.total)
}
if (e.item.indexOf("总") > -1) {
total2 += Number(e.total)
}
switch (e.no) {
case 1:
$("#ktzx1num").html(e.total != 0 ? formatSeconds(e.total) : 0)
break;
case 2:
$("#ktzx2num").html(e.total != 0 ? formatSeconds(e.total) : 0)
break;
case 3:
$("#xtzx1num").html(e.total != 0 ? formatSeconds(e.total) : 0)
break;
case 4:
$("#xtzx2num").html(e.total != 0 ? formatSeconds(e.total) : 0)
break;
case 5:
$("#yysc1num").html(e.total != 0 ? formatSeconds(e.total) : 0)
break;
case 6:
$("#yysc2num").html(e.total != 0 ? formatSeconds(e.total) : 0)
break;
case 7:
$("#kthd1num").html(e.total != 0 ? formatSeconds(e.total) : 0)
break;
case 8:
$("#kthd2num").html(e.total != 0 ? formatSeconds(e.total) : 0)
break;
default: break;
}
})
$("#hdkttotal1").html(total1 ? formatSeconds(total1) : total1)
$("#hdkttotal2").html(total2 ? formatSeconds(total2) : total2)
}).catch(() => {
})
}
c2(c2_peple, switchTime);
function c2(peple, time) {
var myChart = echarts.init(document.getElementById('c3')); // 各阶段学校数量
myChart.showLoading(chartsLoadindStyle);
if (time === "all") {
query_param = []
} else if (time === "month") {
query_id = "social_topic_chart_month"
query_param = [nowYear, nowYear, nowYear, nowYear, nowYear]
} else if (time === "day") {
query_id = "social_topic_chart_day"
query_param = [nowYear, nowMonth, nowYear, nowMonth, nowYear, nowMonth, nowYear, nowMonth, nowYear, nowMonth,]
}
console.log(peple, time, {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": peple + "_use_chart_" + time,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total"
],
"query_format": "echarts",
"query_group": [
"item"
]
});
axios({
...axiosConf,
data: {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": peple + "_use_chart_" + time,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total"
],
"query_format": "echarts",
"query_group": [
"item"
]
}
}).then((response) => {
console.log(response, 'resData1');
const resData = JSON.parse(response.data.result)
let pieData = []
let legendData = []
let a = []
if (!resData.datas) {
myChart.showLoading(chartsLoadindNodataStyle);
myChart.clear()
} else {
resData.groups[0].map((e, i) => {
pieData.push({
name: e,
value: resData.datas[0][i]
})
})
legendData = resData.groups[0]
myChart.hideLoading();
}
option = {
// height: "100px",
tooltip: {
trigger: 'item'
},
color: ["#0BCAEA", "#FE8E3A", "#3FDB94"],
legend: {
data: legendData,
itemWidth: 8,
itemHeight: 8,
right: 40,
top: 40,
orient: "vertical",
textStyle: {
color: '#01DFF4'
},
},
color: ["#e1e600", "#FE8E3A", "#3FDB94", "#4992FF", "#FF6E76"],
series: [
{
type: 'pie',
radius: '50%',
data: pieData,
selectedMode: 'single',
center: ['35%', '50%'],
},
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
myChart.on('click', function (param) {
//param.name x轴值,param.data y轴值
c2Type = param.dataIndex
C2B(switchTime, param.dataIndex)
});
}).catch(() => {
myChart.showLoading(chartsLoadindNodataStyle);
myChart.clear()
})
window.addEventListener("resize", function () {
myChart.resize();
});
}
C2B(switchTime, c2Type)
function C2B(time, type) {
var myChart = echarts.init(document.getElementById('c4')); // 各阶段学校数量
myChart.showLoading(chartsLoadindStyle);
if (time === "all") {
query_param = []
query_group = ["year_name"]
danwei = "年"
} else if (time === "month") {
query_param = [nowYear]
query_group = ["month_name"]
danwei = "月"
} else if (time === "day") {
query_param = [nowYear, nowMonth]
query_group = ["day_name"]
danwei = "日"
}
console.log({
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": "teacher_use_num_" + time,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total",
"total2",
"total3",
"total4",
"total5"
],
"query_format": "echarts",
"query_group": query_group
}, "c2json"
);
axios({
...axiosConf,
data: {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": "teacher_use_num_" + time,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total",
"total2",
"total3",
"total4",
"total5"
],
"query_format": "echarts",
"query_group": query_group
}
}).then((response) => {
const resData = JSON.parse(response.data.result)
console.log(resData, 'c2');
let series = {}
let name = ""
let xAxisName = []
if (!resData.datas) {
name = ""
series = {
name: name,
type: 'line',
data: []
}
xAxisName = []
myChart.showLoading(chartsLoadindNodataStyle);
} else {
xAxisName = resData.groups[0]
switch (type) {
case 0:
name = '提问'
series = {
name: name,
type: 'line',
data: resData.datas[0]
}
break;
case 1:
name = '投票'
series = {
name: name,
type: 'line',
data: resData.datas2[0]
}
break;
case 2:
name = '抢答'
series = {
name: name,
type: 'line',
data: resData.datas3[0]
}
break;
case 3:
name = '图片分享'
series = {
name: name,
type: 'line',
data: resData.datas4[0]
}
break;
case 4:
name = '收集图片'
series = {
name: name,
type: 'line',
data: resData.datas5[0]
}
break;
default:
break;
}
myChart.hideLoading();
}
option = {
// height: "100px",
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
textStyle: {
color: '#01DFF4'
},
grid: {
right: 30,
top: 25,
bottom: 30,
},
color: ["#0BCAEA", "#FE8E3A", "#3FDB94"],
title: {
show: true,
left: 'center',
text: name,
textStyle: {
fontSize: 16,
color: "white",
}
},
xAxis: [
{
name: danwei,
nameTextStyle: {
padding: [0, 0, 0, -10] // 四个数字分别为上右下左与原位置距离
},
type: 'category',
data: xAxisName,
axisLine: {
lineStyle: {
color: '#01DFF4' //更改坐标轴颜色
}
},
axisLabel: {
rotate: 30,
fontSize: 10
},
},
],
yAxis: [
{
type: 'value',
axisLine: {
lineStyle: {
color: '#01DFF4' //更改坐标轴颜色
}
},
splitLine: {//分割线配置
lineStyle: {
color: "#00ffff50",
}
},
axisLabel: {
color: "white"
}
}
],
// dataZoom: [
// {
// type: "slider",   //slider:滑块  inside:内置,依靠鼠标滚轮或者双击缩放
// xAxisIndex: 0,   //显示x轴滑块
// height: "15px",
// end: 80,
// top: "90%"
// }
// ],
series: series
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
}).catch(() => {
name = ""
series = {
name: name,
type: 'line',
data: []
}
xAxisName = []
myChart.showLoading(chartsLoadindNodataStyle);
})
window.addEventListener("resize", function () {
myChart.resize();
});
}
$('#r1_xueduan').on('change', function () {
r1_xueduan = $(this).val() + ""
r1(r1_xueduan, switchTime);
})
r1(r1_xueduan, switchTime);
function r1(xueduan, time) {
var myChart = echarts.init(document.getElementById('r1')); // 各阶段学校数量
myChart.showLoading(chartsLoadindStyle);
if (time === "all") {
query_id = "stage_org_social_all"
query_param = [xueduan, xueduan]
} else if (time === "month") {
query_id = "stage_org_social_month"
query_param = [xueduan, xueduan, nowYear]
} else if (time === "day") {
query_id = "stage_org_social_day"
query_param = [xueduan, xueduan, nowYear, nowMonth]
}
axios({
...axiosConf,
data: {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": "teacher_class_time_" + time,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total"
],
"query_format": "echarts",
"query_group": [
"org_name"
]
}
})
.then((response) => {
const resData = JSON.parse(response.data.result)
let xAxisName = []
let legendData = []
let datas = []
let dataZoom = [
{
type: "slider",   //slider:滑块  inside:内置,依靠鼠标滚轮或者双击缩放
xAxisIndex: 0,   //显示x轴滑块
height: "14px",
end: 80,
top: "87%"
}
]
if (!resData.datas) {
myChart.showLoading(chartsLoadindNodataStyle);
myChart.clear()
dataZoom = {
show: false
}
} else {
xAxisName = resData.groups[0].map((e, i) => {
return e.replace("唐山市", "")
})
legendData = resData.groups[1]
// resData.datas[0]
datas = resData.datas[0].map((e, i) => {
return Math.floor(e / 60 / 60)
})
myChart.hideLoading();
}
option = {
// height: "100px",
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
},
formatter: "{c}小时"
},
textStyle: {
color: '#01DFF4'
},
grid: {
top: 55,
bottom: 85,
right: 10,
left: 80
},
color: ["#0BCAEA", "#FE8E3A", "#3FDB94", "#4992FF", "#FF6E76"],
legend: {
data: legendData,
top: 15,
right: 10,
itemWidth: 8,
itemHeight: 8,
textStyle: {
color: '#01DFF4'
},
formatter: "{name}(小时)"
},
xAxis: [
{
type: 'category',
data: xAxisName,
axisLine: {
lineStyle: {
color: '#01DFF4' //更改坐标轴颜色
}
},
axisLabel: {
interval: 0,
fontSize: 10,
rotate: "35",
color: 'white',
},
},
],
yAxis: [
{
type: 'value',
axisLine: {
lineStyle: {
color: '#01DFF4' //更改坐标轴颜色
}
},
splitLine: {//分割线配置
lineStyle: {
color: "#00ffff50",
}
},
axisLabel: {
color: "white",
formatter: "{value}小时"
},
},
{
type: 'value',
axisLine: {
lineStyle: {
color: '#01DFF4' //更改坐标轴颜色
}
}
}
],
dataZoom: dataZoom,
series: {
name: "互动课堂",
type: 'bar',
stack: "all",
data: datas,
barMaxWidth: 40,
}
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
}).catch(() => {
myChart.showLoading(chartsLoadindNodataStyle);
myChart.clear()
dataZoom = {
show: false
}
})
window.addEventListener("resize", function () {
myChart.resize();
});
}
$('body').on('click', '#r2_zysc', function (e) {
r2Type = 1
$('#r2_paihang').children().removeClass("act")
$('#r2_zysc').addClass("act")
r2_jspaihang(r2Type, switchTime)
r2_jgpaihang(r2Type, switchTime)
})
$('body').on('click', '#r2_zyxz', function (e) {
r2Type = 2
$('#r2_paihang').children().removeClass("act")
$('#r2_zyxz').addClass("act")
r2_jspaihang(r2Type, switchTime)
r2_jgpaihang(r2Type, switchTime)
})
// 学科资源共建共享排行榜
function r2_jspaihang(type = 1, time = "all") {
$("#gjgx_js_paihang").html(loadingHtml)
$("#gjgx_jg_paihang").html(loadingHtml)
let params = {}
if (time == "all") {
query_id = "teacher_use_top_all"
query_param = []
} else if (time == "month") {
query_id = "teacher_use_top_month"
query_param = [nowYear]
} else if (time == "day") {
query_id = "teacher_use_top_day"
query_param = [nowYear, nowMonth]
}
axios({
...axiosConf,
data: {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": "teacher_use_top_" + time,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total"
],
"query_format": "json",
"query_group": [
"person_name",
"org_name"
]
}
}).then((res) => {
const resport = res.data;
if (resport.result == "") {
$("#gjgx_js_paihang").html(`<div class="nodata">暂无数据</div>`);
return
}
const data = JSON.parse(resport.result);
let html = ""
data.map((item, index) => {
if (type == 1) {
total = item.upload_total
} else if (type == 2) {
total = item.download_total
}
html += ` <div class="list">
<div class="top"><img src="./images/t${index + 1}.png" /></div>
<div class="head" style="width:1.5rem"><span class="name">${item.person_name}</span><br><p class="school">${item.org_name}</p></div>
<div class="total"><span class="num">${item.total}<span style="font-size:0.2rem">项</span></span><br><span class="num-name">当前累计</span>
</div>
</div>`
})
$("#gjgx_js_paihang").html(html)
}).catch(() => {
$("#gjgx_js_paihang").html(`<div class="nodata">暂无数据</div>`);
return
})
}
function r2_jgpaihang(type = 1, time = "year") {
if (time === "all") {
query_param = []
query_param1 = []
} else if (time === "month") {
query_param = [nowYear, nowYear]
query_param1 = [nowYear]
} else if (time === "day") {
query_param = [nowYear, nowMonth]
query_param1 = [nowYear, nowMonth, nowYear, nowMonth]
}
axios.all([
axios({
...axiosConf,
data: {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": "org_use_top_" + time,
"query_param": query_param
},
"query_cache": 0,
"query_count": [
"total"
],
"query_format": "json",
"query_group": [
"org_name"
]
}
}),
axios({
...axiosConf,
data: {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": "org_use_top_total_" + time,
"query_param": query_param1
},
"query_cache": 0,
"query_count": [
"total"
],
"query_format": "json",
"query_group": [
"org_name"
]
}
})
]).then(axios.spread(function (orgUseTopNum, orgUsUopTotalNum) {
if (orgUseTopNum.data.success === false || orgUseTopNum.data.result === "") {
$("#gjgx_jg_paihang").html(`<div class="nodata">暂无数据</div>`);
return
}
const orgUserTop = JSON.parse(orgUseTopNum.data.result)
const orgUsUopTotal = JSON.parse(orgUsUopTotalNum.data.result)
console.log(orgUserTop, orgUsUopTotal);
let school = []
orgUserTop.map((item) => {
school.push({ name: item.org_name });
})
// 去重
schoolFil = school.filter((item, index) => {
return school.findIndex(_item => _item.name == item.name) == index;
})
schoolFil.map((e) => {
e.children = []
orgUserTop.map((item) => {
if (item.org_name == e.name) {
e.children.push({ item: item.item, total: item.total })
}
})
orgUsUopTotal.map((item) => {
if (item.org_name == e.name) {
e.total = item.total
}
})
})
let html = ""
schoolFil.map((item, index) => {
html += `
<div class="list">
<img src="./images/top${index + 1}.png" alt="" class="top1" />
<div class="top"><img src="./images/school_ico.svg" class="ico" /></div>
<div class="head"><span class="name">${item.name}</span></div>
<div class="total"><span class="num">${item.children[0].total}</span><span class="num-name">投票</span></div>
<div class="total"><span class="num">${item.children[1].total}</span><span class="num-name">收集</span></div>
<div class="total"><span class="num">${item.children[2].total}</span><span class="num-name">提问</span></div>
<div class="total"><span class="num">${item.children[3].total}</span><span class="num-name">抢答</span></div>
<div class="total"><span class="num">${item.children[4].total}</span><span class="num-name">分享</span></div>
<div class="total" style="float:right; width: 1rem;"><span class="numSum">${item.total}<span style="font-size:0.19rem">项</span></span></div>
</div>`
})
$("#gjgx_jg_paihang").html(html);
})).catch(() => {
$("#gjgx_jg_paihang").html(`<div class="nodata">暂无数据</div>`);
return
})
}
})