Tenlion/bt-yjj-system-examination-signup
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
7a252476ee
bt-yjj-system-examination-s.../src/main/resources/templates/index2.html

227 lines
9.0 KiB
HTML
Raw Normal View History

培训机构统计页面完结
2021-05-12 15:00:00 +08:00
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<base th:href="${#request.getContextPath() + '/'}">
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css"/>
<link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
<style>
.layui-badge {height: auto;}
.layui-card-header {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.count-second-row {padding-bottom: 0px;}
应急局统计页面
2021-05-12 16:56:30 +08:00
.A0002{
background: #F6A645;
text-align: center;
height:120px;
width:100%;
}
.A0002_1{
float: left;
height:120px;
line-height: 120px;
margin-left: 30px;
}
.A0002_2{
text-align: center;
position: absolute;
padding-top: 35px;
width: 100%;
height: 100%;
}
.A0002_2 div {
line-height:32px;
margin-left: 30px;
color:rgba(255, 255, 255, 1);
}
.A0002_1 i{
font-weight: 700;
font-size: 80px;
transform:translate(-50%,-50%);
/*display: inline-block;*/
/*position: absolute;*/
/*top: 80%;*/
/*left: 10%;*/
/*transform: translate(0, -50%)*/
}
培训机构统计页面完结
2021-05-12 15:00:00 +08:00
</style>
</head>
<body>
<div id="LAY-app" class="layui-fluid">
<div class="layui-row layui-col-space15">
<div class="layui-col-sm12 layui-col-md12">
<div class="layui-row layui-col-space15">
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
应急局统计页面
2021-05-12 16:56:30 +08:00
培训机构
<span class="layui-badge layui-bg-green layuiadmin-badge">所</span>
培训机构统计页面完结
2021-05-12 15:00:00 +08:00
</div>
<div class="layui-card-body layuiadmin-card-list">
<p id="applyAllNum" class="layuiadmin-big-font">0</p>
</div>
</div>
</div>
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
应急局统计页面
2021-05-12 16:56:30 +08:00
考试机构
<span class="layui-badge layui-bg-blue layuiadmin-badge">所</span>
培训机构统计页面完结
2021-05-12 15:00:00 +08:00
</div>
<div class="layui-card-body layuiadmin-card-list">
<p id="classPlanNum" class="layuiadmin-big-font">0</p>
</div>
</div>
</div>
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
应急局统计页面
2021-05-12 16:56:30 +08:00
考务人员
<span class="layui-badge layui-bg-cyan layuiadmin-badge">位</span>
培训机构统计页面完结
2021-05-12 15:00:00 +08:00
</div>
<div class="layui-card-body layuiadmin-card-list" style="height: 100%">
<p id="lessonsNum" class="layuiadmin-big-font">0</p>
</div>
</div>
</div>
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
应急局统计页面
2021-05-12 16:56:30 +08:00
工种
<span class="layui-badge layui-bg-orange layuiadmin-badge">个</span>
培训机构统计页面完结
2021-05-12 15:00:00 +08:00
</div>
<div class="layui-card-body layuiadmin-card-list">
<p id="teacherNum" class="layuiadmin-big-font">0</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-sm6 layui-col-md6">
<div class="layui-card">
<div class="layui-card-header" style="overflow: visible">近七天报名情况
<!--<div class="layui-inline search-item layui-form" style="position: absolute;right: 15px;top: 7px;">-->
<!--<select id="applyClassId" name="applyClassId">-->
<!--</select>-->
<!--</div>-->
</div>
<div class="layui-card-body">
<div id="applyEChart" style="width: 100%; height: 300px;"></div>
</div>
</div>
</div>
<div class="layui-col-sm6 layui-col-md6">
应急局统计页面
2021-05-12 16:56:30 +08:00
<a href="javascript:void(0);" lay-href="/route/examcheck/list.html" lay-open-type="1">
<div class="A0002" style="background-color: rgba(142,249,27,0.8)">
<div class="A0002_1">
<i class="layui-icon layui-icon-edit" style="color:rgba(251, 250, 241, 1);"></i>
</div>
<div class="A0002_2">
<div style="font-size:22px; ">开班计划审核</div>
<div style="font-size:35px; font-weight: bold; " id="shenQingNumber">0</div>
</div>
培训机构统计页面完结
2021-05-12 15:00:00 +08:00
</div>
应急局统计页面
2021-05-12 16:56:30 +08:00
</a>
<a href="javascript:void(0);" lay-href="/route/examapply/list.html" lay-open-type="1">
<div class="A0002" style="background-color: rgba(32,209,194,0.8)">
<div class="A0002_1">
<i class="layui-icon layui-icon-tabs" style="color:rgba(251, 250, 241, 1);"></i>
</div>
<div class="A0002_2" >
<div style="font-size:22px; ">考试信息分配</div>
<div style="font-size:35px; font-weight: bold; " id="kaoChangNumber">0</div>
</div>
</div>
</a>
<a href="javascript:void(0);" lay-href="/route/examapply/list-check.html" lay-open-type="1">
<div class="A0002" style="background-color: rgba(65,200,255,0.8)">
<div class="A0002_1">
<i class="layui-icon layui-icon-date" style="color:rgba(251, 250, 241, 1);"></i>
</div>
<div class="A0002_2" >
<div style="font-size:22px; ">考试申请审核</div>
<div style="font-size:35px; font-weight: bold;" id="kaoShiNumber">0</div>
</div>
</div>
</a>
培训机构统计页面完结
2021-05-12 15:00:00 +08:00
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-sm6 layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">培训计划类型占比</div>
<div class="layui-card-body">
<div id="planEChart" style="width: 100%; height: 300px;"></div>
</div>
</div>
</div>
<div class="layui-col-sm6 layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">培训课程占比</div>
<div class="layui-card-body">
<div id="classEChart" style="width: 100%; height: 300px;"></div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="assets/js/vue.min.js"></script>
<script type="text/javascript" src="assets/js/vendor/echarts/echarts.min.js"></script>
<script src="assets/layuiadmin/layui/layui.js"></script>
<script>
layui.config({
base: 'assets/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'animate-numbers', 'form'], function() {
var $ = layui.$;
var $win = $(window);
var form = layui.form;
new Vue({
el: '#LAY-app',
data: {
teacherEChart:null,
applyEChart:null,
planEChart:null,
classEChart:null,
resizeTimeout: null,
applyAllNum: 0,
classPlanNum: 0,
lessonsNum: 0,
teacherNum: 0,
selectedApplyClassId: '99',
optionsList: []
},
methods: {
},
mounted: function() {
var self = this;
// 事件 - 页面变化
$win.on('resize', function() {
if(self.resizeTimeout) {
return;
}
self.resizeTimeout = setTimeout(function() {
self.resizeTimeout = null;
}, 500);
});
}
})
});
</script>
</body>
</html>
Reference in New Issue Copy Permalink