manghe/app/admin/view/Statistics/dataStand.html
2025-03-21 18:43:39 +08:00

313 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{include file="Public:header2"/}
<style>
.s-row {
margin-top: 5px;
margin-bottom: 5px;
}
</style>
<body>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-row">
<div class="layui-col-xs6">
<div class="layui-card">
<div class="layui-card-header" style="background-color: yellow;">
总注册人数:
<span style="color: red;">
{$userCount}
</span>
</div>
<div class="layui-card-body" style="padding: 0px;">
<div class="layui-row">
<div class="layui-col-xs6" style="padding: 0px 5px;background-color: #393D49;">
<div class="layui-card" style="background-color: #393D49;color: #fff;">
<div class="layui-card-header" style="color: #fff;">用户注册数据</div>
<div class="layui-card-body">
<div class="layui-row s-row ">
<div class="layui-col-xs6">
今日新增用户: <span class="layui-badge layui-bg-gray">{$user_today}</span>
</div>
<div class="layui-col-xs6">
昨日新增用户: <span
class="layui-badge layui-bg-gray">{$user_yesterday}</span>
</div>
</div>
<div class="layui-row s-row ">
<div class="layui-col-xs6">
本周新增用户: <span
class="layui-badge layui-bg-gray">{$user_this_week}</span>
</div>
<div class="layui-col-xs6">
上周新增用户: <span
class="layui-badge layui-bg-gray">{$user_last_week}</span>
</div>
</div>
<div class="layui-row s-row ">
<div class="layui-col-xs6">
本月新增用户: <span
class="layui-badge layui-bg-gray">{$user_this_month}</span>
</div>
<div class="layui-col-xs6">
上月新增用户: <span
class="layui-badge layui-bg-gray">{$user_last_month}</span>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6" style="padding: 0px 5px;background-color: #009688;">
<div class="layui-card" style="background-color: #009688;color: #fff;">
<div class="layui-card-header" style="color: #fff;">用户充值数据</div>
<div class="layui-card-body">
<div class="layui-row s-row ">
<div class="layui-col-xs6">
今日充值金额: <span
class="layui-badge layui-bg-gray">{$order_today}</span>
</div>
<div class="layui-col-xs6">
昨日充值金额: <span
class="layui-badge layui-bg-gray">{$order_yesterday}</span>
</div>
</div>
<div class="layui-row s-row ">
<div class="layui-col-xs6">
本周充值金额: <span
class="layui-badge layui-bg-gray">{$order_this_week}</span>
</div>
<div class="layui-col-xs6">
上周充值金额: <span
class="layui-badge layui-bg-gray">{$order_last_week}</span>
</div>
</div>
<div class="layui-row s-row ">
<div class="layui-col-xs6">
本月充值金额: <span
class="layui-badge layui-bg-gray">{$order_this_month}</span>
</div>
<div class="layui-col-xs6">
上月充值金额: <span
class="layui-badge layui-bg-gray">{$order_last_month}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6">
<div class="layui-card">
<div class="layui-card-header" style="background-color: #2F3F56;color: #fff;">
消费与虚拟货币
<span style="color: red;">
</span>
</div>
<div class="layui-card-body" style="padding: 0px;">
<div class="layui-row">
<div class="layui-col-xs6" style="padding: 0px 5px;background-color: #21A0BF;">
<div class="layui-card" style="background-color: #21A0BF;color: #fff;">
<div class="layui-card-header" style="color: #fff;">消费数据RMB/全部)</div>
<div class="layui-card-body">
<div class="layui-row s-row ">
<div class="layui-col-xs6">
今日消费人数: <span
class="layui-badge layui-bg-gray">{$rmb_consume_today}/{$consume_today}</span>
</div>
<div class="layui-col-xs6">
昨日消费人数: <span
class="layui-badge layui-bg-gray">{$rmb_consume_yesterday}/{$consume_yesterday}</span>
</div>
</div>
<div class="layui-row s-row ">
<div class="layui-col-xs6">
本周消费人数: <span
class="layui-badge layui-bg-gray">{$rmb_consume_this_week}/{$consume_this_week}</span>
</div>
<div class="layui-col-xs6">
上周消费人数: <span
class="layui-badge layui-bg-gray">{$rmb_consume_last_week}/{$consume_last_week}</span>
</div>
</div>
<div class="layui-row s-row ">
<div class="layui-col-xs6">
本月消费人数: <span
class="layui-badge layui-bg-gray">{$rmb_consume_this_month}/{$consume_this_month}</span>
</div>
<div class="layui-col-xs6">
上月消费人数: <span
class="layui-badge layui-bg-gray">{$rmb_consume_last_month}/{$consume_last_month}</span>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6" style="padding: 0px 5px;background-color: #FF5722;">
<div class="layui-card" style="background-color: #FF5722;color: #fff;">
<div class="layui-card-header" style="color: #fff;">虚拟货币统计</div>
<div class="layui-card-body">
<div class="layui-row s-row ">
<div class="layui-col-xs6">
今日余额消费: <span
class="layui-badge layui-bg-gray">{$money_today}</span>
</div>
<div class="layui-col-xs6">
今日余额发放: <span
class="layui-badge layui-bg-gray">{$money_recovery_today}</span>
</div>
</div>
<div class="layui-row s-row ">
<div class="layui-col-xs6">
今日积分消费: <span
class="layui-badge layui-bg-gray">{$score_today}</span>
</div>
<div class="layui-col-xs6">
今日消费卷抵扣: <span
class="layui-badge layui-bg-gray">{$coupon_today}</span>
</div>
</div>
<div class="layui-row s-row ">
<div class="layui-col-xs6">
昨日积分消费: <span
class="layui-badge layui-bg-gray">{$score_yesterday}</span>
</div>
<!-- <div class="layui-col-xs6">
昨日余额消费: <span
class="layui-badge layui-bg-gray">{$money_yesterday}</span>
</div> -->
<div class="layui-col-xs6">
昨日余额发放: <span
class="layui-badge layui-bg-gray">{$money_recovery_yesterday}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-xs6">
<div class="layui-card">
<div class="layui-card-header" style="text-align:center;background-color: #7C98CB;">
今日收入汇总
</div>
<div class="layui-card-body" style="padding: 0px;">
<table class="layui-table">
<colgroup>
<col width="150">
<col>
</colgroup>
<tbody>
<tr>
<td>订单收入:</td>
<td>{$order_zhe_total}(收入不包含折扣,不包含优惠卷)</td>
</tr>
<tr>
<td>RMB收入</td>
<td>{$order_today}</td>
</tr>
<tr>
<td>其他收入:</td>
<td>{$profit_rvenue}</td>
</tr>
<tr>
<td>订单出货:</td>
<td>{$order_goodslist_money}</td>
</tr>
<tr>
<td>支出</td>
<td>{$profit_expenses}</td>
</tr>
<tr>
<td>订单笔数:</td>
<td>{$order_count}</td>
</tr>
<tr>
<td>发数:</td>
<td>{$order_goodslist_count}</td>
</tr>
<tr>
<td>利润:</td>
<td>{$order_lirun}</td>
</tr>
<tr>
<td>利润计算方式:</td>
<td>收入+其它收入-出货-支出=当日利润</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="layui-col-xs6">
<div class="layui-card">
<div class="layui-card-header" style="text-align:center;background-color:darkorange;">
今日毛利统计
</div>
<div class="layui-card-body" style="padding: 0px;">
<table class="layui-table">
<colgroup>
<col width="50%">
<col>
</colgroup>
<tbody>
<tr>
<td>今日毛利:{$order_lirun}</td>
<td>昨日毛利:{$order_lirun_yester}</td>
</tr>
<tr>
<td>本周毛利:{$order_lirun_week}</td>
<td>上周毛利:{$order_lirun_last_week}</td>
</tr>
<tr>
<td>本月毛利:{$order_zhe_total_month}</td>
<td>上月毛利:{$order_lirun_last_month}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
{include file="Public:footer"/}
<script type="text/javascript">
layui.use(['layer', 'laydate', 'table'], function () {
var $ = layui.$;
//执行一个laydate实例
var laydate = layui.laydate;
laydate.render({
elem: '#addtime'
, type: 'datetime'
, range: true
});
// laydate.render({
// elem: '#endtime'
// // , type: 'datetime'
// // , range: true
// });
})
</script>
</body>
</html>