|
|
|
|
@ -4,14 +4,14 @@
|
|
|
|
|
top: 0px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.jsrc {
|
|
|
|
|
background: -webkit-linear-gradient(left, #fdaf46, #fd9d43, #fd7b3e, #fe693a);
|
|
|
|
|
/*.jsrc {
|
|
|
|
|
background: -webkit-linear-gradient(left, #fd9396, #fd7f8a, #ff7182, #fe6f80);
|
|
|
|
|
|
|
|
|
|
background: -o-linear-gradient(left, #fdaf46, #fd9d43, #fd7b3e, #fe693a);
|
|
|
|
|
background: -o-linear-gradient(left, #fd9396, #fd7f8a, #ff7182, #fe6f80);
|
|
|
|
|
|
|
|
|
|
background: -moz-linear-gradient(left, #fdaf46, #fd9d43, #fd7b3e, #fe693a);
|
|
|
|
|
background: -moz-linear-gradient(left, #fd9396, #fd7f8a, #ff7182, #fe6f80);
|
|
|
|
|
|
|
|
|
|
background: -ms-linear-gradient(left, #fdaf46, #fd9d43, #fd7b3e, #fe693a);
|
|
|
|
|
background: -ms-linear-gradient(left, #fd9396, #fd7f8a, #ff7182, #fe6f80);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.jstd {
|
|
|
|
|
@ -22,20 +22,23 @@
|
|
|
|
|
background: -moz-linear-gradient(left, #11c5ff, #1fb3ff, #3695ff, #4483ff);
|
|
|
|
|
|
|
|
|
|
background: -ms-linear-gradient(left, #11c5ff, #1fb3ff, #3695ff, #4483ff);
|
|
|
|
|
}
|
|
|
|
|
}*/
|
|
|
|
|
|
|
|
|
|
.jsrc, .jstd {
|
|
|
|
|
padding: 50px 0;
|
|
|
|
|
width: 12%;
|
|
|
|
|
float: left;
|
|
|
|
|
margin-left: 4%;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
color: white;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.jsrc p:nth-child(1), .jstd p:nth-child(1) {
|
|
|
|
|
font-size: 3rem;
|
|
|
|
|
.jsrc div.layui-col-md8 > p:nth-child(1), .jstd div.layui-col-md8 > p:nth-child(1) {
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.jsrc p:nth-child(2), .jstd p:nth-child(2) {
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
.jsrc div.layui-col-md8 > p:nth-child(2), .jstd div.layui-col-md8 > p:nth-child(2) {
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 992px) {
|
|
|
|
|
@ -65,50 +68,98 @@
|
|
|
|
|
id="allDate">
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span class="layui-icon" style="font-weight:bold;">校园动态授权码:121qwe</span>
|
|
|
|
|
|
|
|
|
|
<span class="iconfont" style="font-weight:bold;">校园动态授权码:121qwe</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-row" style="font-weight:bold;margin-left: 4%;">今日数据</div>
|
|
|
|
|
<div class="layui-row" style="font-weight:bold;margin: 30px 4%;">今日数据</div>
|
|
|
|
|
<div class="layui-row" style="margin: 20px 0;" id="title_view">
|
|
|
|
|
<div class="jsrc" style="width: 17%;float: left;margin-left: 4%;">
|
|
|
|
|
<p>0</p>
|
|
|
|
|
<span class="iconfont"></span>
|
|
|
|
|
<p>竞赛人数</p>
|
|
|
|
|
<div class="jsrc" style="background-color: #ff7a70">
|
|
|
|
|
<div class="layui-col-md4">
|
|
|
|
|
<i class="iconfont" style="font-size: 4rem"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-col-md8 jsrc1" style="text-align: right">
|
|
|
|
|
<p>注册用户数</p>
|
|
|
|
|
<p style="margin-top: 20px;">15302</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jstd" style="background-color: #f5cb43">
|
|
|
|
|
<div class="layui-col-md4">
|
|
|
|
|
<i class="iconfont" style="font-size: 4rem"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-col-md8" style="text-align: right">
|
|
|
|
|
<p>登录人数</p>
|
|
|
|
|
<p style="margin-top: 20px;">123544</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jsrc" style="background-color: #cba43f">
|
|
|
|
|
<div class="layui-col-md4">
|
|
|
|
|
<i class="iconfont" style="font-size: 4rem"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-col-md8 jsrc1" style="text-align: right">
|
|
|
|
|
<p>登录人次</p>
|
|
|
|
|
<p style="margin-top: 20px;">554454</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jstd" style="width: 17%;float: left;margin-left: 2%;">
|
|
|
|
|
<p>0</p>
|
|
|
|
|
<p>竞赛团队</p>
|
|
|
|
|
<div class="jstd" style="background-color: #fd9e2d">
|
|
|
|
|
<div class="layui-col-md4">
|
|
|
|
|
<i class="iconfont" style="font-size: 4rem"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jsrc" style="width: 17%;float: left;margin-left: 2%;">
|
|
|
|
|
<p>0</p>
|
|
|
|
|
<p>竞赛人数</p>
|
|
|
|
|
<div class="layui-col-md8 jsrc1" style="text-align: right">
|
|
|
|
|
<p>案例数量</p>
|
|
|
|
|
<p style="margin-top: 20px;">85</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jstd" style="width: 17%;float: left;margin-left: 2%;">
|
|
|
|
|
<p>0</p>
|
|
|
|
|
<p>竞赛团队</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jsrc" style="width: 17%;float: left;margin-left: 2%;">
|
|
|
|
|
<p>0</p>
|
|
|
|
|
<p>竞赛人数</p>
|
|
|
|
|
<div class="jsrc" style="background-color: #648cff">
|
|
|
|
|
<div class="layui-col-md4">
|
|
|
|
|
<i class="iconfont" style="font-size: 4rem"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-col-md8 jsrc1" style="text-align: right">
|
|
|
|
|
<p>视频数量</p>
|
|
|
|
|
<p style="margin-top: 20px;">502</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-row" style="margin: 20px 0;" id="title_view1">
|
|
|
|
|
<div class="jsrc" style="width: 17%;float: left;margin-left: 4%;">
|
|
|
|
|
<p>0</p>
|
|
|
|
|
<p>竞赛人数</p>
|
|
|
|
|
<div class="jsrc" style="background-color: #38b8ba">
|
|
|
|
|
<div class="layui-col-md4">
|
|
|
|
|
<i class="iconfont" style="font-size: 4rem"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-col-md8 jsrc1" style="text-align: right">
|
|
|
|
|
<p>题库数量</p>
|
|
|
|
|
<p style="margin-top: 20px;">6020</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jstd" style="background-color: #7f83f7">
|
|
|
|
|
<div class="layui-col-md4">
|
|
|
|
|
<i class="iconfont" style="font-size: 4rem"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-col-md8 jsrc1" style="text-align: right">
|
|
|
|
|
<p>院校数量</p>
|
|
|
|
|
<p style="margin-top: 20px;">105</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jsrc" style="background-color: #93cb3f">
|
|
|
|
|
<div class="layui-col-md4">
|
|
|
|
|
<i class="iconfont" style="font-size: 4rem"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-col-md8 jsrc1" style="text-align: right">
|
|
|
|
|
<p>上线课程数</p>
|
|
|
|
|
<p style="margin-top: 20px;">204</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jstd" style="width: 17%;float: left;margin-left: 2%;">
|
|
|
|
|
<p>0</p>
|
|
|
|
|
<p>竞赛团队</p>
|
|
|
|
|
<div class="jstd" style="background-color: #307db0">
|
|
|
|
|
<div class="layui-col-md4">
|
|
|
|
|
<i class="iconfont" style="font-size: 4rem"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jsrc" style="width: 17%;float: left;margin-left: 2%;">
|
|
|
|
|
<p>0</p>
|
|
|
|
|
<p>竞赛人数</p>
|
|
|
|
|
<div class="layui-col-md8 jsrc1" style="text-align: right">
|
|
|
|
|
<p>上线应用数</p>
|
|
|
|
|
<p style="margin-top: 20px;">15</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jstd" style="width: 17%;float: left;margin-left: 2%;">
|
|
|
|
|
<p>0</p>
|
|
|
|
|
<p>竞赛团队</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-row" style="font-weight:bold;margin: 4% 0 0 4%;">院校省份数量分布</div>
|
|
|
|
|
<!-- 为 ECharts 准备一个定义了宽高的 DOM，必须定义宽高才可以显示 -->
|
|
|
|
|
<div style="width: 100%;height: 300px" id="monitor"></div>
|
|
|
|
|
<!--<div style="margin: 1% 4%;width: 92%;margin-bottom: 60px;">
|
|
|
|
|
<table id="rankingTable" lay-filter="rankingTable"></table>
|
|
|
|
|
</div>-->
|
|
|
|
|
@ -118,7 +169,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<!--#}-->
|
|
|
|
|
<!--#} -->
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="${ctxPath}/plugins/echarts.min_4.8.0.js?v=${jsVer}"></script>
|
|
|
|
|
<script>
|
|
|
|
|
layui.define(['form', 'element', 'laytpl', 'table', 'laydate'], function (exports) {
|
|
|
|
|
var form = layui.form;
|
|
|
|
|
@ -126,6 +177,7 @@
|
|
|
|
|
var table = layui.table;
|
|
|
|
|
var element = layui.element;
|
|
|
|
|
var laydate = layui.laydate;
|
|
|
|
|
|
|
|
|
|
$("select[name='competitionId'] option:eq(0)").prop("selected", "selected");
|
|
|
|
|
form.render();
|
|
|
|
|
/*loadInfo($("select[name='competitionId']").val());*/
|
|
|
|
|
@ -137,6 +189,58 @@
|
|
|
|
|
, type: 'datetime'
|
|
|
|
|
, range: true
|
|
|
|
|
});
|
|
|
|
|
//echarts.use([TooltipComponent, GridComponent, BarChart, CanvasRenderer]);
|
|
|
|
|
|
|
|
|
|
var chartDom = document.getElementById('monitor');
|
|
|
|
|
var myChart = echarts.init(chartDom);
|
|
|
|
|
var option;
|
|
|
|
|
option = {
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
axisPointer: {
|
|
|
|
|
type: 'shadow'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
grid: {
|
|
|
|
|
left: '3%',
|
|
|
|
|
right: '4%',
|
|
|
|
|
bottom: '3%',
|
|
|
|
|
containLabel: true
|
|
|
|
|
},
|
|
|
|
|
xAxis: [
|
|
|
|
|
{
|
|
|
|
|
type: 'category',
|
|
|
|
|
data: ['京', '津', '冀', '内蒙古', '辽', '吉', '黑', '沪', '苏', '浙', '皖', '闽', '赣', '鲁', '豫', '鄂', '湘', '粤', '桂', '琼', '渝', '川', '贵', '云', '藏', '陕', '甘', '青', '宁', '新', '港', '澳', '台'],
|
|
|
|
|
axisTick: {
|
|
|
|
|
alignWithLabel: true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
yAxis: [
|
|
|
|
|
{
|
|
|
|
|
type: 'value'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
color: ['#5470c6'],
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
name: 'Direct',
|
|
|
|
|
type: 'bar',
|
|
|
|
|
barWidth: '60%',
|
|
|
|
|
data: [50, 48, 46, 45, 38, 36, 33, 30, 28, 26, 24, 20, 18, 16, 14, 13, 10, 5, 0, 0, 0,0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
|
|
|
label: {
|
|
|
|
|
normal: {
|
|
|
|
|
show: true,//开启显示
|
|
|
|
|
position: 'top',//柱形上方
|
|
|
|
|
textStyle: { //数值样式
|
|
|
|
|
color: '#000'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
option && myChart.setOption(option);
|
|
|
|
|
/*//选择大赛查询大赛排名动态
|
|
|
|
|
form.on('select(select_competition)', function (obj) {
|
|
|
|
|
loadInfo(obj.value);
|
|
|
|
|
|
姚丹ab
2 years ago