diff --git a/html/class.html b/html/class.html new file mode 100644 index 0000000..2f23837 --- /dev/null +++ b/html/class.html @@ -0,0 +1,309 @@ + + + + + + 大数据汇聚与管理系统 + + + + + + + + +
+

+ 唐山开平教育大数据中心 +

+ 互动课堂教育运行监测 + 网络学习空间运行监测 + 资源共建共享运行监测 +
+ + +
+
+
+ 本月 + 本年 + 全部 +
+
+ + +
+ + + + + + + + + \ No newline at end of file diff --git a/html/css/style.css b/html/css/style.css index c069d00..2c80a75 100644 --- a/html/css/style.css +++ b/html/css/style.css @@ -33,8 +33,8 @@ body.main-page .header-right{ float: right; } body.main-page .header-left a{ - padding: 0.1rem 0.3rem; - font-size: 0.18rem; + padding: 0.02rem 0.3rem; + font-size: 0.17rem; display: block; float: left; margin-top: 0.46rem; @@ -55,8 +55,8 @@ body.main-page .header-right>a{ margin-left: 1.1rem; } body.main-page .header-right a{ - padding: 0.1rem 0.3rem; - font-size: 0.2rem; + padding: 0.02rem 0.3rem; + font-size: 0.17rem; display: block; float: left; margin-top: 0.46rem; @@ -92,6 +92,7 @@ body.sub-page .head .h1 { font-size:0.3rem; line-height:0.5rem; padding-left:0.3rem; + padding-top:0.2rem; float:left; } body.sub-page .head .nav { @@ -399,7 +400,7 @@ select { position:relative; display:flex; width:fit-content; - height:1.8rem; + height:1.45rem; } .qyzyhzjc .item { position:relative; @@ -434,6 +435,9 @@ select { height:fit-content; font-size:0.19rem; } + + + .paihang { display:grid; height:2.2rem; @@ -611,6 +615,10 @@ select { } .zongshu{ padding-top: 0.32rem; + display: grid; + align-items: center; + justify-content: center; + height: 100%; } .kongjian-r1-class .huoyue { width:0.65rem; @@ -645,3 +653,171 @@ select { letter-spacing:0.03rem; color:#0ff; } + +.numF{ + font-family:DigiWebfont; +} + +.ketanghz{ width: 100%;color: #00ffff; } + +.ketanghz .bigNumber{ padding-top: 0.3rem; width:100%;text-align: center;line-height: 0.17rem; } +.ketanghz .bigNumber .bigNumber-l{ width: 50%; padding-right:20px; float: left; text-align: right; } +.ketanghz .bigNumber .bigNumber-r{ width: 50%; float: left; padding-left:20px; text-align: left; } + +.ketanghz div .numF{ font-size:0.5rem } +.ketanghz .bigNumber div .bigNum{ letter-spacing: 0.03rem; font-size:0.3rem; } + +.ketanghz .Number{ width: 49%; + float: left; + margin: 0.02rem; + border: 1px solid #1379C8; + background-color: #121961; + padding: 9px; + text-align: center;} +.ketanghz .Number .ico{float: left; border: 0.03rem; border-radius: 0.1rem; } +.ketanghz .Number .ico span{ padding: 0.03rem; border:0.03rem solid #69d9fe; display: block; border-radius: 15%; background-color: #182e73;} +.ketanghz .Number .ico img{ width: 35px; } +.ketanghz .Number .num{font-size:0.2rem;margin-top: 0.06rem;} +.ketanghz .Number .text{color: white;} + + + + + + +.qingkuang2{ width: 100%;color: #00ffff; background: url(../images/q2.svg)center no-repeat; background-size: 28%;overflow: hidden} + +.qingkuang2 .bigNumber{ padding-top: 0.3rem; width:28%;text-align: center;line-height: 0.19rem;float: left;margin-top: 0.3rem; } +.qingkuang2 .bigNumber .bigNumber-l{ } +.qingkuang2 .bigNumber .bigNumber-r{ } + +.qingkuang2 div .numF{ font-size:0.5rem } +.qingkuang2 .bigNumber div .bigNum{ letter-spacing: 0.03rem; font-size:0.25rem; } + +.qingkuang2 .Number{ width: 100%; + float: left; + margin: 0.02rem; + padding: 9px; + text-align: center;} +.qingkuang2 .Number .ico{float: left; border: 0.03rem; border-radius: 0.1rem; } +.qingkuang2 .Number .ico span{ padding: 0.03rem; border:0.03rem solid #69d9fe; display: block; border-radius: 15%; background-color: #182e73;} +.qingkuang2 .Number .ico img{ width: 35px; } +.qingkuang2 .Number .num{font-size:0.2rem;margin-top: 0.06rem;} +.qingkuang2 .Number .text{color: white;} + + + +.indexc2 .Number{ width: 32.8%;} +.index-c1 div{ background: url(../images/u165.png) no-repeat;height: 1.4rem; background-size: 100%; width: 25%; float: left; + display: flex; align-items: center; justify-content: center; color:turquoise} +.index-c1 div .num{font-size:0.26 rem} +.index-c1 div span{ width: 100%; display: contents; } +.index-fw{width: 100%; height: 1rem; line-height: 1rem; margin-top:0.4rem;color: #00ffff;} +.index-fw span{font-size:0.16rem} +.index-fw .num{font-size: 0.4rem; color: white;} +.index-fw-content div{ width: 50%; float: left;height: 0.5rem;display: flex; align-items: center; justify-content: center;} +.index-fw-content div span { + display: contents; + color: #3CD5FF; + font-size:0.2rem +} +.index-fw-content div .num{ + color: #3CD5FF; + +} +.index-fw-content div .num .text{ + font-size:0.1rem +} +.classpaihang .list{ + width: 100%; +} +.classpaihang .list .total{ + line-height: 0.10rem; + padding-top: 0.08rem; + margin-right: 0.1rem; +} +.classpaihang .list .total .num-name{ +color: white; +} +.classpaihang .list .total .num{ + color: #00ffff; + text-align: right; + width: 100%; + display: block; +} +.classpaihang .list .head{ + width: 2rem; +} +.classpaihang .list .total .numSum{ + font-size: 0.2rem; + color: #ffd900; + line-height: 0.22rem; +} + + +.i-zthdjc .item,.i-zthdjc .item:nth-child(2){ + margin: 0.1rem 0.31rem 0 0.31rem; +} +.i-zthdjc-list{ + width: 100%; + padding: 0 0.27rem; + display: inline-block; +} +.i-zthdjc-list div{ + float: left; +} +.i-zthdjc-list .name{ + margin:0 0.1rem; + font-size:0.18rem; + color: #82E8FE; + line-height: 0.3rem;` +} +.i-zthdjc-list .jd { + height: 0.3rem; display: flex; + align-items: center; + justify-content: center; +} +.i-zthdjc-list .jd div{ + height:0.18rem;margin:0 0.02rem;width:0.08rem;background: #82E8FE;float: left; +} +.i-zthdjc-list .jd .off{ + background-color: #82E8FE70; +} +.i-zthdjc-list .num{ + color: #82E8FE; + font-size: 0.2rem; + float: right; + +} +.i-zthdjc-list .num .percen{ + float: right; + width:0.45rem; + text-align: right; + display: block; +} +.i-zthdjc-list .num .total{ + padding-left:0.1rem; + font-size: 0.2rem; + color: #82E8FE; + +} +.i-c2-map{ + position:absolute; + font-size:0.14rem; + left: 4.6rem; + top: 2.6rem; + line-height: 0.25rem; + color:white; +} +.i-c2-map h3{ + padding:0.2rem 0; + font-size:0.18rem; + +} +.i-kjzyjs .kjzyjs-right{ + width: 11%; +} +.indexc2 .Number .text{ + font-size:0.14rem; + color: #00ffff; +} diff --git a/html/images/bj_p.png b/html/images/bj_p.png new file mode 100644 index 0000000..61fc2f8 Binary files /dev/null and b/html/images/bj_p.png differ diff --git a/html/images/bj_q.png b/html/images/bj_q.png new file mode 100644 index 0000000..4237436 Binary files /dev/null and b/html/images/bj_q.png differ diff --git a/html/images/ico_shijuan.svg b/html/images/ico_shijuan.svg new file mode 100644 index 0000000..3eadf90 --- /dev/null +++ b/html/images/ico_shijuan.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/html/images/ico_weike.svg b/html/images/ico_weike.svg new file mode 100644 index 0000000..b59a5e9 --- /dev/null +++ b/html/images/ico_weike.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/html/images/ico_zhuti.svg b/html/images/ico_zhuti.svg new file mode 100644 index 0000000..468df9d --- /dev/null +++ b/html/images/ico_zhuti.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/html/images/ico_zuoye.svg b/html/images/ico_zuoye.svg new file mode 100644 index 0000000..9417ebc --- /dev/null +++ b/html/images/ico_zuoye.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/html/images/map.png b/html/images/map.png new file mode 100644 index 0000000..4d07cec Binary files /dev/null and b/html/images/map.png differ diff --git a/html/images/q2.svg b/html/images/q2.svg new file mode 100644 index 0000000..77a8f8a --- /dev/null +++ b/html/images/q2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/html/images/q3.svg b/html/images/q3.svg new file mode 100644 index 0000000..460e8c3 --- /dev/null +++ b/html/images/q3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/html/index.html b/html/index.html index adedb98..057b604 100644 --- a/html/index.html +++ b/html/index.html @@ -1,37 +1,485 @@ + 大数据汇聚与管理系统 + - + +
页面加载中...

- 唐山开平教育大数据中心 + 唐山开平教育大数据中心

- 互动课堂教育运行监测 - 网络学习空间运行监测 -
+ 互动课堂教育运行监测 + 网络学习空间运行监测 +
- 资源共建共享运行监测 + 资源共建共享运行监测
+ +
- + + + + \ No newline at end of file diff --git a/html/js/class.js b/html/js/class.js new file mode 100644 index 0000000..56e241c --- /dev/null +++ b/html/js/class.js @@ -0,0 +1,1307 @@ + + +$(function () { + const axiosConf = { url: config_serverIp + "/dataex/report/QuerySimpleGP", method: 'post' }; + var loadingHtml = `
+
+
+
+
+
+
` + 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 += `
+
+
${item.person_name}

${item.org_name}

+ +
${item.total}
当前累计 +
+
` + }) + + + // 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 += ` +
+ + +
+
${item.name}
+
${item.children[0].total}
资源上传
+
${item.children[1].total}
资源共享
+
${item.children[2].total}
资源共享
+
${item.children[3].total}
资源共享
+
${item.total}
+ +
` + + }) + // 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'); + } + +}) + + + + + + + + + + + + + + + + + + diff --git a/html/js/indexData.js b/html/js/indexData.js new file mode 100644 index 0000000..274c9bc --- /dev/null +++ b/html/js/indexData.js @@ -0,0 +1,637 @@ + +$(function () { + + const axiosConf = { url: config_serverIp + "/dataex/report/QuerySimpleGP", method: 'post' }; + + + // 标题增加年份 + + + l1() + function l1() { + 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; + } + + }) + + }) + } + + l2() + function l2() { + axios({ + ...axiosConf, + data: { + "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", + "query": { + "query_id": "stage_res_grand_total_all", + "query_param": [ + "4", + "4", + "2021", + "10", + "4", + "4" + ] + }, + "query_cache": 0, + "query_count": [ + "sub_total", + "total" + ], + "query_format": "json", + "query_group": [ + "type_name" + ] + } + + }) + .then((response) => { + + const resData = JSON.parse(response.data.result) + console.log(resData); + let nowTotal = 0; + let total = 0 + resData.map((e, i) => { + console.log(e); + nowTotal += Number(e.sub_total) + total += Number(e.total) + if (e.type_name == "教学资源") { + $("#zyjxtotalmonth").html(e.sub_total) + $("#zyjxtotal").html(e.total) + } + if (e.type_name == "微课资源") { + $("#zywktotalmonth").html(e.sub_total) + $("#zywktotal").html(e.total) + } + }) + $("#zynowtotal").html(nowTotal) + $("#zytotal").html(total) + console.log(nowTotal, total); + }) + } + + + + + l3(); + function l3() { + + axios({ + ...axiosConf, + data: { + "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", + "query": { + "query_id": "social_general_num_all", + "query_param": [ + + ] + }, + "query_cache": 0, + "query_count": [ + "total" + ], + "query_format": "json", + "query_group": [ + "topic_name" + ] + } + + }) + .then((response) => { + const resData = JSON.parse(response.data.result) + + + $("#l3Hot").html(resData[6].total) + $("#l3Total").html(resData[7].total) + let html = "" + const total = resData[resData.length - 1].total + arr = resData.filter((value, index, resData) => { + return index < 6 + }) + + arr.map((res, index) => { + // tobal = resData[resData.length-1] + let percen = (res.total / total).toFixed(2) * 100 * 0.024 + let percen1 = (res.total / total).toFixed(2) * 100 + "%" + html += `
+
${res.topic_name}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
${res.total} / ${percen1}
+
` + if (index > 3) { + return; + } + }) + + $("#zthdjcNr").html(html) + + }) + + } + c1() + function c1() { + axios({ + ...axiosConf, + data: { + "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", + "query": { + "query_id": "platform_general_num_all", + "query_param": [ + "2021", + "10" + ] + }, + "query_cache": 0, + "query_count": [ + "total" + ], + "query_format": "json", + "query_group": [ + "item" + ] + } + + }) + .then((response) => { + const resData = JSON.parse(response.data.result) + + + let html = "" + resData.map((e, i) => { + html += `
+ ${e.total}
${e.item} +
` + + }) + $("#c1").html(html) + }) + } + + c2() + function c2() { + axios({ + ...axiosConf, + data: { + "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", + "query": { + "query_id": "liveness_today_all", + "query_param": [ + "2021", + "10", + "2021", + "10", + "2021", + "10", + "2021", + "10" + ] + }, + "query_cache": 0, + "query_count": [ + "sub_total", + "total" + ], + "query_format": "json", + "query_group": [ + "item" + ] + } + + }) + .then((response) => { + const resData = JSON.parse(response.data.result) + $("#mapLogin").html(resData[0].total) + $("#mapUpload").html(resData[1].total) + $("#mapActivity").html(resData[2].total) + $("#mapBrowse").html(resData[3].total) + + + }) + } + + c3() + function c3() { + axios({ + ...axiosConf, + data: { + "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", + "query": { + "query_id": "res_class_social_num_all", + "query_param": [ + "2021", + "10", + "2021", + "10", + "2021", + "10", + "2021", + "10", + "2021", + "10", + "2021", + "10" + ] + }, + "query_cache": 0, + "query_count": [ + "sub_total", + "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: + $("#zyupload_monthnum").html(e.total) + break; + case 2: + $("#zyupload_total").html(e.total) + break; + case 3: + $("#ketang_monthnum").html(e.total) + break; + case 4: + $("#ketang_total").html(e.total) + break; + case 5: + $("#kongjian_monthnum").html(e.total) + break; + case 6: + $("#kongjian_total").html(e.total) + break; + case 7: + $("#zydown_monthnum").html(e.total) + break; + case 8: + $("#zydown_total").html(e.total) + break; + case 9: + $("#xtzx_monthnum").html(e.total) + break; + case 10: + $("#xtzx_total").html(e.total) + break; + case 11: + $("#huodong_monthnum").html(e.total) + break; + case 12: + $("#huodong_total").html(e.total) + break; + default: + + break; + } + + }) + }) + } + + + + + r1() + function r1() { + axios({ + ...axiosConf, + data: { + "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", + "query": { + "query_id": "pv_month_year_all", + "query_param": [ + + ] + }, + "query_cache": 0, + "query_count": [ + "total" + ], + "query_format": "json", + "query_group": [ + "item" + ] + } + + }) + .then((response) => { + const resData = JSON.parse(response.data.result) + resData.map((e, index) => { + switch (e.no) { + case 2: + $("#monthMax").html(e.total) + break; + case 3: + $("#yearMax").html(e.total) + break; + case 4: + $("#monthAverage").html(e.total) + break; + case 5: + $("#yearAverage").html(e.total) + break; + case 7: + $("#r1total").html(e.total) + break; + default: + + break; + } + + }) + // console.log(resData[0]["no"]==3); + // $("#r1total").html(resData["no"][0].total) + // $("#dayMax").html(resData[0].total) + // $("#monthMax").html(resData[1].total) + // $("#dayAverage").html(resData[2].total) + // $("#monthAverage").html(resData[3].total) + + }) + } + + r2("all"); + $('#r2_all').on('click', function () { + $('#r2_time').children().removeClass("act") + $('#r2_all').addClass("act") + r2("all"); + }) + $('#r2_month').on('click', function () { + $('#r2_time').children().removeClass("act") + $('#r2_month').addClass("act") + r2("month"); + }) + $('#r2_day').on('click', function () { + $('#r2_time').children().removeClass("act") + $('#r2_day').addClass("act") + r2("day"); + }) + function r2(time) { + + if (time === "all") { + query_id = "post_total_all" + query_param = [] + } else if (time === "month") { + query_id = "post_total_month" + query_param = [nowYear] + } else if (time === "day") { + query_id = "post_total_day" + query_param = [nowYear, nowMonth] + } + 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": [ + "social_typename", + "social_name" + ] + } + }) + .then((response) => { + const resData = JSON.parse(response.data.result) + + // 获取学科 + const xueke = []; + + resData.map((item) => { + xueke.push({ id: item.social_type, name: item.social_typename, total: item.total }); + }) + + // 去重 + xuekeFil = xueke.filter((item, index) => { + return xueke.findIndex(_item => _item.id == item.id) == index; + }) + let allNum = [] + xuekeFil.map((e, index) => { + + let num = 0 + xuekeFil.children = [] + resData.map((item, i) => { + if (item.social_typename == e.name) { + num += Number(item.total) + } + }) + $("#" + "num" + Number(index + 1)).html(num) + allNum.push(num) + xuekeFil[index].total = num + // $("#" + "num" + Number(index + 1)).html(num) + }) + resData.map((item) => { + if (item.social_type == 1 && item.social_name == "教师") { + const w = (item.total / allNum[0] * 100).toFixed(2) + "%" + $("#wenzhangTNum").html(item.total); + $("#wenzhangTAcc").html(w); + $("#wenzhangTloading").animate({ width: w }); + } + if (item.social_type == 1 && item.social_name == "学生") { + const w = (item.total / allNum[0] * 100).toFixed(2) + "%" + $("#wenzhangSNum").html(item.total) + $("#wenzhangSAcc").html((item.total / allNum[0] * 100).toFixed(2) + "%"); + $("#wenzhangSloading").animate({ width: w }); + } + + if (item.social_type == 2 && item.social_name == "教师") { + const w = (item.total / allNum[1] * 100).toFixed(2) + "%" + $("#xiangceTNum").html(item.total); + $("#xiangceTAcc").html(w); + $("#xiangceTloading").animate({ width: w }); + } + if (item.social_type == 2 && item.social_name == "学生") { + const w = (item.total / allNum[1] * 100).toFixed(2) + "%" + $("#xiangceSNum").html(item.total) + $("#xiangceSAcc").html((item.total / allNum[0] * 100).toFixed(2) + "%"); + $("#xiangceSloading").animate({ width: w }); + } + + if (item.social_type == 4 && item.social_name == "教师") { + const w = (item.total / allNum[2] * 100).toFixed(2) + "%" + $("#liuyanTNum").html(item.total); + $("#liuyanTAcc").html(w); + $("#liuyanTloading").animate({ width: w }); + } + if (item.social_type == 4 && item.social_name == "学生") { + const w = (item.total / allNum[2] * 100).toFixed(2) + "%" + $("#liuyanSNum").html(item.total) + $("#liuyanSAcc").html((item.total / allNum[0] * 100).toFixed(2) + "%"); + $("#liuyanSloading").animate({ width: w }); + } + + if (item.social_type == 5 && item.social_name == "教师") { + const w = (item.total / allNum[3] * 100).toFixed(2) + "%" + $("#huodongTNum").html(item.total); + $("#huodongTAcc").html(w); + $("#huodongTloading").animate({ width: w }); + } + if (item.social_type == 5 && item.social_name == "学生") { + const w = (item.total / allNum[3] * 100).toFixed(2) + "%" + $("#huodongSNum").html(item.total) + $("#huodongSAcc").html((item.total / allNum[0] * 100).toFixed(2) + "%"); + $("#huodongSloading").animate({ width: w }); + } + + }) + + + }) + + } + +}) + + + + diff --git a/html/js/nav.js b/html/js/nav.js index b71cac5..3124338 100644 --- a/html/js/nav.js +++ b/html/js/nav.js @@ -5,18 +5,18 @@ var config_years = ['2018', '2019', '2020'] // 年份选择列表生成 if (!localStorage.getItem("islogin")) { - console.log(localStorage.getItem("islogin"), "islogin"); + // console.log(localStorage.getItem("islogin"), "islogin"); window.location.href = '/login.html'; }; let date = new Date(); //当前日期 -var nowYear = date.getFullYear(); +var nowYear = date.getFullYear() + ""; // var nowMonth = date.getMonth() + 1 + ""; -var nowMonth = "12"; +var nowMonth = "10"; var nowWeekday = date.getDate(); -console.log("nowTime", nowYear, nowMonth, nowWeekday); +// console.log("nowTime", nowYear, nowMonth, nowWeekday); // 获取当前年份 var year_list = "" diff --git a/html/js/space.js b/html/js/space.js index 2635e33..6bbf6bb 100644 --- a/html/js/space.js +++ b/html/js/space.js @@ -3,44 +3,118 @@ $(function () { const axiosConf = { url: config_serverIp + "/dataex/report/QuerySimpleGP", method: 'post' }; + let time = "all" + let l1_xueduan = "0" + let l1_type = 1 + let l2_xueduan = "0" + let r2_xueduan = "0" + // 标题增加年份 - // 标题增加年份 - l1(1); - l2(); - c1(); - c2(); - c3(); - r1(); - r2(); - c3table() - - $("#kjFangwenSelect").select(function () { - console.log(111); + + + r1(time); + r2(r2_xueduan, time); + + + + + + // 时间切换 + $('body').on('click', '#switch_month', function (e) { + time = "day"; + $('.switch-time a').removeClass('act') + $('#switch_month').addClass("act") + l1(l1_xueduan, l1_type, time) + l2(time); + c1(l2_xueduan, time) + c2(time); + c3(time); + c3table(time) + r1(time); + r2(r2_xueduan, time); + }) + // 人数、次数切换 + $('body').on('click', '#switch_year', function (e) { + time = "month" + $('.switch-time a').removeClass('act') + $('#switch_year').addClass("act") + + l1(l1_xueduan, l1_type, time) + l2(time); + c1(l2_xueduan, time) + c2(time); + c3(time); + c3table(time) + r1(time); + r2(r2_xueduan, time); + }) + $('body').on('click', '#switch_all', function (e) { + time = "all" + $('.switch-time a').removeClass('act') + $('#switch_all').addClass("act") + l1(l1_xueduan, l1_type, time) + l2(time); + c1(l2_xueduan, time) + c2(time); + c3(time); + c3table(time) + r1(time); + r2(r2_xueduan, time); }) - $("input").select(function () { - $("input").after("文本已选中!"); - }); - $('#djfwqkxz').on('change', function (e) { - console.log($(this).val()); - l1($(this).val()) + + // l1 学校空间访问情况监测 切换 + //学段切换 + $('#djfwqkxz').on('change', function () { + l1_xueduan = $(this).val() + "" + l1(l1_xueduan, l1_type, time) + }) + $('#l1_loginrs').on('click', function () { + $('#l1_xuezhi').children().removeClass("act") + $('#l1_loginrs').addClass("act") + l1_type = 1 + l1(l1_xueduan, l1_type, time) }) + $('#l1_logincs').on('click', function () { + $('#l1_xuezhi').children().removeClass("act") + $('#l1_logincs').addClass("act") + l1_type = 2 + l1(l1_xueduan, l1_type, time) + }) - function l1(xuezhi, time) { + l1(l1_xueduan, l1_type, time); + function l1(xueduan, type, time) { + if (type == 1 && time == "all") { + query_id = "stage_login_num_all" + query_param = [xueduan, xueduan] + } else if (type == 2 && time == "all") { + query_id = "stage_login_times_all" + query_param = [xueduan, xueduan] + } else if (type == 1 && time == "month") { + query_id = "stage_login_times_month" + query_param = [xueduan, xueduan, nowYear] + } else if (type == 2 && time == "month") { + query_id = "stage_login_times_month" + query_param = [xueduan, xueduan, nowYear] + } else if (type == 1 && time == "day") { + query_id = "stage_login_num_day" + query_param = [xueduan, xueduan, nowYear, nowMonth] + } else if (type == 2 && time == "day") { + query_id = "stage_login_times_day" + query_param = [xueduan, xueduan, nowYear, nowMonth] + } axios({ ...axiosConf, data: { "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", "query": { - "query_id": "stage_login_num_all", - "query_param": [ - xuezhi + "" - ] + "query_id": query_id, + "query_param": query_param }, "query_cache": 0, "query_count": [ @@ -59,7 +133,7 @@ $(function () { const xAxisName = resData.groups[0].map((e, i) => { return e.replace("唐山市", "") }) - const legendData = resData.groups[1] + const legendData = ["教师", "学生"] let series = [] resData.groups[1].map((e, i) => { @@ -170,17 +244,28 @@ $(function () { }) } - function l2(time) { + // l2 空间资源建设情况统计 + l2(time); + function l2(time) { + if (time === "all") { + query_id = "post_total_all" + query_param = [] + } else if (time === "month") { + query_id = "post_total_month" + query_param = [nowYear] + } else if (time === "day") { + query_id = "post_total_day" + query_param = [nowYear, nowMonth] + } axios({ ...axiosConf, data: { "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", "query": { - "query_id": "post_total_all", - "query_param": [ - ] + "query_id": query_id, + "query_param": query_param }, "query_cache": 0, "query_count": [ @@ -195,7 +280,6 @@ $(function () { }) .then((response) => { const resData = JSON.parse(response.data.result) - // console.log(resData, 'resData'); // 获取学科 const xueke = []; @@ -210,7 +294,6 @@ $(function () { let allNum = [] xuekeFil.map((e, index) => { - // console.log(e, 'e'); let num = 0 xuekeFil.children = [] resData.map((item, i) => { @@ -221,7 +304,6 @@ $(function () { $("#" + "num" + Number(index + 1)).html(num) allNum.push(num) xuekeFil[index].total = num - // console.log(num, 'num', "#" + "num" + Number(index) + 1); // $("#" + "num" + Number(index + 1)).html(num) }) resData.map((item) => { @@ -284,18 +366,34 @@ $(function () { } + // c1 学校主题活动开展情况监测 + //学段切换 + $('#c1_xueduan').on('change', function () { + c1_xueduan = $(this).val() + "" + c1(c1_xueduan, time) + }) + + c1(l2_xueduan, time); + function c1(xueduan, time) { - function c1() { + 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": "stage_org_social_all", - "query_param": [ - "1" - ] + "query_id": query_id, + "query_param": query_param }, "query_cache": 0, "query_count": [ @@ -310,7 +408,6 @@ $(function () { }) .then((response) => { const resData = JSON.parse(response.data.result) - console.log(resData) const xAxisName = resData.groups[0].map((e, i) => { return e.replace("唐山市", "") }) @@ -424,7 +521,30 @@ $(function () { } - function c2() { + + c2(time); + function c2(time) { + + if (time === "all") { + query_id1 = "login_num_all" + query_id2 = "login_times_all" + query_param = [] + query_group1 = ["year_name"] + query_group2 = ["year_name", "social_name"] + } else if (time === "month") { + query_id1 = "login_num_month" + query_id2 = "login_times_month" + query_param = [nowYear] + query_group1 = ["month_name"] + query_group2 = ["month_name", "social_name"] + } else if (time === "day") { + query_id1 = "login_num_day" + query_id2 = "login_times_day" + query_param = [nowYear, nowMonth] + query_group1 = ["day_name"] + query_group2 = ["day_name", "social_name"] + } + axios.all([ axios({ @@ -432,17 +552,15 @@ $(function () { data: { "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", "query": { - "query_id": "login_num_all", - "query_param": [] + "query_id": query_id1, + "query_param": query_param }, "query_cache": 0, "query_count": [ "total" ], "query_format": "echarts", - "query_group": [ - "year_name" - ] + "query_group": query_group1 } }), axios({ @@ -450,19 +568,15 @@ $(function () { data: { "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", "query": { - "query_id": "login_times_all", - "query_param": [ - ] + "query_id": query_id2, + "query_param": query_param }, "query_cache": 0, "query_count": [ "total" ], "query_format": "echarts", - "query_group": [ - "year_name", - "social_name" - ] + "query_group": query_group2 } }) @@ -471,7 +585,7 @@ $(function () { const loginNumLine = JSON.parse(loginNumLineData.data.result) const loginNumBar = JSON.parse(loginNumBarData.data.result) const xAxisName = loginNumLine.groups[0] - const legendData = ['登录人数', ...loginNumBar.groups[1]] + const legendData = ['登录人数', '教师登录次数', '学生登录次数'] // 循环显示柱形图。 let loginNum = [] loginNumBar.groups[1].map((e, i) => { @@ -590,16 +704,29 @@ $(function () { } - function c3() { + + c3(time); + + function c3(time = "all") { + if (time === "all") { + query_id = "social_topic_chart_all" + query_param = [] + } else if (time === "month") { + query_id = "social_topic_chart_month" + query_param = [nowYear] + } else if (time === "day") { + query_id = "social_topic_chart_day" + query_param = [nowYear, nowMonth] + } + axios({ ...axiosConf, data: { "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", "query": { - "query_id": "social_topic_chart_all", - "query_param": [ - ] + "query_id": query_id, + "query_param": query_param }, "query_cache": 0, "query_count": [ @@ -612,6 +739,7 @@ $(function () { } }).then((response) => { const resData = JSON.parse(response.data.result) + const pieData = [] resData.groups[0].map((e, i) => { pieData.push({ @@ -652,18 +780,27 @@ $(function () { }) } - - function c3table() { - + c3table(time) + + function c3table(time) { + if (time === "all") { + query_id = "social_played_top5_all" + query_param = [] + } else if (time === "month") { + query_id = "social_played_top5_month" + query_param = [nowYear] + } else if (time === "day") { + query_id = "social_played_top5_day" + query_param = [nowYear, nowMonth] + } axios({ ...axiosConf, data: { "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", "query": { - "query_id": "social_played_top5_all", - "query_param": [ - ] + "query_id": query_id, + "query_param": query_param }, "query_cache": 0, "query_count": [ @@ -678,7 +815,6 @@ $(function () { }) .then((response) => { const resData = JSON.parse(response.data.result) - console.log(resData, 'resData'); let phHtml = "" resData.map((e, i) => { phHtml += ` @@ -696,7 +832,17 @@ $(function () { - function r1() { + function r1(time) { + if (time === "all") { + query_id = "login_support_total_all" + query_param = [] + } else if (time === "month") { + query_id = "login_support_total_month" + query_param = [nowYear] + } else if (time === "day") { + query_id = "login_support_total_day" + query_param = [nowYear, nowMonth] + } axios({ @@ -704,9 +850,8 @@ $(function () { data: { "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", "query": { - "query_id": "login_support_total_all", - "query_param": [ - ] + "query_id": query_id, + "query_param": query_param }, "query_cache": 0, "query_count": [ @@ -829,7 +974,29 @@ $(function () { } - function r2() { + + // r2 学校主题活动开展情况监测 + //学段切换 + $('#kjjshyd').on('change', function () { + r2_xueduan = $(this).val() + "" + r2(r2_xueduan, time); + }) + + function r2(xueduan, time) { + + + if (time === "all") { + query_param = [xueduan, xueduan, xueduan, xueduan,] + query_param1 = [xueduan, xueduan] + } else if (time === "month") { + query_param = [xueduan, xueduan, nowYear, xueduan, xueduan, nowYear] + query_param1 = [xueduan, xueduan, nowYear] + } else if (time === "day") { + query_param = [xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, nowYear, nowMonth] + query_param1 = [xueduan, xueduan, nowYear, nowMonth] + + } + axios({ @@ -837,15 +1004,11 @@ $(function () { data: { "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", "query": { - "query_id": "stage_liveness_all", - "query_param": [ - "1", - "1" - ] + "query_id": "stage_liveness_" + time, + "query_param": query_param }, "query_cache": 0, "query_count": [ - "sub_total", "total" ], "query_format": "echarts", @@ -854,14 +1017,16 @@ $(function () { "social_typename" ] } + + }).then((response) => { const resData = JSON.parse(response.data.result) - console.log("resData112", resData); + console.log(resData, 'ph'); const xAxisName = resData.groups[0].map((e, i) => { return e.replace("唐山市", "") }) const legendData = resData.groups[1] - + console.log(resData); let series = [] resData.groups[1].map((e, i) => { series.push({ @@ -871,18 +1036,18 @@ $(function () { barMaxWidth: 20, }) }) - console.log(xAxisName, "xAxisName"); - resData.datas2[0].map((e, i) => { - console.log(e, i); - $("#" + "huodongnum" + Number(i + 1)).html(e) - }) + + + // let phHtml = "" + // resData.datas2[0].map((e, i) => { + // phHtml += ` + //
${e}
活跃度
` + // }) + // $("#huoyuedu").html(phHtml) - // console.log("xAxisName", xAxisName); - // console.log("legendData", legendData); - // console.log("series", series); var myChart = echarts.init(document.getElementById('r2')); // 各阶段学校数量 option = { @@ -960,6 +1125,41 @@ $(function () { }) + axios({ + ...axiosConf, + data: { + "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab", + "query": { + "query_id": "stage_liveness_total_" + time, + "query_param": query_param1 + }, + "query_cache": 0, + "query_count": [ + "total" + ], + "query_format": "json", + "query_group": [ + "org_name" + ] + } + + + + }).then((response) => { + const resData = JSON.parse(response.data.result) + console.log(resData, 'ph1'); + + let phHtml = "" + resData.map((e, i) => { + phHtml += ` +
${e.total}
活跃度
` + }) + $("#huoyuedu").html(phHtml) + + + + + }) } }) diff --git a/html/resource.html b/html/resource.html index 283898b..2fb8b1a 100644 --- a/html/resource.html +++ b/html/resource.html @@ -14,9 +14,9 @@

- 唐山开平教育大数据中心 + 唐山开平教育大数据中心

- 互动课堂教育运行监测 + 互动课堂教育运行监测 网络学习空间运行监测 资源共建共享运行监测
@@ -130,7 +130,7 @@ 资源推荐
-
+
diff --git a/html/space.html b/html/space.html index 1eb88dd..b4527ca 100644 --- a/html/space.html +++ b/html/space.html @@ -14,9 +14,9 @@

- 唐山开平教育大数据中心 + 唐山开平教育大数据中心

- 互动课堂教育运行监测 + 互动课堂教育运行监测 网络学习空间运行监测 资源共建共享运行监测
@@ -25,9 +25,9 @@
- 本月 - 本年 - 全部 + 本月 + 本年 + 全部
    @@ -46,16 +46,16 @@
-
+
- 登录人数 - 登录次数 + 登录人数 + 登录次数
@@ -197,7 +197,7 @@
- +
  • @@ -214,15 +214,16 @@
    学校主题活动开展情况监测
    • - - + + - +
    @@ -285,29 +286,29 @@ - 德育 - 溯古风诗韵养灵性诗情 - 2323 +   +   +   - 德育 - 溯古风诗韵养灵性诗情 - 2323 +   +   +   - 德育 - 溯古风诗韵养灵性诗情 - 2323 +   +   +   - 德育 - 溯古风诗韵养灵性诗情 - 2323 +   +   +   - 德育 - 溯古风诗韵养灵性诗情 - 2323 +   +   +   @@ -357,20 +358,18 @@
    空间建设活跃度排行榜
    -
    - + - - 小学 -
    +
    -
    +

    活跃度

    活跃度

    活跃度