<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>toolschool</title>
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/bootstrap-table.css">
<link href="static/css/chartStyle.css" rel="stylesheet">
<style>
</style>
</head>
<body class="body-div">
<section class="all">
<div class="top-p"><label>选择类型：</label><select id="select" class="select-input"><option>按月</option><option>按周</option><option>按日</option></select></div>
<div class="chagen-div">
<!--月年级-->
<div class="chang-con" style="opacity:1; z-index: 999;">
<article class="art-con4">
<div class="art-up chart-bg">
<h4 class="art-h">本月监控人数</h4>
<p id="datanum" class="num-p">65890次</p></div>
<div class="art-dow chart-bg"><h4 class="art-h">本月监控匹配率</h4>
<div class="chart-left" style="width: 96%">
<p class="p-chart-man" id="gril"></p>
</div>
</div>
</article>
<article class="art-con2 chart-bg" style="height: 395px">
<h4 class="art-h">本月监控走势</h4>
<p class="chart-p" id="chart01"></p>
</article>
<article class="art-con1 chart-bg" style="height: 395px">
<h4 class="art-h">监控设备监控排名</h4>
<table id="tablem" border="0"></table>
</article>
<article class="art-con3 chart-bg">
<h4 class="art-h">监控记录</h4>
<p><select class="list-input scholList" id="mselct">
</select><input type="text" placeholder="输入姓名，学号" class="list-input" id="mNo"><select class="list-input" id="okm"><option value="">全部</option><option value="2">未成功</option><option value="1">成功</option></select><button onclick="findMouth()" class="lin-find">查询</button></p>
<table id="table2" border="0"></table>
</article>
</div>
<!--周年级-->
<div class="chang-con">
<article class="art-con4">
<div class="art-up chart-bg">
<h4 class="art-h">上周运动打卡人数</h4>
<p id="datanumw" class="num-p"></p></div>
<div class="art-dow chart-bg"><h4 class="art-h">上周学生打卡率</h4>
<div class="chart-left">
<p class="p-chart-man" id="grilw"></p>
<p class="lv-p"> 女</p>
</div>
<div class="chart-left">
<p class="p-chart-man" id="boyw"></p>
<p class="lv-p">男</p>
</div>
</div>
</article>
<article class="art-con2 chart-bg" style="height: 395px">
<h4 class="art-h">上周运动打卡趋势</h4>
<p class="chart-p" id="chart01w"></p>
</article>
<article class="art-con1 chart-bg" style="height: 395px">
<h4 class="art-h">运动达标班级排名</h4>
<table id="tablew"></table>
</article>
<article class="art-con3 chart-bg">
<h4 class="art-h">运动人员名单</h4>
<p><select class="list-input scholList" id="wselct">
</select><input type="text" placeholder="输入姓名，学号" class="list-input" id="wNo"><button onclick="findWeek()" class="lin-find">查询</button></p>
<table id="table2w" border="0"></table>
</article>
</div>
<!--日年级-->
<div class="chang-con">
<article class="art-con4">
<div class="art-up chart-bg">
<h4 class="art-h">今日运动打卡</h4>
<p id="datanumd" class="num-p"></p></div>
<div class="art-dow chart-bg"><h4 class="art-h">今日学生打卡率</h4>
<div class="chart-left">
<p class="p-chart-man" id="grild"></p>
<p class="lv-p"> 女</p>
</div>
<div class="chart-left">
<p class="p-chart-man" id="boyd"></p>
<p class="lv-p">男</p>
</div>
</div>
</article>
<article class="art-con2 chart-bg" style="height: 395px">
<h4 class="art-h">运动打卡学生班级分布</h4>
<p class="chart-p" id="chart01d"></p>
</article>
<article class="art-con1 chart-bg" style="height: 395px">
<h4 class="art-h">班级打卡率排名</h4>
<table id="tabled"></table>
</article>
</div>
</div>
</section>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/bootstrap-table.js"></script>
<script src="static/js/bootstrap-table-zh-CN.min.js"></script>
<script src="static/js/echarts.common.min.js"></script>
<script>
$(function () {
charGril();
char1();
tableList()
tablem();
})
// 运动辅导员月男、女生打卡率
function charGril() {
var myChart = echarts.init($("#gril")[0]);
option = {
color: ['#00aeff', '#19fffc'],
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
left: 'center',
data: ['成功','失败'],
textStyle: {
fontSize: 12,
color:"#fff"
},
},
series : [
{
name: '匹配结果',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
textStyle: {
fontSize: 12,
color:"#fff"
},
data:[
{value:33005, name:'成功'},
{value:310, name:'失败'},
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', function () {myChart.resize();})
};
// 获取辅导员月运动达标趋势
function char1() {
var myChart = echarts.init($("#chart01")[0]);
option = {
tooltip: {
trigger: 'axis'
},
legend: {
data:['匹配率小于20%','匹配率小于40%','匹配率小于60%','匹配率小于80%','匹配率小于100%'],
textStyle: {
fontSize: 12,
color:"#fff"
},
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: fals
Zp_demo.demohuo.top_150.rar （58个子文件） 
Zp_demo.demohuo.top_150 
AssistantRun.html 16KB index.html 2KB static css 
chartStyle.css 17KB bootstrap-table.css 7KB video.css 8KB bootstrap.min.css 116KB base.css 8KB zTreeStyle.css 6KB powerange.css 2KB image 
down_icon.png 1KB
zTreeStandard.gif 5KB up_icon.png 15KB home_icon.png 2KB line_conn.gif 45B zTreeStandard.png 11KB chart-bg.png 711KB sys_icon.png 2KB close-i.png 2KB table_icon.png 2KB aside-bg.png 2KB loading.gif 381B picture 16.png 19KB 01.png 18KB headLogo.png 23KB 14.png 18KB 02.png 18KB admin.png 428B
my.jpg 18KB 06.png 18KB sysset.png 2KB home.png 1KB anyais.png 2KB video.png 2KB 03.png 18KB 05.png 18KB data-ph.png 1KB 15.png 19KB js jquery.min.js 94KB user.js 2KB bootstrap-table.js 98KB jquery.ztree.all-3.5.min.js 61KB table.js 3KB bootstrap-table-zh-CN.min.js 853B bootstrap.min.js 35KB layer.js 15KB powerange.min.js 17KB echarts.common.min.js 459KB api.js 230B home.js 4KB font glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.eot 20KB set.html 1KB table.html 1KB user.html 1KB home.html 4KB playback.html 4KB资源评论
