You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
309 lines
14 KiB
309 lines
14 KiB
<!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> |