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.

238 lines
11 KiB

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>唐山开平教育大数据中心 - 资源共建共享运行监测</title>
<link rel="stylesheet" href="css/comon0.css">
<link rel="stylesheet" href="./css/font-awesome.min.css">
<link rel="stylesheet" href="css/loaders.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="./space.html" class="nav sub">网络学习空间运行监测</a>
<a href="javascript:void(0)" class="nav sub" style="color:#00F7FA">资源共建共享运行监测</a>
<div class="header-right">
<span id="clock"></span>
<a href="javascript:void(0)" onclick="fullScreen()" id="fullScreen" class="exit"><img src="./images/fullScreen.svg"></a>
<a href="javascript:void(0)" onclick="exitScreen()" id="exitScreen" style="display: none;" class="exit"><img src="./images/exitScreen.svg"></a>
<a href="javascript:void(0)" onclick="exit()" id="exit" class="exit"><img src="./images/exit.svg"></a>
</div>
</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 style="width:34%">
<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="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: 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="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 style="width:30%">
<div class="boxall" style="height: 3.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 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.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="qyzyhzjjc" style="width: 95%;">
<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>
<a class="tabslect-item" id="l1_loginrs" href="resource_sub.html" style="float: right;">查看详情</a>
</div>
</div>
<div class="qyzyhzjc" id="qyzyhzjc" style="height:1.8rem">
<div class="loader">
<div class="loader-inner ball-pulse">
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<div style="height:3rem;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 style="width:36%">
<div class="boxall" style="height:3.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="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.9rem">
<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; margin-bottom:0.07rem">
<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" />教师榜</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 src="js/jquery-2.1.1.min.js"></script>
<script src="js/nav.js"></script>
<script src="js/md5.min.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/resource.js"></script>
</body>
</html>