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.
318 lines
16 KiB
318 lines
16 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="loading">
|
|
<div class="loadbox"> <img src="picture/loading.gif"> 页面加载中... </div>
|
|
</div>
|
|
<div class="head">
|
|
<h1 id="title_text" class="h1">
|
|
唐山开平教育大数据中心
|
|
</h1>
|
|
<a href="#" class="nav" style="color:#00F7FA">互动课堂教育运行监测</a>
|
|
<a href="#" class="nav sub">网络学习空间运行监测</a>
|
|
<a href="./kaipingziyuan.html" class="nav sub">资源共建共享运行监测</a>
|
|
</div>
|
|
<div class="switch-time">
|
|
<a href="#">本月</a>
|
|
<a href="#">本年</a>
|
|
<a href="#" class="act">全部</a>
|
|
</div>
|
|
<div class="mainbox">
|
|
<ul class="clearfix">
|
|
<li>
|
|
<div class="boxall" style="height: 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="overflow: hidden;float: left; color: aqua;width: 100%;">
|
|
<div style="overflow: hidden;float: left;padding:0 10px">总访问量：<span id="fwSum"></span></div>
|
|
<div style="overflow: hidden;float: left;padding:0 10px">总关注量：<span id="gzSum"></span></div>
|
|
</div>
|
|
<div style="height: 100%;" id="l1"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall" style="height: 4.5rem">
|
|
<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="kjzyjs">
|
|
<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: #0590A1;"></div>
|
|
<div class="progress" style="background-color: #00ffff;width: 50%;"></div>
|
|
<div id="progressbar"></div>
|
|
</div>
|
|
<div style="width: 100%;">
|
|
累计统计： 教师发布213条 占比 56%
|
|
</div>
|
|
<div style="width: 90%; position: relative;">
|
|
<div class="progress" style="background-color: #24796B;"></div>
|
|
<div class="progress" style="background-color: #43DF8F;width: 50%;"></div>
|
|
</div>
|
|
累计统计： 教师发布213条 占比 56%
|
|
</div>
|
|
<div class="kjzyjs-right">
|
|
空间累计<br>534
|
|
</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: #978E59;"></div>
|
|
<div class="progress" style="background-color: #FAD361;width: 50%;"></div>
|
|
</div>
|
|
<div style="width: 100%;">
|
|
累计统计： 教师发布213条 占比 56%
|
|
</div>
|
|
<div style="width: 90%; position: relative;">
|
|
<div class="progress" style="background-color: #256AA0;"></div>
|
|
<div class="progress" style="background-color: #3FB0F7;width: 50%;"></div>
|
|
</div>
|
|
累计统计： 教师发布213条 占比 56%
|
|
</div>
|
|
<div class="kjzyjs-right">
|
|
空间累计
|
|
</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"></div>
|
|
<div class="progress"></div>
|
|
</div>
|
|
<div style="width: 100%;">
|
|
累计统计： 教师发布213条 占比 56%
|
|
</div>
|
|
<div style="width: 90%; position: relative;">
|
|
<div class="progress"></div>
|
|
<div class="progress"></div>
|
|
</div>
|
|
累计统计： 教师发布213条 占比 56%
|
|
</div>
|
|
<div class="kjzyjs-right">
|
|
<div style="line-height: 20px;padding-top: 10px;">
|
|
空间累计<br>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"></div>
|
|
<div class="progress"></div>
|
|
</div>
|
|
<div style="width: 100%;">
|
|
累计统计： 教师发布213条 占比 56%
|
|
</div>
|
|
<div style="width: 90%; position: relative;">
|
|
<div class="progress"></div>
|
|
<div class="progress"></div>
|
|
</div>
|
|
累计统计： 教师发布213条 占比 56%
|
|
</div>
|
|
<div class="kjzyjs-right">
|
|
空间累计<br>534
|
|
</div>
|
|
</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" style="position: relative; " id="xuezhi">
|
|
<select id="mySelect" class="select">
|
|
<option>全部</option>
|
|
<option>小学</option>
|
|
<option>初中</option>
|
|
<option>高中</option>
|
|
</select>
|
|
<a class="tabslect-item act" id="l2_xiaoxue" href="javascript:void(0)">登录人数</a>
|
|
<a class="tabslect-item act" id="l2_xiaoxue" href="javascript:void(0)">登录次数</a>
|
|
</div>
|
|
<div style="height: 88%;" id="c1"></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: 2.5rem">
|
|
<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="c2"></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: 2.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: 90%; width: 40%;float: left;" id="c3"></div>
|
|
<!-- <div class="zhutipaihang-title">主题活动冠军排行榜</div> -->
|
|
<!-- <div style="height: 49%;" id="echart2"></div> -->
|
|
<!-- <div style="height: 49%;" id="echart22"></div> -->
|
|
<div class="r2paihang">
|
|
<div class="title" rowspan="6">主题活动冠军排行榜</div>
|
|
<table class="tg">
|
|
<thead>
|
|
<tr>
|
|
<td class="tg-0pky">活动类型</td>
|
|
<td class="tg-0pky">活动名称</td>
|
|
<td class="tg-0pky">参与人数</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-0pky">德育</td>
|
|
<td class="tg-0pky">溯古风诗韵养灵性诗情</td>
|
|
<td class="tg-0pky">2323</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-0pky">德育</td>
|
|
<td class="tg-0pky">溯古风诗韵养灵性诗情</td>
|
|
<td class="tg-0pky">2323</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-0pky">德育</td>
|
|
<td class="tg-0pky">溯古风诗韵养灵性诗情</td>
|
|
<td class="tg-0pky">2323</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-0pky">德育</td>
|
|
<td class="tg-0pky">溯古风诗韵养灵性诗情</td>
|
|
<td class="tg-0pky">2323</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-0pky">德育</td>
|
|
<td class="tg-0pky">溯古风诗韵养灵性诗情</td>
|
|
<td class="tg-0pky">2323</td>
|
|
</tr>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="boxall" style="height:6rem">
|
|
<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" style="position: relative; " id="xuezhi">
|
|
<select id="mySelect" class="select">
|
|
<option>小学</option>
|
|
<option>初中</option>
|
|
</select>
|
|
<a class="tabslect-item act" id="l2_xiaoxue" href="javascript:void(0)">小学</a>
|
|
</div>
|
|
<div style="height: 100%;" class="kongjian-r1-class">
|
|
<div style="clear: both;float: left;width: 80%;height: 90%;float: left;" id="r1"></div>
|
|
<div style="float: left;" class="zongshu">
|
|
<div class="huoyue"><span>604</span><br>活跃度</div>
|
|
<div class="huoyue"><span>604</span><br>活跃度</div>
|
|
<div class="huoyue"><span>604</span><br>活跃度</div>
|
|
<div class="huoyue"><span>604</span><br>活跃度</div>
|
|
<div class="huoyue"><span>604</span><br>活跃度</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:2.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="overflow: hidden;float: left; color: aqua;width: 100%;">
|
|
<select id="mySelect" class="select">
|
|
<option>小学</option>
|
|
<option>初中</option>
|
|
</select>
|
|
</div>
|
|
<div style="height: 90%;clear: both;" id="r2"></div>
|
|
<!-- <div style="height: 49%;" id="echart4"></div> -->
|
|
<!-- <div style="height: 49%;" id="echart44"></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 src="js/axios.min.js"></script>
|
|
<script src="js/echarts.min.js"></script>
|
|
<script src="js/script.js"></script>
|
|
<script src="js/space.js"></script>
|
|
</body>
|
|
</html> |