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/space.html

397 lines
18 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="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.html" class="nav">互动课堂教育运行监测</a>
<a href="#" class="nav sub" style="color:#00F7FA">网络学习空间运行监测</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_month">本月</a>
<a href="javascript:void(0)" id="switch_year">本年</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: 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 class="tabslect" id="l1_xuezhi">
<select id="djfwqkxz" 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_loginrs" href="javascript:void(0)">登录人数</a>
<a class="tabslect-item " id="l1_logincs" href="javascript:void(0)">登录次数</a>
</div>
<div style="height: 95%;" 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: #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>
<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 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 style="height: 95%;" 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: 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 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>
</thead>
<tbody id="huodongtable">
<tr>
<td class="tg-0pky">&nbsp;</td>
<td class="tg-0pky">&nbsp;</td>
<td class="tg-0pky">&nbsp;</td>
</tr>
<tr>
<td class="tg-0pky">&nbsp;</td>
<td class="tg-0pky">&nbsp;</td>
<td class="tg-0pky">&nbsp;</td>
</tr>
<tr>
<td class="tg-0pky">&nbsp;</td>
<td class="tg-0pky">&nbsp;</td>
<td class="tg-0pky">&nbsp;</td>
</tr>
<tr>
<td class="tg-0pky">&nbsp;</td>
<td class="tg-0pky">&nbsp;</td>
<td class="tg-0pky">&nbsp;</td>
</tr>
<tr>
<td class="tg-0pky">&nbsp;</td>
<td class="tg-0pky">&nbsp;</td>
<td class="tg-0pky">&nbsp;</td>
</tr>
</tbody>
</table>
</div>
<div class="boxfoot"></div>
</div>
</li>
<li>
<div class="boxall" style="height:3.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="tabslect" id="xuezhi">
<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%;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: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="tabslect" id="r2_xuezhi">
<select id="kjjshyd" class="select">
<option value="0">全部</option>
<option value="1">小学</option>
<option value="2">初中</option>
<option value="3">高中</option>
</select>
</div>
<div style="height: 100%;" class="kongjian-r1-class">
<div style="clear: both;float: left;width: 85%;height: 100%;float: left;" id="r2"></div>
<div class="zongshu" id="huoyuedu">
<div class="huoyue"><span id="huodongnum1"></span><br>活跃度</div>
<div class="huoyue"><span id="huodongnum2"></span><br>活跃度</div>
<div class="huoyue"><span id="huodongnum3"></span><br>活跃度</div>
<div class="huoyue"><span id="huodongnum4"></span><br>活跃度</div>
<div class="huoyue"><span id="huodongnum5"></span><br>活跃度</div>
</div>
</div>
<!-- <div style="height: 49%;" id="echart4"></div> -->
<!-- <div style="height: 49%;" id="echart44"></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/space.js"></script>
</body>
</html>
Reference in new issue View Git Blame Copy Permalink