|
|
|
|
|
|
|
|
$(function () {
|
|
|
const axiosConf = { url: config_serverIp + "/dataex/report/QuerySimpleGP", method: 'post' };
|
|
|
var loadingHtml = ` <div class="loader">
|
|
|
<div class="loader-inner ball-pulse">
|
|
|
<div></div>
|
|
|
<div></div>
|
|
|
<div></div>
|
|
|
</div>
|
|
|
</div>`
|
|
|
var chartsLoadindStyle = {
|
|
|
text: 'loading',
|
|
|
color: '#4cbbff',
|
|
|
textColor: '#4cbbff',
|
|
|
maskColor: 'rgba(0, 0, 0, 0.3)',
|
|
|
|
|
|
}
|
|
|
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 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(l1Type, switchTime);
|
|
|
// l2_paihang("4", switchTime);
|
|
|
// c1(switchTime);
|
|
|
// c2(c2Type, switchTime);
|
|
|
// c2_huizong(c2Type, switchTime);
|
|
|
l1(l1xueduan, l1Type, switchTime);
|
|
|
l2(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(l1Type, switchTime);
|
|
|
// l2_paihang("4", switchTime);
|
|
|
// c1(switchTime);
|
|
|
// c2(c2Type, switchTime);
|
|
|
// c2_huizong(c2Type, switchTime);
|
|
|
|
|
|
l1(l1xueduan, l1Type, switchTime);
|
|
|
l2(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(l1Type, switchTime);
|
|
|
// l2_paihang("4", switchTime);
|
|
|
// c1(switchTime);
|
|
|
// c2(c2Type, switchTime);
|
|
|
// c2_huizong(c2Type, switchTime);
|
|
|
l1(l1xueduan, l1Type, switchTime);
|
|
|
l2(switchTime)
|
|
|
c2(c2_peple, switchTime);
|
|
|
C2B(switchTime, c2Type)
|
|
|
r1(r1_xueduan, switchTime);
|
|
|
r2_jspaihang(r2Type, switchTime);
|
|
|
r2_jgpaihang(r2Type, switchTime);
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
|
|
|
|
|
|
|
|
|
// 资源建设情况监测
|
|
|
$('#hdktfw').on('change', function () {
|
|
|
l1_xueduan = $(this).val() + ""
|
|
|
l1(l1_xueduan, 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]
|
|
|
}
|
|
|
|
|
|
$.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
|
|
|
{
|
|
|
"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"
|
|
|
]
|
|
|
}
|
|
|
|
|
|
|
|
|
), function (resport) {
|
|
|
|
|
|
const data = JSON.parse(resport.result)
|
|
|
|
|
|
let seriesData = []
|
|
|
|
|
|
// if (type == 1) {
|
|
|
// data.groups[1].map((e, i) => {
|
|
|
// seriesData.push({
|
|
|
// name: e,
|
|
|
// type: 'bar',
|
|
|
// stack: 'total',
|
|
|
// barMaxWidth: 18,
|
|
|
// data: data.datas[i]
|
|
|
// })
|
|
|
// })
|
|
|
// } else if (type == 2) {
|
|
|
// data.groups[1].map((e, i) => {
|
|
|
// seriesData.push({
|
|
|
// name: e,
|
|
|
// type: 'bar',
|
|
|
// stack: 'total',
|
|
|
// data: data.datas2[i]
|
|
|
|
|
|
// })
|
|
|
// })
|
|
|
// }
|
|
|
|
|
|
|
|
|
myChart.hideLoading();
|
|
|
|
|
|
option = {
|
|
|
// height: "100px",
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'cross',
|
|
|
crossStyle: {
|
|
|
color: '#999'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
textStyle: {
|
|
|
color: '#01DFF4'
|
|
|
},
|
|
|
grid: {
|
|
|
top: 60,
|
|
|
bottom: 20,
|
|
|
right: 20
|
|
|
},
|
|
|
color: ["#0BCAEA", "#FE8E3A", "#3FDB94", "#4992FF", "#FF6E76"],
|
|
|
legend: {
|
|
|
data: data.groups[1],
|
|
|
top: 20,
|
|
|
right: 10,
|
|
|
itemWidth: 8,
|
|
|
itemHeight: 8,
|
|
|
textStyle: {
|
|
|
color: '#01DFF4'
|
|
|
},
|
|
|
},
|
|
|
xAxis: [
|
|
|
{
|
|
|
type: 'category',
|
|
|
data: data.groups[0],
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
color: '#01DFF4' //更改坐标轴颜色
|
|
|
}
|
|
|
},
|
|
|
|
|
|
axisLabel: {
|
|
|
interval: 0,
|
|
|
textStyle: {
|
|
|
color: '#ffffff'
|
|
|
},
|
|
|
formatter: data.groups[0]
|
|
|
},
|
|
|
},
|
|
|
|
|
|
],
|
|
|
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: "85%"
|
|
|
// }
|
|
|
// ],
|
|
|
series: {
|
|
|
name: "互动课堂",
|
|
|
type: 'bar',
|
|
|
stack: 'total',
|
|
|
barMaxWidth: 18,
|
|
|
data: data.datas[0]
|
|
|
}
|
|
|
};
|
|
|
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
window.addEventListener("resize", function () {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
}, 'json')
|
|
|
}
|
|
|
|
|
|
function l2(time) {
|
|
|
|
|
|
if (time == "all") {
|
|
|
query_param = []
|
|
|
query_group = ["year_name"]
|
|
|
} else if (time == "month") {
|
|
|
query_param = [nowYear]
|
|
|
query_group = ["month_name"]
|
|
|
} else if (time == "day") {
|
|
|
query_param = [nowYear, nowMonth]
|
|
|
query_group = ["day_name"]
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var myChart = echarts.init(document.getElementById('l2')); // 各阶段学校数量
|
|
|
myChart.showLoading(chartsLoadindStyle);
|
|
|
|
|
|
$.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
|
|
|
{
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "teacher_student_login_num_" + time,
|
|
|
"query_param": query_param
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"total"
|
|
|
],
|
|
|
"query_format": "echarts",
|
|
|
"query_group": query_group
|
|
|
}
|
|
|
|
|
|
), function (resport) {
|
|
|
const data = JSON.parse(resport.result)
|
|
|
|
|
|
|
|
|
|
|
|
myChart.hideLoading();
|
|
|
|
|
|
option = {
|
|
|
// height: "100px",
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'cross',
|
|
|
crossStyle: {
|
|
|
color: '#999'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
|
|
|
textStyle: {
|
|
|
color: '#01DFF4'
|
|
|
},
|
|
|
grid: {
|
|
|
top: 40,
|
|
|
bottom: 40,
|
|
|
right: 35
|
|
|
},
|
|
|
color: ["#fcff00", "#01f0ff"],
|
|
|
legend: {
|
|
|
data: ['资源上传', '资源下载'],
|
|
|
textStyle: {
|
|
|
color: '#01DFF4'
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
xAxis: [
|
|
|
{
|
|
|
type: 'category',
|
|
|
data: data.groups[0],
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
color: '#01DFF4' //更改坐标轴颜色
|
|
|
}
|
|
|
},
|
|
|
axisLabel: {
|
|
|
rotate: 30,
|
|
|
color: "white"
|
|
|
},
|
|
|
splitLine: {//分割线配置
|
|
|
lineStyle: {
|
|
|
color: "rgba(219,225,255,1)",
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
],
|
|
|
yAxis: [
|
|
|
|
|
|
{
|
|
|
name: "资源上传",
|
|
|
type: 'value',
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
color: '#01DFF4' //更改坐标轴颜色
|
|
|
}
|
|
|
},
|
|
|
splitLine: {//分割线配置
|
|
|
lineStyle: {
|
|
|
color: "#00ffff50",
|
|
|
}
|
|
|
},
|
|
|
axisLabel: {
|
|
|
color: "white"
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
splitLine: {//分割线配置
|
|
|
lineStyle: {
|
|
|
show: false,
|
|
|
color: "#010d5f",
|
|
|
}
|
|
|
},
|
|
|
name: "资源下载",
|
|
|
type: 'value',
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
color: '#01DFF4' //更改坐标轴颜色
|
|
|
}
|
|
|
},
|
|
|
axisLabel: {
|
|
|
color: "white"
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
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
|
|
|
}
|
|
|
},
|
|
|
yAxisIndex: 0,
|
|
|
data: data.datas[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: data.datas2[0],
|
|
|
yAxisIndex: 1,
|
|
|
smooth: true
|
|
|
}
|
|
|
|
|
|
]
|
|
|
};
|
|
|
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
window.addEventListener("resize", function () {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
}, 'json')
|
|
|
}
|
|
|
|
|
|
l3()
|
|
|
function l3() {
|
|
|
axios({
|
|
|
...axiosConf,
|
|
|
data: {
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "stage_interact_num_month_all",
|
|
|
"query_param": [
|
|
|
"1",
|
|
|
"1",
|
|
|
"2021",
|
|
|
"10",
|
|
|
"1",
|
|
|
"1",
|
|
|
"1",
|
|
|
"1",
|
|
|
"2021",
|
|
|
"10",
|
|
|
"1",
|
|
|
"1",
|
|
|
"1",
|
|
|
"1",
|
|
|
"2021",
|
|
|
"10",
|
|
|
"1",
|
|
|
"1",
|
|
|
"1",
|
|
|
"1",
|
|
|
"2021",
|
|
|
"10",
|
|
|
"1",
|
|
|
"1",
|
|
|
"1",
|
|
|
"1",
|
|
|
"2021",
|
|
|
"10",
|
|
|
"1",
|
|
|
"1"
|
|
|
]
|
|
|
},
|
|
|
"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;
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
c2(c2_peple, switchTime);
|
|
|
|
|
|
function c2(peple, time) {
|
|
|
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({
|
|
|
"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) => {
|
|
|
const resData = JSON.parse(response.data.result)
|
|
|
console.log(resData, 'bing');
|
|
|
const pieData = []
|
|
|
resData.groups[0].map((e, i) => {
|
|
|
pieData.push({
|
|
|
name: e,
|
|
|
value: resData.datas[0][i]
|
|
|
})
|
|
|
})
|
|
|
|
|
|
var myChart = echarts.init(document.getElementById('c3')); // 各阶段学校数量
|
|
|
option = {
|
|
|
// height: "100px",
|
|
|
tooltip: {
|
|
|
trigger: 'item'
|
|
|
},
|
|
|
grid: {
|
|
|
left: 0,
|
|
|
top: 0,
|
|
|
right: 0,
|
|
|
bottom: 0
|
|
|
},
|
|
|
color: ["#0BCAEA", "#FE8E3A", "#3FDB94"],
|
|
|
legend: {
|
|
|
data: resData.groups[0],
|
|
|
itemWidth: 8,
|
|
|
itemHeight: 8,
|
|
|
right: 30,
|
|
|
top: 30,
|
|
|
orient: "vertical",
|
|
|
textStyle: {
|
|
|
color: '#01DFF4'
|
|
|
},
|
|
|
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '访问量',
|
|
|
type: 'pie',
|
|
|
radius: '50%',
|
|
|
data: pieData,
|
|
|
selectedMode: 'single',
|
|
|
},
|
|
|
|
|
|
]
|
|
|
};
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
myChart.on('click', function (param) {
|
|
|
//param.name x轴值,param.data y轴值
|
|
|
c2Type = param.dataIndex
|
|
|
C2B(switchTime, param.dataIndex)
|
|
|
});
|
|
|
|
|
|
window.addEventListener("resize", function () {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
C2B(switchTime, c2Type)
|
|
|
function C2B(time, type) {
|
|
|
if (time === "all") {
|
|
|
query_param = []
|
|
|
query_group = ["year_name"]
|
|
|
} else if (time === "month") {
|
|
|
query_param = [nowYear]
|
|
|
query_group = ["month_name"]
|
|
|
} else if (time === "day") {
|
|
|
query_param = [nowYear, nowMonth]
|
|
|
query_group = ["day_name"]
|
|
|
}
|
|
|
|
|
|
|
|
|
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, 1);
|
|
|
let series = {}
|
|
|
let name = ""
|
|
|
|
|
|
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;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var myChart = echarts.init(document.getElementById('c4')); // 各阶段学校数量
|
|
|
option = {
|
|
|
// height: "100px",
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'cross',
|
|
|
crossStyle: {
|
|
|
color: '#999'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
|
|
|
textStyle: {
|
|
|
color: '#01DFF4'
|
|
|
},
|
|
|
grid: {
|
|
|
right: 10,
|
|
|
top: 25,
|
|
|
bottom: 80,
|
|
|
},
|
|
|
color: ["#0BCAEA", "#FE8E3A", "#3FDB94"],
|
|
|
|
|
|
title: {
|
|
|
show: true,
|
|
|
left: 'center',
|
|
|
text: name,
|
|
|
textStyle: {
|
|
|
fontSize: 16,
|
|
|
color: "white",
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
xAxis: [
|
|
|
{
|
|
|
type: 'category',
|
|
|
data: resData.groups[0],
|
|
|
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);
|
|
|
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) {
|
|
|
|
|
|
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)
|
|
|
console.log(resData, 1);
|
|
|
const xAxisName = resData.groups[0].map((e, i) => {
|
|
|
return e.replace("唐山市", "")
|
|
|
})
|
|
|
const legendData = resData.groups[1]
|
|
|
|
|
|
let series = []
|
|
|
resData.groups[0].map((e, i) => {
|
|
|
series.push({
|
|
|
name: e,
|
|
|
type: 'bar',
|
|
|
stack: "all",
|
|
|
data: resData.datas[i],
|
|
|
barMaxWidth: 40,
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var myChart = echarts.init(document.getElementById('r1')); // 各阶段学校数量
|
|
|
option = {
|
|
|
// height: "100px",
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'cross',
|
|
|
crossStyle: {
|
|
|
color: '#999'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
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'
|
|
|
},
|
|
|
},
|
|
|
xAxis: [
|
|
|
{
|
|
|
type: 'category',
|
|
|
data: xAxisName,
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
color: '#01DFF4' //更改坐标轴颜色
|
|
|
}
|
|
|
},
|
|
|
axisLabel: {
|
|
|
interval: 0,
|
|
|
fontSize: 10,
|
|
|
rotate: "35"
|
|
|
}
|
|
|
},
|
|
|
|
|
|
],
|
|
|
yAxis: [
|
|
|
{
|
|
|
type: 'value',
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
color: '#01DFF4' //更改坐标轴颜色
|
|
|
}
|
|
|
},
|
|
|
splitLine: {//分割线配置
|
|
|
lineStyle: {
|
|
|
color: "#00ffff50",
|
|
|
}
|
|
|
},
|
|
|
axisLabel: {
|
|
|
color: "white"
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
type: 'value',
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
color: '#01DFF4' //更改坐标轴颜色
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
dataZoom: [
|
|
|
{
|
|
|
type: "slider", //slider:滑块 inside:内置，依靠鼠标滚轮或者双击缩放
|
|
|
xAxisIndex: 0, //显示x轴滑块
|
|
|
height: "15px",
|
|
|
end: 80,
|
|
|
top: "90%"
|
|
|
}
|
|
|
],
|
|
|
series: {
|
|
|
name: "互动课堂",
|
|
|
type: 'bar',
|
|
|
stack: "all",
|
|
|
data: resData.datas[0],
|
|
|
barMaxWidth: 40,
|
|
|
}
|
|
|
};
|
|
|
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 (type == 1) {
|
|
|
// query_id = "teacher_up_top_"
|
|
|
// query_count = [
|
|
|
// "upload_total",
|
|
|
// "share_total"
|
|
|
// ]
|
|
|
// } else if (type == 2) {
|
|
|
// query_id = "teacher_down_top_"
|
|
|
// query_count = [
|
|
|
// "download_total",
|
|
|
// "share_total"
|
|
|
// ]
|
|
|
// }
|
|
|
|
|
|
if (time == "all") {
|
|
|
query_id = "teacher_use_top_all"
|
|
|
query_param = []
|
|
|
|
|
|
} else if (time == "month") {
|
|
|
query_id = "teacher_use_top_month"
|
|
|
query_param = ["2021"]
|
|
|
} else if (time == "day") {
|
|
|
query_id = "teacher_use_top_day"
|
|
|
query_param = ["2021", nowMonth]
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
$.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
|
|
|
{
|
|
|
"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"
|
|
|
]
|
|
|
}
|
|
|
), function (resport) {
|
|
|
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"><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><br><span class="num-name">当前累计</span>
|
|
|
</div>
|
|
|
</div>`
|
|
|
})
|
|
|
|
|
|
|
|
|
// console.log(phHtml);
|
|
|
$("#gjgx_js_paihang").html(html)
|
|
|
|
|
|
}, 'json');
|
|
|
}
|
|
|
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) {
|
|
|
console.log("orgUseTopNum", JSON.parse(orgUseTopNum.data.result));
|
|
|
console.log("orgUsUopTotalNum", JSON.parse(orgUsUopTotalNum.data.result));
|
|
|
const orgUserTop = JSON.parse(orgUseTopNum.data.result)
|
|
|
const orgUsUopTotal = JSON.parse(orgUsUopTotalNum.data.result)
|
|
|
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
|
|
|
}
|
|
|
|
|
|
})
|
|
|
})
|
|
|
console.log(schoolFil, 'schoolFil');
|
|
|
|
|
|
let html = ""
|
|
|
let total = ""
|
|
|
|
|
|
|
|
|
|
|
|
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><br><span class="num-name">资源上传</span></div>
|
|
|
<div class="total"><span class="num">${item.children[1].total}</span><br><span class="num-name">资源共享</span></div>
|
|
|
<div class="total"><span class="num">${item.children[2].total}</span><br><span class="num-name">资源共享</span></div>
|
|
|
<div class="total"><span class="num">${item.children[3].total}</span><br><span class="num-name">资源共享</span></div>
|
|
|
<div class="total" style="float:right;"><span class="numSum">${item.total}</span></div>
|
|
|
|
|
|
</div>`
|
|
|
|
|
|
})
|
|
|
// console.log(phHtml);
|
|
|
$("#gjgx_jg_paihang").html(html);
|
|
|
}));
|
|
|
// $.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
|
|
|
// {
|
|
|
// "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
// "query": {
|
|
|
// "query_id": "org_use_top_all",
|
|
|
// "query_param": [
|
|
|
// ]
|
|
|
// },
|
|
|
// "query_cache": 0,
|
|
|
// "query_count": [
|
|
|
// "total"
|
|
|
// ],
|
|
|
// "query_format": "json",
|
|
|
// "query_group": [
|
|
|
// "org_name"
|
|
|
// ]
|
|
|
// }
|
|
|
// ), function (resport) {
|
|
|
// const data = JSON.parse(resport.result);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// console.log(schoolFil, '111');
|
|
|
|
|
|
|
|
|
// console.log(data, '^^22^');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// }, 'json');
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
