246 lines
9.5 KiB
PHP
246 lines
9.5 KiB
PHP
@extends('layouts.base')
|
|
<script src="{{static_url('js/echarts.js')}}" type="text/javascript"></script>
|
|
@section('title', trans('余额数据统计'))
|
|
@section('content')
|
|
|
|
<link href="{{static_url('yunshop/css/order.css')}}" media="all" rel="stylesheet" type="text/css"/>
|
|
<style>
|
|
.balance-count{ margin-bottom:20px !important;line-height: 40px;height: 40px;}
|
|
.status-content{ margin: 20px 0;}
|
|
.panel-heading{ border: 0 !important; font-size: 1.2em !important;}
|
|
.panel-body-change{ font-size: 1.5em !important;}
|
|
/*.daterangepicker .right .calendar-date, .daterangepicker ul, .daterangepicker label, .daterangepicker_end_input{display:none;}*/
|
|
/*[name=daterangepicker_start]{width:164px !important;}*/
|
|
</style>
|
|
<div class="w1200 m0a">
|
|
|
|
<div class="rightlist">
|
|
@include('layouts.tabs')
|
|
<!-- 新增加右侧顶部三级菜单 -->
|
|
<div class="panel panel-info">
|
|
<div class="panel-body">
|
|
<div class="card">
|
|
<div class="card-content">
|
|
<form action="" method="post" class="form-horizontal" role="form" id="form1">
|
|
<div class='form-group col-xs-12 col-sm-6'>
|
|
<div class="input-group">
|
|
<span class="input-group-addon">
|
|
<input type="checkbox" name="search[is_time]" value="1"
|
|
@if($search['is_time'] == '1')checked="checked"@endif>
|
|
</span>
|
|
{!!app\common\helpers\DateRange::tplFormFieldDateRange('search[time]', [
|
|
'starttime'=>$search['time']['start'] ?: date('Y-m-d H:i:s'),
|
|
'endtime'=>$search['time']['end'] ?: date('Y-m-d H:i:s'),
|
|
'start'=>0,
|
|
'end'=>0
|
|
])!!}
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-xs-12 col-sm-4">
|
|
<button class="btn btn-success" id="search"><i class="fa fa-search"></i> 搜索</button>
|
|
<button type="submit" name="export" value="1" id="export" class="btn btn-default">导出 Excel</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<table class='table balance-count'>
|
|
<tr class='trhead'>
|
|
<td colspan='8' style="text-align: left;">
|
|
余额统计：系统总余额，系统已提现余额，收入提现时转入总余额（分销佣金，股东分红，招商，区域分红，经销商提成等提现时用提现到余额的方式），后台充值余额，会员充值余额，已使用余额（只统计买单和购买）
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<table class='table balance-count'>
|
|
<tr class='trhead'style="text-align: center;">
|
|
<td>
|
|
<h4>可使用余额</h4>
|
|
<p style="font-size: 1.2em">{{ $balanceUseCount }}</p>
|
|
</td>
|
|
<td>
|
|
<h4>已消耗余额</h4>
|
|
<p style="font-size: 1.2em">{{ $balanceUsedCount * -1 }}</p>
|
|
</td>
|
|
<td>
|
|
<h4>已提现余额</h4>
|
|
<p style="font-size: 1.2em">{{ $balanceWithdrawCount * -1 }}</p>
|
|
</td>
|
|
<td>
|
|
<h4>收入余额</h4>
|
|
<p style="font-size: 1.2em">{{ $balanceIncomeCount }}</p>
|
|
</td>
|
|
<td>
|
|
<h4>后台充值余额</h4>
|
|
<p style="font-size: 1.2em">{{ $balanceRechargeCount }}</p>
|
|
</td>
|
|
<td>
|
|
<h4>会员充值余额</h4>
|
|
<p style="font-size: 1.2em">{{ $balanceMemberRechargeCount }}</p>
|
|
</td>
|
|
{{--<td>--}}
|
|
{{--<h4>已赠送余额</h4>--}}
|
|
{{--<p style="font-size: 1.2em">{{ $balanceGivenCount }}</p>--}}
|
|
{{--</td>--}}
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<table class='table' style='float:left;margin-bottom:0;table-layout: fixed;line-height: 40px;height: 40px'>
|
|
<tr class='trhead'>
|
|
<td colspan='8' style="text-align: left;">
|
|
余额趋势图
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class='panel panel-default form-horizontal form'>
|
|
<div class='panel-body'style="border: 1px solid #e6e6e6">
|
|
<div id="balanceChart" style="width: 100%;height:400px;float: left;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-default" style="border: 1px solid #e6e6e6; margin-top: 10px;">
|
|
<div class="panel-heading">详细数据</div>
|
|
<div class='panel-body'>
|
|
<table class="table table-hover table-responsive table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th >时间</th>
|
|
<th >可使用余额</th>
|
|
<th >已消耗余额</th>
|
|
<th >已提现余额</th>
|
|
<th >收入余额</th>
|
|
<th >后台充值余额</th>
|
|
<th >会员充值余额</th>
|
|
{{--<th >已赠送余额</th>--}}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach($AllBalanceData as $key => $item)
|
|
<tr>
|
|
<td>
|
|
{{ $item['date'] }}
|
|
</td>
|
|
<td>{{ $item['useBalance'] }}</td>
|
|
<td>
|
|
{{ $item['usedBalance'] }}
|
|
</td>
|
|
<td>
|
|
{{ $item['withdrawBalance'] }}
|
|
</td>
|
|
{{--<td>--}}
|
|
{{--{{ $item['givenBalance'] }}--}}
|
|
{{--</td>--}}
|
|
<td>
|
|
{{ $item['incomeBalance'] }}
|
|
</td>
|
|
<td>
|
|
{{ $item['recharge'] }}
|
|
</td>
|
|
<td>
|
|
{{ $item['memberRecharge'] }}
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
|
|
|
|
|
|
</table>
|
|
{!! $page !!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
//余额统计
|
|
var balanceChart = echarts.init(document.getElementById('balanceChart'));
|
|
|
|
{{--gender_data = {!! $gender !!};--}}
|
|
|
|
option = {
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
legend: {
|
|
data:['可使用余额','已消耗余额','已提现余额','收入余额','后台充值余额','会员充值余额']
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
toolbox: {
|
|
feature: {
|
|
saveAsImage: {}
|
|
}
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
boundaryGap: false,
|
|
data: {!! $balanceTime !!}
|
|
},
|
|
yAxis: {
|
|
type: 'value'
|
|
},
|
|
series: [
|
|
{
|
|
name:'可使用余额',
|
|
type:'line',
|
|
stack: '总量4',
|
|
data:{!! $balanceUseData !!}
|
|
},
|
|
{
|
|
name:'已消耗余额',
|
|
type:'line',
|
|
stack: '总量3',
|
|
data:{!! $balanceUsedData !!}
|
|
},
|
|
{
|
|
name:'已提现余额',
|
|
type:'line',
|
|
stack: '总量1',
|
|
data:{!! $balanceWithdrawData !!}
|
|
},
|
|
{
|
|
name:'收入余额',
|
|
type:'line',
|
|
stack: '总量2',
|
|
data:{!! $balanceIncomeData !!}
|
|
},
|
|
{
|
|
name:'后台充值余额',
|
|
type:'line',
|
|
stack: '总量5',
|
|
data:{!! $balanceRechargeData !!}
|
|
},
|
|
{
|
|
name:'会员充值余额',
|
|
type:'line',
|
|
stack: '总量6',
|
|
data:{!! $balanceMemberRechargeData !!}
|
|
},
|
|
]
|
|
};
|
|
balanceChart.setOption(option, true);
|
|
</script>
|
|
<script>
|
|
$(function () {
|
|
$('#export').click(function () {
|
|
$('#form1').attr('action', '{!! yzWebUrl('charts.finance.balance.export') !!}');
|
|
$('#form1').submit();
|
|
setTimeout(() =>{
|
|
$('#form1').attr('action', " ");
|
|
},0)
|
|
});
|
|
});
|
|
</script>
|
|
@endsection
|