107 lines
3.3 KiB
HTML
107 lines
3.3 KiB
HTML
<title>邮件统计</title>
|
|
|
|
<div class="layui-card layadmin-header">
|
|
<div class="layui-breadcrumb" lay-filter="breadcrumb">
|
|
<a lay-href="">主页</a>
|
|
<a><cite>邮件管理</cite></a>
|
|
<a><cite>邮件统计</cite></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-fluid">
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-sm3">
|
|
<div class="layuiadmin-card-elem">
|
|
<div class="layuiadmin-stat-card bg-blue">
|
|
<div class="stat-number" id="totalEmails">-</div>
|
|
<div class="stat-desc">总邮件数</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-sm3">
|
|
<div class="layuiadmin-card-elem">
|
|
<div class="layuiadmin-stat-card bg-green">
|
|
<div class="stat-number" id="todayEmails">-</div>
|
|
<div class="stat-desc">今日发送</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-sm3">
|
|
<div class="layuiadmin-card-elem">
|
|
<div class="layuiadmin-stat-card bg-orange">
|
|
<div class="stat-number" id="monthEmails">-</div>
|
|
<div class="stat-desc">本月发送</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-sm3">
|
|
<div class="layuiadmin-card-elem">
|
|
<div class="layuiadmin-stat-card bg-red">
|
|
<div class="stat-number" id="unclaimedEmails">-</div>
|
|
<div class="stat-desc">未领取</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-row layui-col-space15" style="margin-top: 20px;">
|
|
<div class="layui-col-sm3">
|
|
<div class="layuiadmin-card-elem">
|
|
<div class="layuiadmin-stat-card bg-cyan">
|
|
<div class="stat-number" id="rewardEmails">-</div>
|
|
<div class="stat-desc">已领取</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.layuiadmin-card-elem {
|
|
padding: 15px;
|
|
}
|
|
.layuiadmin-stat-card {
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
.bg-blue { background: #1E90FF; }
|
|
.bg-green { background: #32CD32; }
|
|
.bg-orange { background: #FF8C00; }
|
|
.bg-red { background: #FF4500; }
|
|
.bg-cyan { background: #00CED1; }
|
|
.stat-number {
|
|
font-size: 32px;
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
}
|
|
.stat-desc {
|
|
font-size: 14px;
|
|
opacity: 0.9;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
layui.use(['admin', 'form'], function(){
|
|
var $ = layui.$
|
|
, admin = layui.admin
|
|
, setter = layui.setter;
|
|
|
|
admin.req({
|
|
method: "get",
|
|
url: setter.baseurl + "adminapi/adminuser/GetEmailStatistics",
|
|
dataType: "json",
|
|
done: function (res) {
|
|
if (res.code === 0 && res.data) {
|
|
var data = res.data;
|
|
$('#totalEmails').text(data.totalEmails || 0);
|
|
$('#todayEmails').text(data.todayEmails || 0);
|
|
$('#monthEmails').text(data.monthEmails || 0);
|
|
$('#unclaimedEmails').text(data.unclaimedEmails || 0);
|
|
$('#rewardEmails').text(data.rewardEmails || 0);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script> |