应急局统计页面

This commit is contained in:
ly19960718 2021-05-12 16:56:30 +08:00
parent 536a619b12
commit 3dc67cd8ce
3 changed files with 76 additions and 15 deletions

View File

@ -12,7 +12,7 @@
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
</head>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-anim layui-anim-fadein">
<div class="layui-card">
<div class="layui-card-header">
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">

View File

@ -12,7 +12,7 @@
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
</head>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-anim layui-anim-fadein">
<div class="layui-card">
<div class="layui-card-header">
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">

View File

@ -13,6 +13,40 @@
.layui-badge {height: auto;}
.layui-card-header {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.count-second-row {padding-bottom: 0px;}
.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%)*/
}
</style>
</head>
<body>
@ -25,8 +59,8 @@
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
报名数量
<span class="layui-badge layui-bg-green layuiadmin-badge"></span>
培训机构
<span class="layui-badge layui-bg-green layuiadmin-badge"></span>
</div>
<div class="layui-card-body layuiadmin-card-list">
<p id="applyAllNum" class="layuiadmin-big-font">0</p>
@ -36,8 +70,8 @@
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
培训计划数量
<span class="layui-badge layui-bg-blue layuiadmin-badge"></span>
考试机构
<span class="layui-badge layui-bg-blue layuiadmin-badge"></span>
</div>
<div class="layui-card-body layuiadmin-card-list">
<p id="classPlanNum" class="layuiadmin-big-font">0</p>
@ -47,8 +81,8 @@
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
课程数量
<span class="layui-badge layui-bg-cyan layuiadmin-badge"></span>
考务人员
<span class="layui-badge layui-bg-cyan layuiadmin-badge"></span>
</div>
<div class="layui-card-body layuiadmin-card-list" style="height: 100%">
<p id="lessonsNum" class="layuiadmin-big-font">0</p>
@ -58,8 +92,8 @@
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
讲师
<span class="layui-badge layui-bg-orange layuiadmin-badge"></span>
工种
<span class="layui-badge layui-bg-orange layuiadmin-badge"></span>
</div>
<div class="layui-card-body layuiadmin-card-list">
<p id="teacherNum" class="layuiadmin-big-font">0</p>
@ -85,12 +119,39 @@
</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="teacherEChart" style="width: 100%; height: 300px;"></div>
<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>
</div>
</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>
</div>
</div>
<div class="layui-row layui-col-space15">