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.

292 lines
11 KiB

<!--
* @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/font-awesome.min.css">
<link rel="stylesheet" href="css/loaders.css">
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/nav.js"></script>
<style type="text/css">
body {
background: url(./images/bg2.jpg);
}
.loader{
width:1rem ;
height:1rem ;
position: absolute ;
top:50%;
left:50%;
transfrom:translate(-50%,-50%);
}
</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/md5.min.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/kaipingziyuan.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="./kaipingkongjian.html" class="nav">互动课堂教育运行监测</a>
<a href="javascript:void(0)" class="nav sub">网络学习空间运行监测</a>
<a href="javascript:void(0)" class="nav sub" style="color:#00F7FA">资源共建共享运行监测</a>
</div>
<div class="switch-time" id="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: 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="zyjsqkjc">
<a class="tabslect-item act" id="zyjsqkjc_zysc" href="javascript:void(0)">资源上传</a>
<a class="tabslect-item" id="zyjsqkjc_aygx" href="javascript:void(0)">资源共享</a>
</div>
<div style="height: 90%;" id="l1"></div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: 5.05rem;">
<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%;margin-bottom: 0.07rem;margin-left: 0;">
<div class="tabslect" style="position: relative; " id="xuezhi">
<a class="tabslect-item act" id="l2_xiaoxue" href="javascript:void(0)">小学</a>
<a class="tabslect-item" id="l2_chuzhong" href="javascript:void(0)">初中</a>
<a class="tabslect-item" id="l2_gaozhong" href="javascript:void(0)">高中</a>
</div>
</div>
<div id="zyph">
<div class="loader">
<div class="loader-inner ball-pulse">
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<div class="boxfoot"></div>
</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 style="height: 100%;" 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: 5.05rem">
<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="qyzyhzjjc">
<a class="tabslect-item act" id="qyzyhzjjc_zysc" href="javascript:void(0)">资源上传</a>
<a class="tabslect-item" id="qyzyhzjjc_zyxz" href="javascript:void(0)">资源下载</a>
<a class="tabslect-item" id="qyzyhzjjc_zygx" href="javascript:void(0)">资源共享</a>
<a class="tabslect-item" id="qyzyhzjjc_zytj" href="javascript:void(0)">资源推荐</a>
</div>
</div>
<div class="qyzyhzjc" id="qyzyhzjc">
<div class="loader">
<div class="loader-inner ball-pulse">
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<div style="height:2.8rem;clear: both;" id="c2"></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: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 class="tabslect" id="zyyyqkjc">
<a class="tabslect-item act" href="javascript:void(0)" id="zyyyqkjc_zyxz">资源下载</a>
<a class="tabslect-item" href="javascript:void(0)" id="zyyyqkjc_zytj">资源推荐</a>
</div>
<div style="height: 90%;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.55rem">
<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">
<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>
<div class="back"></div>
<div class="bgDiv"></div>
<script>
// var pageIndex = ["BasicEducation", "BaseEduMEduData", "runningConditions"];
</script>
<!-- <script src="js/menu.js"></script> -->
<!-- <script src="./js/sidebar-menu.js"></script> -->
<script>
// $("body").delegate("#", "zyjsqkjc_zysc", function (e) {
// console.log(11);
// })
</script>
</body>
</html>