web
/
kpdsj
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
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.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '79578e2561'
${ noResults }
kpdsj/html/index.html

485 lines
25 KiB
Raw Blame History

<!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="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="./class.html" class="nav">互动课堂教育运行监测</a>
<a href="./space.html" class="nav sub">网络学习空间运行监测</a>
</div>
<div class="header-right">
<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 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>
Reference in new issue View Git Blame Copy Permalink