parent
7d686fcd25
commit
79578e2561
@ -0,0 +1,309 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>大数据汇聚与管理系统</title>
|
||||
<link rel="stylesheet" href="./css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="css/comon0.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
|
||||
<body class="sub-page">
|
||||
|
||||
<div class="head">
|
||||
<h1 id="title_text" class="h1">
|
||||
<a href="index.html" style="color: white;margin-top:0.1rem">唐山开平教育大数据中心</a>
|
||||
</h1>
|
||||
<a href="#" class="nav" style="color:#00F7FA">互动课堂教育运行监测</a>
|
||||
<a href="./space.html" class="nav sub">网络学习空间运行监测</a>
|
||||
<a href="./resource.html" class="nav sub">资源共建共享运行监测</a>
|
||||
<div class="header-right">
|
||||
<span id="clock"></span>
|
||||
<a href="" class="exit"><img src="./images/exit.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="switch-time">
|
||||
<a href="javascript:void(0)" id="switch_day">本月</a>
|
||||
<a href="javascript:void(0)" id="switch_month">本年</a>
|
||||
<a href="javascript:void(0)" class="act" id="switch_all">全部</a>
|
||||
</div>
|
||||
<div class="mainbox">
|
||||
<ul class="clearfix">
|
||||
<li>
|
||||
<div class="boxall" style="height: 2.7rem">
|
||||
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
|
||||
<div class="title">互动课堂教学访问情况监测</div>
|
||||
</div>
|
||||
<!-- <div style="overflow: hidden;float: left; color: aqua;width: 100%;"> -->
|
||||
|
||||
<div class="tabslect" id="l1_xuezhi">
|
||||
<select id="hdktfw" class="select">
|
||||
<option value="0">全部</option>
|
||||
<option value="1">小学</option>
|
||||
<option value="2">初中</option>
|
||||
<option value="3">高中</option>
|
||||
</select>
|
||||
|
||||
<a class="tabslect-item act" id="l1_hdkt" href="javascript:void(0)">互动课堂</a>
|
||||
<a class="tabslect-item " id="l1_lxxt" href="javascript:void(0)">理想学堂</a>
|
||||
</div>
|
||||
<div style="height: 95%;" id="l1"></div>
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
<div class="boxall" style="height: 2.7rem">
|
||||
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
|
||||
<div class="title">平台访客情况监测</div>
|
||||
</div>
|
||||
|
||||
<div style="height: 95%;" id="l2"></div>
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
<div class="boxall" style="height: 2.1rem">
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
<div class="title">学生应用情况监测</div>
|
||||
</div>
|
||||
|
||||
<div class="qingkuang2">
|
||||
<div style="width: 36%; float: left;">
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_zuoye.svg" alt=""></span>提问</div>
|
||||
<div class="num"><span id="kttiwenmonth">0</span>/<span id="kttiwentotal">0</span></div>
|
||||
<div class="text">当前统计 / 历史累计</div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_shijuan.svg" alt=""></span>抢答</div>
|
||||
<div class="num"><span id="ktqiangdamonth">0</span>/<span id="ktqiangdatotal">0</span></div>
|
||||
<div class="text">当前统计 / 历史累计</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bigNumber" style="margin-top: 0.4rem;">
|
||||
<div class="bigNumber-l">
|
||||
<span class="bigNum numF" id="ktnowtotal">0 </span>项<br>
|
||||
当前统计/历史统计
|
||||
</div>
|
||||
<div class="bigNumber-r">
|
||||
<span class="bigNum numF" id="kttotal">0</span>项
|
||||
</div>
|
||||
<div class="bigNumber-r" style="margin-top:25px">
|
||||
学习任务总量
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 36%; float: left;">
|
||||
<div class="Number">
|
||||
<div class="ico" style="float: right;"><span><img src="./images/ico_zhuti.svg" alt=""></span>投票</div>
|
||||
<div class="num"><span id="kttoupiaomonth">0</span>/<span id="kttoupiaototal">0</span></div>
|
||||
<div class="text">当前统计 / 历史累计</div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico" style="float: right;"><span><img src="./images/ico_weike.svg" alt=""></span>图片</div>
|
||||
<div class="num"><span id="kttupianmonth">0</span>/<span id="kttupiantotal">0</span></div>
|
||||
<div class="text">当前统计 / 历史累计</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="boxfoot"></div>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="boxall" style="height: 3rem">
|
||||
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
|
||||
<div class="title">互动课堂资源汇总</div>
|
||||
</div>
|
||||
|
||||
<div class="tabslect" id="l1_xuezhi">
|
||||
<select id="c1_xueduan" class="select">
|
||||
|
||||
<option value="0">全部</option>
|
||||
<option value="1">小学</option>
|
||||
<option value="2">初中</option>
|
||||
<option value="3">高中</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div class="ketanghz">
|
||||
|
||||
<div class="bigNumber">
|
||||
<div class="bigNumber-l">
|
||||
<span class="bigNum numF">65487</span><br>本月资源数量
|
||||
</div>
|
||||
<div class="bigNumber-r">
|
||||
<span class="bigNum numF">622487</span><br>资源总数量
|
||||
</div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
|
||||
<div class="ico"><span><img src="./images/ico_zuoye.svg" alt=""></span>作业练习</div>
|
||||
<div class="num">124/324</div>
|
||||
<div class="text">本月资源数量 / 资源总数量</div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_shijuan.svg" alt=""></span>试题试卷</div>
|
||||
<div class="num">124/324</div>
|
||||
<div class="text">本月资源数量 / 资源总数量</div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_zhuti.svg" alt=""></span>主题活动</div>
|
||||
<div class="num">124/324</div>
|
||||
<div class="text">本月资源数量 / 资源总数量</div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_weike.svg" alt=""></span>微课资源</div>
|
||||
<div class="num">124/324</div>
|
||||
<div class="text">本月资源数量 / 资源总数量</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div style="height: 49%;" id="echart2"></div> -->
|
||||
<!-- <div style="height: 49%;" id="echart22"></div> -->
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
<div class="boxall" style="height: 5.4rem">
|
||||
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
|
||||
<div class="title">互动课堂应用情况监测</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div style="height: 55%;" id="c3"></div>
|
||||
<div style="height: 50%;" id="c4"></div>
|
||||
|
||||
<!-- <div style="height: 49%;" id="echart2"></div> -->
|
||||
<!-- <div style="height: 49%;" id="echart22"></div> -->
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<div class="boxall" style="height:3.3rem">
|
||||
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
|
||||
<div class="title">互动课堂教学应用时长监测</div>
|
||||
</div>
|
||||
|
||||
<div class="tabslect" id="l1_xuezhi">
|
||||
<select id="r1_xueduan" class="select">
|
||||
|
||||
<option value="0">全部</option>
|
||||
<option value="1">小学</option>
|
||||
<option value="2">初中</option>
|
||||
<option value="3">高中</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="height: 100%;clear: both;" id="r1"></div>
|
||||
|
||||
<!-- <div style="height: 49%;" id="echart4"></div> -->
|
||||
<!-- <div style="height: 49%;" id="echart44"></div> -->
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
<div class="boxall" style="height:5.2rem">
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
|
||||
<div class="title">互动课堂应用排行榜</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="tabslect" id="r2_paihang" style="position: relative;">
|
||||
|
||||
<a class="tabslect-item act" id="r2_zysc" href="javascript:void(0)">资源上传</a>
|
||||
<a class="tabslect-item" id="r2_zyxz" href="javascript:void(0)">资源下载</a>
|
||||
</div> -->
|
||||
<div class="paihang">
|
||||
<h3><img src="./images/title_t_ico.svg" class="title-ico" />教师榜</h3>
|
||||
<div id="gjgx_js_paihang">
|
||||
<div class="loader">
|
||||
<div class="loader-inner ball-pulse">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="jigou-paihang">
|
||||
<h3><img src="./images/title_j_ico.svg" class="title-ico" />教师榜 TOP10</h3>
|
||||
<div id="gjgx_jg_paihang" class="classpaihang">
|
||||
<div class="loader">
|
||||
<div class="loader-inner ball-pulse">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<script src="js/jquery-2.1.1.min.js"></script>
|
||||
<script src="js/nav.js"></script>
|
||||
<script src="js/axios.min.js"></script>
|
||||
<script src="js/echarts.min.js"></script>
|
||||
<script src="js/script.js"></script>
|
||||
<script src="js/class.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 727 B |
|
After Width: | Height: | Size: 983 B |
|
After Width: | Height: | Size: 157 KiB |
|
After Width: | Height: | Size: 635 B |
|
After Width: | Height: | Size: 1.0 KiB |
@ -1,37 +1,485 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>大数据汇聚与管理系统</title>
|
||||
<link rel="stylesheet" href="./css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="css/loaders.css">
|
||||
<link rel="stylesheet" href="css/comon0.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
|
||||
<body class="main-page">
|
||||
<div class="loading">
|
||||
<div class="loadbox"> <img src="picture/loading.gif"> 页面加载中... </div>
|
||||
</div>
|
||||
<div class="head">
|
||||
<h1 id="title_text" class="h1">
|
||||
唐山开平教育大数据中心
|
||||
<a href="index.html" style="color: white;">唐山开平教育大数据中心</a>
|
||||
</h1>
|
||||
<div class="header-left">
|
||||
<a href="./kaipingkongjian.html" class="nav">互动课堂教育运行监测</a>
|
||||
<a href="javascript:void(0)" class="nav sub">网络学习空间运行监测</a>
|
||||
</div>
|
||||
<a href="./class.html" class="nav">互动课堂教育运行监测</a>
|
||||
<a href="./space.html" class="nav sub">网络学习空间运行监测</a>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<a href="javascript:void(0)" class="nav sub" style="color:#00F7FA">资源共建共享运行监测</a>
|
||||
<a href="./resource.html" class="nav sub" style="color:#00F7FA">资源共建共享运行监测</a>
|
||||
<a href="" class="exit"><img src="./images/exit.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainbox">
|
||||
<ul class="clearfix">
|
||||
<li style="width: 33%;">
|
||||
|
||||
<div class="boxall" style="height: 2.1rem">
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
<div class="title">互动课堂应用情况监测</div>
|
||||
</div>
|
||||
|
||||
<div class="qingkuang2">
|
||||
<div style="width: 36%; float: left;">
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_zuoye.svg" alt=""></span>提问</div>
|
||||
<div class="num"><span id="kttiwenmonth">0</span>/<span id="kttiwentotal">0</span></div>
|
||||
<div class="text">当前统计 / 历史累计</div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_shijuan.svg" alt=""></span>抢答</div>
|
||||
<div class="num"><span id="ktqiangdamonth">0</span>/<span id="ktqiangdatotal">0</span></div>
|
||||
<div class="text">当前统计 / 历史累计</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bigNumber" style="margin-top: 0.4rem;">
|
||||
<div class="bigNumber-l">
|
||||
<span class="bigNum numF" id="ktnowtotal">0 </span>项<br>
|
||||
当前统计/历史统计
|
||||
</div>
|
||||
<div class="bigNumber-r">
|
||||
<span class="bigNum numF" id="kttotal">0</span>项
|
||||
</div>
|
||||
<div class="bigNumber-r" style="margin-top:25px">
|
||||
学习任务总量
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 36%; float: left;">
|
||||
<div class="Number">
|
||||
<div class="ico" style="float: right;"><span><img src="./images/ico_zhuti.svg" alt=""></span>投票</div>
|
||||
<div class="num"><span id="kttoupiaomonth">0</span>/<span id="kttoupiaototal">0</span></div>
|
||||
<div class="text">当前统计 / 历史累计</div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico" style="float: right;"><span><img src="./images/ico_weike.svg" alt=""></span>图片</div>
|
||||
<div class="num"><span id="kttupianmonth">0</span>/<span id="kttupiantotal">0</span></div>
|
||||
<div class="text">当前统计 / 历史累计</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
<div class="boxall" style="height: 2.1rem">
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
<div class="title">资源共建共享建设情况监测</div>
|
||||
</div>
|
||||
|
||||
<div class="qingkuang2" style="background-image:url(./images/q3.svg);">
|
||||
<div style="width: 34%; float: left;">
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_zuoye.svg" alt=""></span>教学资源</div>
|
||||
<div class="num"><span id="zyjxtotalmonth">0</span>/<span id="zyjxtotal">0</span></div>
|
||||
<div class="text">本月累计/ 累计总量</div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_shijuan.svg" alt=""></span>微课资源</div>
|
||||
<div class="num"><span id="zywktotalmonth">0</span>/<span id="zywktotal">0</span></div>
|
||||
<div class="text">本月累计/ 累计总量</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bigNumber" style="margin-top: 0.4rem;width: 31%;">
|
||||
<div class="bigNumber-l">
|
||||
<span class="bigNum numF" id="zynowtotal">0 </span>项<br>当前统计/历史统计
|
||||
</div>
|
||||
<div class="bigNumber-r">
|
||||
<span class="bigNum numF" id="zytotal">0 </span>项
|
||||
</div>
|
||||
<div class="bigNumber-r" style="margin-top:25px">
|
||||
资源共建共享建设总量
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 34%; float: left;">
|
||||
<div class="Number">
|
||||
<div class="ico" style="float: right;"><span><img src="./images/ico_zhuti.svg"
|
||||
alt=""></span>试题资源</div>
|
||||
<div class="num"><span class="zytoupiaomonth">0</span>/<span class="zytoupiaototal">0</span></div>
|
||||
<div class="text">当前统计 / 历史累计</div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico" style="float: right;"><span><img src="./images/ico_weike.svg"
|
||||
alt=""></span>试卷资源</div>
|
||||
<div class="num"><span class="zytoupiaomonth">0</span>/<span class="zytoupiaototal">0</span></div>
|
||||
<div class="text">当前统计 / 历史累计</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
<div class="boxall" style="height: 3.77rem;">
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
<div class="title">主题活动建设情况检测</div>
|
||||
</div>
|
||||
<div class="qyzyhzjc i-zthdjc">
|
||||
<div class="item">
|
||||
<div class="num">
|
||||
<span id="l3Hot">0</span><br>热门活动
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="num">
|
||||
<span id="l3Total">0</span><br>累计开展
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="i-zthdjc-jd" id="zthdjcNr">
|
||||
<div class="i-zthdjc-list">
|
||||
<div class="name">德育</div>
|
||||
<div class="jd">
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
</div>
|
||||
<div class="num"><span class="total">19</span> / <span class="percen">15.23%</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li style="width: 40%;">
|
||||
<div class="boxall" style="height: 6.4rem">
|
||||
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
|
||||
<div class="title">辖区平台运行监测</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div style="height: 25%;" id="c1" class="index-c1">
|
||||
<div>
|
||||
<span class="num">0</span> <br><span>当前学校总数(所)</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="num">0</span> <br><span>当前学生总数</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="num">0</span> <br><span>当前教师总数</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="num">0</span> <br><span>本月访问总人数</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 50%; position: relative;">
|
||||
<img src="./images/map.png" alt="">
|
||||
<div class="i-c2-map">
|
||||
<h3>今日活跃热度汇总</h3>
|
||||
<div>
|
||||
今日登录人数：<span id="mapLogin"></span> 人<br>
|
||||
今日资源上传：<span id="mapUpload"></span> 个<br>
|
||||
今日活动开展：<span id="mapActivity"></span> 个<br>
|
||||
今日资源浏览数：<span id="mapBrowse"></span> 个
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
<div class="boxall" style="height: 1.9rem;border: 0;">
|
||||
|
||||
|
||||
|
||||
<div class="ketanghz indexc2">
|
||||
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_zuoye.svg" alt=""></span><div>资源上传</div></div>
|
||||
<div class="num"><span id="zyupload_monthnum">0</span>/<span id="zyupload_total">0</span></div>
|
||||
<div class="text"><span>本月资源上传</span>/<span>平台总数量</span></div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_zuoye.svg" alt=""></span><div>课堂在线</div></div>
|
||||
<div class="num"><span id="ketang_monthnum">0</span>/<span id="ketang_total">0</span></div>
|
||||
<div class="text"><span>本月在线量</span>/<span>平台总在线量</span></div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_zuoye.svg" alt=""></span><div>空间文章</div></div>
|
||||
<div class="num"><span id="kongjian_monthnum">0</span>/<span id="kongjian_total">0</span></div>
|
||||
<div class="text"><span>本月上传数量</span>/<span>平台总数量</span></div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_zuoye.svg" alt=""></span><div>资源下载</div></div>
|
||||
<div class="num"><span id="zydown_monthnum">0</span>/<span id="zydown_total">0</span></div>
|
||||
<div class="text"><span>本月资源下载</span>/<span>平台总数量</span></div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_zuoye.svg" alt=""></span><div>学堂在线</div></div>
|
||||
<div class="num"><span id="xtzx_monthnum">0</span>/<span id="xtzx_total">0</span></div>
|
||||
<div class="text"><span>本月在线量</span>/<span>平台总在线量</span></div>
|
||||
</div>
|
||||
<div class="Number">
|
||||
<div class="ico"><span><img src="./images/ico_zuoye.svg" alt=""></span><div>主题活动</div></div>
|
||||
<div class="num"><span id="huodong_monthnum">0</span>/<span id="huodong_total">0</span></div>
|
||||
<div class="text"><span>本月上传数量</span>/<span>平台总数量</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div style="height: 49%;" id="echart2"></div> -->
|
||||
<!-- <div style="height: 49%;" id="echart22"></div> -->
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</li>
|
||||
<li style="width: 27%;">
|
||||
<div class="boxall" style="height:2.8rem">
|
||||
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
|
||||
<div class="title">平台访问情况监测</div>
|
||||
</div>
|
||||
|
||||
<div class="index-fw" style="margin-top:0.1rem">
|
||||
<span style="padding: 0 0.25rem;">总在线访问量：</span><span class="num" id="r1total">2345465</span>
|
||||
</div>
|
||||
<div class="index-fw-content">
|
||||
<div>
|
||||
<div class="num"><span id="monthMax"></span><br><span class="text">月最高访问量</span></div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="num"><span id="yearMax"></span><br><span class="text">年最高访问量</span></div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="num"><span id="monthAverage"></span><br><span class="text">月平均访问量</span></div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="num"><span id="yearAverage"></span><br><span class="text">年平均访问量</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- <div style="height: 49%;" id="echart4"></div> -->
|
||||
<!-- <div style="height: 49%;" id="echart44"></div> -->
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
<div class="boxall" style="height: 5.4rem">
|
||||
<div class="alltitle">
|
||||
<div class="line-l"></div>
|
||||
<div class="line-r"></div>
|
||||
<div class="border-lt"></div>
|
||||
<div class="border-lb"></div>
|
||||
<div class="border-tr"></div>
|
||||
<div class="border-br"></div>
|
||||
<div class="title">空间资源建设情况统计</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tabslect" id="r2_time">
|
||||
|
||||
|
||||
<a class="tabslect-item" id="r2_day" href="javascript:void(0)">本月</a>
|
||||
<a class="tabslect-item " id="r2_month" href="javascript:void(0)">本年</a>
|
||||
<a class="tabslect-item act" id="r2_all" href="javascript:void(0)">全部</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="kjzyjs i-kjzyjs" style="margin-top:0.5rem">
|
||||
<div class="kjzyjs-left">
|
||||
|
||||
<img src="./images/wzfb.svg" width="30" alt="">
|
||||
<br>文章发布
|
||||
</div>
|
||||
<div class="kjzyjs-center">
|
||||
<div style="width: 90%; position: relative;">
|
||||
<div class="progress" style="background-color: #00ffff50;"></div>
|
||||
<div class="progress" style="background-color: #00ffff;width: 0;" id="wenzhangTloading">
|
||||
</div>
|
||||
<div id="progressbar"></div>
|
||||
</div>
|
||||
<div style="width: 100%;">
|
||||
累计统计： 教师发布<span id="wenzhangTNum"></span>条 占比 <span id="wenzhangTAcc"></span>
|
||||
</div>
|
||||
<div style="width: 90%; position: relative;">
|
||||
<div class="progress" style="background-color: #43df8f50;"></div>
|
||||
<div class="progress" style="background-color: #43df8f;width: 0;" id="wenzhangSloading">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
累计统计： 学生发布<span id="wenzhangSNum"></span>条 占比 <span id="wenzhangSAcc"></span>
|
||||
</div>
|
||||
|
||||
<div class="kjzyjs-right">
|
||||
<div>空间累计</div>
|
||||
<div id="num1">534</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kjzyjs">
|
||||
<div class="kjzyjs-left">
|
||||
|
||||
<img src="./images/xcsc.svg" width="30" alt="">
|
||||
<br>相册上传
|
||||
</div>
|
||||
<div class="kjzyjs-center">
|
||||
<div style="width: 90%; position: relative;">
|
||||
<div class="progress" style="background-color: #d5b75f50;"></div>
|
||||
<div class="progress" style="background-color: #d5b75f;width: 0;" id="xiangceTloading">
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 100%;">
|
||||
累计统计： 教师发布<span id="xiangceTNum"></span>条 占比 <span id="xiangceTAcc"></span>
|
||||
</div>
|
||||
<div style="width: 90%; position: relative;">
|
||||
<div class="progress" style="background-color: #d57b5f50;"></div>
|
||||
<div class="progress" style="background-color: #d57b5f;width: 0;" id="xiangceSloading">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
累计统计： 学生发布<span id="xiangceSNum"></span>条 占比 <span id="xiangceSAcc"></span>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="kjzyjs-right">
|
||||
<div>空间累计</div>
|
||||
<div id="num2">534</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kjzyjs">
|
||||
<div class="kjzyjs-left">
|
||||
|
||||
<img src="./images/fkly.svg" width="30" alt="">
|
||||
<br>访客留言
|
||||
</div>
|
||||
<div class="kjzyjs-center">
|
||||
<div style="width: 90%; position: relative;">
|
||||
<div class="progress" style="background-color: #be5a6650;"></div>
|
||||
<div class="progress" style="background-color: #be5a66;width: 0;" id="liuyanTloading">
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 100%;">
|
||||
累计统计： 教师发布<span id="liuyanTNum"></span>条 占比 <span id="liuyanTAcc"></span>
|
||||
</div>
|
||||
<div style="width: 90%; position: relative;">
|
||||
<div class="progress" style="background-color: #d174a650;"></div>
|
||||
<div class="progress" style="background-color: #d174a6;width: 0;" id="liuyanSloading">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
累计统计： 学生发布<span id="liuyanSNum"></span>条 占比 <span id="liuyanSAcc"></span>
|
||||
</div>
|
||||
|
||||
<div class="kjzyjs-right">
|
||||
<div>空间累计</div>
|
||||
<div id="num3">534</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kjzyjs">
|
||||
<div class="kjzyjs-left">
|
||||
|
||||
<img src="./images/zthd.svg" width="30" alt="">
|
||||
<br>主题活动
|
||||
</div>
|
||||
<div class="kjzyjs-center">
|
||||
<div style="width: 90%; position: relative;">
|
||||
<div class="progress" style="background-color: #8e72e750;"></div>
|
||||
<div class="progress" style="background-color: #8e72e7;width: 0;" id="huodongTloading">
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 100%;">
|
||||
累计统计： 教师发布<span id="huodongTNum"></span>条 占比 <span id="huodongTAcc"></span>
|
||||
</div>
|
||||
<div style="width: 90%; position: relative;">
|
||||
<div class="progress" style="background-color: #509cf150;"></div>
|
||||
<div class="progress" style="background-color: #509cf1;width: 0;" id="huodongSloading">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
累计统计： 学生发布<span id="huodongSNum"></span>条 占比 <span id="huodongSAcc"></span>
|
||||
</div>
|
||||
|
||||
<div class="kjzyjs-right">
|
||||
<div>空间累计</div>
|
||||
<div id="num4">534</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="boxfoot"></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div class="back"></div>
|
||||
<div class="bgDiv"></div>
|
||||
<script src="js/jquery-2.1.1.min.js"></script>
|
||||
<script src="js/nav.js"></script>
|
||||
<script type="text/javascript" src="js/md5.min.js"></script>
|
||||
<!--<script type="text/javascript" src="js/echarts.min.js"></script>-->
|
||||
<script src="js/axios.min.js"></script>
|
||||
<script src="js/echarts.min.js"></script>
|
||||
<script type="text/javascript" src="js/script.js"></script>
|
||||
<script src="js/indexData.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@ -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 += ` <div class="i-zthdjc-list">
|
||||
<div class="name">${res.topic_name}</div>
|
||||
<div style="width:${percen}rem;overflow-x:hidden;">
|
||||
<div class="jd">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width:2.4rem;overflow-x:hidden;left: 89px;position: absolute;">
|
||||
<div class="jd">
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
<div class="off"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="num"><span class="total">${res.total}</span> / <span class="percen">${percen1}</span></div>
|
||||
</div>`
|
||||
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 += `<div>
|
||||
<span class="num">${e.total}</span> <br><span>${e.item}</span>
|
||||
</div>`
|
||||
|
||||
})
|
||||
$("#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 });
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in new issue