cxhxy/app/admin/view/index/index.html
2023-11-21 15:14:59 +08:00

1 line
17 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.

<div class="page-home row-content am-cf">
<!-- 统计 -->
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
<div class="widget am-cf">
<div class="widget-head am-cf">
<div class="widget-title">站点统计</div>
</div>
<div class="widget-body am-cf">
<div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
<div class="widget-card card__blue am-cf">
<div class="card-header">商户总量</div>
<div class="card-body">
<div class="card-value">{$count['user']['all']['user']}</div>
<div class="card-description">当前商户总数量</div>
<span class="card-icon iconfont iconyonghuguanli"></span>
</div>
</div>
</div>
<div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
<div class="widget-card card__primary am-cf">
<div class="card-header">代理总量</div>
<div class="card-body">
<div class="card-value">{$count['user']['all']['agent']}</div>
<div class="card-description">当前代理总数量</div>
<span class="card-icon iconfont iconfenxiao"></span>
</div>
</div>
</div>
<div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
<div class="widget-card card__red am-cf">
<div class="card-header">小程序总量</div>
<div class="card-body">
<div class="card-value">{$count['applet']['all']}</div>
<div class="card-description">当前小程序总数量</div>
<span class="card-icon iconfont iconweixinxiaochengxu"></span>
</div>
</div>
</div>
<div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
<div class="widget-card card__violet am-cf">
<div class="card-header">公众号总量</div>
<div class="card-body">
<div class="card-value">{$count['wechat']}</div>
<div class="card-description">当前公众号总数量</div>
<span class="card-icon iconfont iconweixingongzhonghao"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 订单统计 -->
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
<div class="widget am-cf">
<div class="widget-head">
<div class="widget-title">交易统计</div>
</div>
<div class="widget-body am-cf">
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日成交金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['today']['20'] + $count['record']['today']['10']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日:{$count['record']['today2']['20'] + $count['record']['today2']['10']}
</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月成交金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['month']['20'] + $count['record']['month']['10']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月:{$count['record']['month2']['20'] + $count['record']['month2']['10']}
</div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日订单金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['today']['20']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日:{$count['record']['today2']['20']}
</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月订单金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['month']['20']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月:{$count['record']['month2']['20']}
</div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日充值金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['today']['10']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日:{$count['record']['today2']['10']}
</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月充值金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['month']['10']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月:{$count['record']['month2']['10']}
</div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日赠送金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['today']['40']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日:{$count['record']['today2']['40']}
</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月赠送金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['month']['40']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月:{$count['record']['month2']['40']}
</div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日退款金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['today']['30']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日:{$count['record']['today2']['30']}
</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月退款金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['month']['30']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月:{$count['record']['month2']['30']}
</div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日扣费金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['today']['50']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日:{$count['record']['today2']['50']}
</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月扣费金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">
{$count['record']['month']['50']}
</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月:{$count['record']['month2']['30']}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 近七日走势 -->
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
<div class="widget am-cf">
<div class="widget-head">
<div class="widget-title">近七日走势</div>
</div>
<div class="widget-body am-cf">
<div id="echarts-trade" class="widget-echarts"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
<div class="help-block am-text-center">
<small><?= $web['name']?>&nbsp;&nbsp;版权所有</small>
</div>
</div>
</div>
</div>
<script src="/assets/plugins/echarts/echarts.min.js?v={$version}"></script>
<script src="/assets/plugins/echarts/echarts-walden.js?v={$version}"></script>
<script type="text/javascript">
$(function() {
var is_new = <?= $is_new?>
if(is_new){
layer.open({
title: 'V' + is_new.version + ' 升级提醒',
type: 0,
closeBtn: 1,
btn: ['取消','升级'],
area: ['500px'],
shadeClose: false,
skin: 'layui-layer-hema',
content: is_new.content,
success: function(layero, index){
// 层弹出后的成功回调方法layero前层DOMindex当前层索引
},
cancel : function(){
// 你点击右上角 X 回调
},
btn1:function(index,layero){
layer.close(index);//第一个按钮
},
btn2:function(index){
//第二个按钮
$("#addons-loading").html('<div class="am-modal-dialog"><div class="am-modal-hd">系统升级中,请等待...</div><div class="am-modal-bd"><span class="am-icon-spinner am-icon-spin"></span></div></div>');
$("#addons-loading").modal('open');
$.post('/admin/addon/hemaphpUpgrade', {}, function (result) {
$("#addons-loading").modal('close');
if(typeof(result) == 'string'){
result = JSON.parse(result);
}
result.code === 1 ? $.show_success(result.msg, result.url) : $.show_error(result.msg);
});
layer.close(index);
},
end:function() {
// 层销毁后触发的回调无论是确认还是取消只要层被销毁了end都会执行不携带任何参数。
}
});
}
});
/**
* 近七日交易走势
* @type {HTMLElement}
*/
var dom = document.getElementById('echarts-trade');
echarts.init(dom, 'walden').setOption({
tooltip: {
trigger: 'axis'
},
legend: {
data: ['用户量', '应用量', '成交额']
},
toolbox: {
show: true,
showTitle: false,
feature: {
mark: {show: true},
magicType: {show: true, type: ['line', 'bar']}
}
},
calculable: true,
xAxis: {
type: 'category',
boundaryGap: false,
data: ["<?= date("Y-m-d")?>","<?= date("Y-m-d",strtotime("-1 day"))?>","<?= date("Y-m-d",strtotime("-2 day"))?>","<?= date("Y-m-d",strtotime("-3 day"))?>","<?= date("Y-m-d",strtotime("-4 day"))?>","<?= date("Y-m-d",strtotime("-5 day"))?>","<?= date("Y-m-d",strtotime("-6 day"))?>"]
},
yAxis: {
type: 'value'
},
series: [
{
name: '用户量',
type: 'line',
data: [<?= $count['user']['today']['user'] + $count['user']['today']['agent'] ?>,<?= $count['user']['today2']['user'] + $count['user']['today2']['agent'] ?>,<?= $count['user']['today3']['user'] + $count['user']['today3']['agent'] ?>,<?= $count['user']['today4']['user'] + $count['user']['today4']['agent'] ?>,<?= $count['user']['today5']['user'] + $count['user']['today5']['agent'] ?>,<?= $count['user']['today6']['user'] + $count['user']['today6']['agent'] ?>,<?= $count['user']['today7']['user'] + $count['user']['today7']['agent'] ?>]
},
{
name: '应用量',
type: 'line',
data: [<?= $count['applet']['today'] ?>,<?= $count['applet']['today2'] ?>,<?= $count['applet']['today3'] ?>,<?= $count['applet']['today4'] ?>,<?= $count['applet']['today5'] ?>,<?= $count['applet']['today6'] ?>,<?= $count['applet']['today7'] ?>]
},
{
name: '成交额',
type: 'line',
data: [<?= $count['record']['today']['10'] + $count['record']['today']['20'] ?>,<?= $count['record']['today2']['10'] + $count['record']['today2']['20'] ?>,<?= $count['record']['today3']['10'] + $count['record']['today3']['20'] ?>,<?= $count['record']['today4']['10'] + $count['record']['today4']['20'] ?>,<?= $count['record']['today5']['10'] + $count['record']['today5']['20'] ?>,<?= $count['record']['today6']['10'] + $count['record']['today6']['20'] ?>,<?= $count['record']['today7']['10'] + $count['record']['today7']['20'] ?>]
},
]
}, true);
</script>