2023-01-29 10:26:52 +08:00

232 lines
12 KiB
HTML

{extend name="public/base"/}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/bootstrap-editable.css">
{/block}
{block name="body"}
<div class="main-box no-header clearfix">
<div class="main-box-body clearfix">
<!-- 表格列表 -->
<div class="tabs-wrapper">
<ul class="nav nav-tabs">
<li><a href="/admin/statistics/order.html">订单统计</a></li>
<li class="active"><a href="/admin/statistics/apporder.html">APP订单统计</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="tab订单统计">
<div class="col-md-3">
<div class="well">
<b>
今日充值
<span style="font-weight:normal;font-size:13px;color:#090" class="pull-right">
<span id="refresh_seconds"></span> 秒后刷新
</span>
</b>
<div class="text-primary" style="font-size:32px;margin:5px 0">
&yen;<span data-bind="price: stats_today.paid_amount">{$todayPay|number_format=###,2}</span>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6" style="padding:0">
<strong>普通充值</strong>
<div><b class="text-primary" data-bind="price: stats_today.welth_order_paid_amount"></b></div>
<div>已支付: <b class="text-warning" data-bind="text: stats_today.welth_order_paid_count">{$todayPaid}</b></div>
<div>未支付: <b class="text-warning" data-bind="text: stats_today.welth_order_unpaid_count">{$todayUnpaid}</b></div>
<div>
完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_today.welth_order_completion_rate() * 100)"></span>{if $todayPaid >0}{$todayPaid/($todayPaid+$todayUnpaid)*100|round=###}{/if} %</b>
</div>
</div>
<div class="col-sm-6" style="padding:0">
<strong>年费VIP会员</strong>
<div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount"></b></div>
<div>已支付: <b class="text-warning" data-bind="text: stats_today.vip_order_paid_count">{$todayYearPaid}</b></div>
<div>未支付: <b class="text-warning" data-bind="text: stats_today.vip_order_unpaid_count">{$todayYearUnpaid}</b></div>
<div>
完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_today.vip_order_completion_rate() * 100)"></span>{if $todayYearPaid >0}{$todayYearPaid/($todayYearPaid+$todayYearUnpaid)*100|round=###}{/if} %</b>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="well">
<b>昨日充值</b>
<div class="text-primary" style="font-size:32px;margin:5px 0">
&yen;<span data-bind="price: stats_yesterday.paid_amount">{$yesterdayPay|number_format=###,2}</span>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6" style="padding:0">
<strong>普通充值</strong>
<div><b class="text-primary" data-bind="price: stats_yesterday.welth_order_paid_amount"></b></div>
<div>已支付: <b class="text-warning" data-bind="text: stats_yesterday.welth_order_paid_count">{$yesterdayPaid}</b></div>
<div>未支付: <b class="text-warning" data-bind="text: stats_yesterday.welth_order_unpaid_count">{$yesterdayUnpaid}</b></div>
<div>
完成率: <b class="text-warning">{if $yesterdayPaid >0}{$yesterdayPaid/($yesterdayPaid+$yesterdayUnpaid)*100|round=###}{/if}%</b>
</div>
</div>
<div class="col-sm-6" style="padding:0">
<strong>年费VIP会员</strong>
<div><b class="text-primary" data-bind="price: stats_yesterday.vip_order_paid_amount"></b></div>
<div>已支付: <b class="text-warning" >{$yesterdayYearPaid}</b></div>
<div>未支付: <b class="text-warning" >{$yesterdayYearUnpaid}</b></div>
<div>
完成率: <b class="text-warning">{if $yesterdayYearPaid >0}{$yesterdayYearPaid/($yesterdayYearPaid+$yesterdayYearUnpaid)*100|round=###}{/if} %</b>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="well">
<b>本月充值</b>
<div class="text-primary" style="font-size:32px;margin:5px 0">
&yen;<span >{$monthPay|number_format=###,2}</span>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6" style="padding:0">
<strong>普通充值</strong>
<div><b class="text-primary" ></b></div>
<div>已支付: <b class="text-warning" >{$monthPaid}</b></div>
<div>未支付: <b class="text-warning" >{$monthUnpaid}</b></div>
<div>
完成率: <b class="text-warning">{if $monthPaid >0}{$monthPaid/($monthPaid+$monthUnpaid)*100|round=###}{/if}%</b>
</div>
</div>
<div class="col-sm-6" style="padding:0">
<strong>年费VIP会员</strong>
<div><b class="text-primary" data-bind="price: stats_this_month.vip_order_paid_amount"></b></div>
<div>已支付: <b class="text-warning" >{$monthYearPaid}</b></div>
<div>未支付: <b class="text-warning" >{$monthYearUnpaid}</b></div>
<div>
完成率: <b class="text-warning">{if $monthYearPaid >0}{$monthYearPaid/($monthYearPaid+$monthYearUnpaid)*100|round=###}{/if}%</b>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="well">
<b>累计充值 </b>
<div class="text-primary" style="font-size:32px;margin:5px 0">
&yen;<span >{$allPay|number_format=###,2}</span>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6" style="padding:0">
<strong>普通充值</strong>
<div><b class="text-primary" data-bind="price: stats_all_time.welth_order_paid_amount"></b></div>
<div>已支付: <b class="text-warning" >{$allPaid}</b></div>
<div>未支付: <b class="text-warning" >{$allUnpaid}</b></div>
<div>
完成率: <b class="text-warning">{if $allPaid >0}{$allPaid/($allPaid+$allUnpaid)*100|round=###}{/if}%</b>
</div>
</div>
<div class="col-sm-6" style="padding:0">
<strong>年费VIP会员</strong>
<div><b class="text-primary" data-bind="price: stats_all_time.vip_order_paid_amount"></b></div>
<div>已支付: <b class="text-warning" >{$allYearPaid}</b></div>
<div>未支付: <b class="text-warning" >{$allYearUnpaid}</b></div>
<div>
完成率: <b class="text-warning">{if $allYearPaid >0}{$allYearPaid/($allYearPaid+$allYearUnpaid)*100|round=###}{/if}%</b>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default col-sm-12" id="order-daily-stats-panel">
<table class="table table-bordered table-striped" data-bind="visible: !loading()" >
<thead>
<tr>
<th>日期</th>
<th class="text-right">充值金额</th>
<th class="text-right">普通充值</th>
<th class="text-right">普通充值支付订单数</th>
<th class="text-right">年费VIP会员</th>
<th class="text-right">年费VIP会员支付订单数</th>
</tr>
</thead>
<tbody data-bind="foreach: stats">
{volist name="info" id="vo"}
<tr>
<td><span data-bind="date: date">{$key}</span></td>
<td class="text-right">
<b>&yen; <span >{$vo.pay|number_format=###,2}</span></b>
</td>
<td class="text-right">
<b>&yen; <span >{$vo.paynormal|number_format=###,2}</span></b>
<div class="text-muted" style="font-size:14px;margin-top:5px">
充值人数: <span >{$vo.normalnum}</span>,
人均: &yen; <span >{if $vo.paynormal&& $vo['normalnum']}{php}echo round($vo['paynormal']/$vo['normalnum'],2);{/php}{/if}</span>
</div>
</td>
<td class="text-right">
<b><span>{$vo.payPaid}</span></b>
<div class="text-muted" style="font-size:14px;margin-top:5px">
<span >{$vo.payUnpaid}</span> 笔未支付,
完成率: <span >{if $vo['payPaid']>0}{$vo['payPaid']/($vo['payPaid']+$vo['payUnpaid'])*100|round=###}{/if}</span> %
</div>
</td>
<td class="text-right">
<b>&yen; <span >{$vo.payvip|number_format=###,2}</span></b>
<div class="text-muted" style="font-size:14px;margin-top:5px">
充值人数: <span>{$vo.vipnum}</span>,
人均: &yen; <span>{if $vo.payvip >0&&$vo['vipnum']>0}{$vo['payvip']/$vo['vipnum']}{/if}</span>
</div>
</td>
<td class="text-right">
<b><span>{$vo.payYaerPaid}</span></b>
<div class="text-muted" style="font-size:14px;margin-top:5px">
<span>{$vo.payYaerUnpaid}</span> 笔未支付,
完成率: <span >{if $vo['payYaerPaid']>0}{$vo['payYaerPaid']/($vo['payYaerPaid']+$vo['payYaerUnpaid'])*100|round=###}{/if}</span> %
</div>
</td>
</tr>
{/volist}
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- /表格列表 -->
</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="__PUBLIC__/js/bootstrap-editable.min.js"></script>
<script type="text/javascript">
$(function(){
$.fn.editable.defaults.mode = 'popup';
$.fn.editableform.buttons = '<button type="submit" class="btn btn-success editable-submit btn-mini"><i class="fa fa-check-square-o fa-white"></i></button>' +
'<button type="button" class="btn editable-cancel btn-mini"><i class="fa fa-times"></i></button>';
$('.editable').editable();
var num=60; //初始化计数器
document.getElementById("refresh_seconds").innerHTML=num; //在页面中显示10秒
var tim=setInterval(function (){
num--; //函数每调用一次num减一
document.getElementById("refresh_seconds").innerHTML=num;
//在页面中显示减一后的秒数
if(num==1){
clearInterval(tim);
window.location.reload();
}
},1000);
})
</script>
{/block}