parent
0f17eb652c
commit
eba451e51b
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,428 @@
|
||||
<!--
|
||||
* @Description 文件描述
|
||||
* @Author zhangming
|
||||
* @Date 2021-02-03 13:55:16
|
||||
* @LastEditTime 2021-03-08 13:45:45
|
||||
* @LastEditors zhangming
|
||||
-->
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>大数据汇聚与管理系统</title>
|
||||
<script type="text/javascript" src="js/jquery.js"></script>
|
||||
<link rel="stylesheet" href="css/comon0.css">
|
||||
<link rel="stylesheet" href="css/kaiping.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="./css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./css/font-awesome.min.css">
|
||||
|
||||
|
||||
<script src="js/jquery-2.1.1.min.js"></script>
|
||||
<script src="js/nav.js"></script>
|
||||
<script src="js/axios.min.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
background: url(./images/bg2.jpg);
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
</head>
|
||||
<script>
|
||||
$(window).load(function () {
|
||||
$(".loading").fadeOut()
|
||||
})
|
||||
|
||||
/****/
|
||||
$(document).ready(function () {
|
||||
var whei = $(window).width()
|
||||
$("html").css({ fontSize: whei / 20 })
|
||||
$(window).resize(function () {
|
||||
var whei = $(window).width()
|
||||
$("html").css({ fontSize: whei / 20 })
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript" src="js/echarts.min.js"></script>
|
||||
<script language="JavaScript" src="js/kaipingkongjian.js"></script>
|
||||
|
||||
<body>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in new issue