170 lines
5.4 KiB
PHP
170 lines
5.4 KiB
PHP
|
|
@extends('agent.layadmin')
|
|
|
|
@section('page-head')
|
|
|
|
@endsection
|
|
|
|
@section('page-content')
|
|
<div class="layui-fluid">
|
|
<div class="layui-row layui-col-space15">
|
|
|
|
<div class="layui-col-sm6 layui-col-md4">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
杠杆结算订单量
|
|
<span class="layui-badge layui-bg-blue layuiadmin-badge">总计</span>
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font">{{$settlement }}</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md4">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
下级代理商个数
|
|
<span class="layui-badge layui-bg-cyan layuiadmin-badge">总计</span>
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font">{{$subordinate_agent_num }}</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-sm6 layui-col-md4">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
伞下会员总数
|
|
<span class="layui-badge layui-bg-green layuiadmin-badge">总计</span>
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font">{{$subordinate_user_num }}</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
日订单量
|
|
</div>
|
|
<div class="layui-card-body">
|
|
<div class="layui-row">
|
|
<div class="layui-col-sm12">
|
|
<div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-pagetwo">
|
|
<div carousel-item id="LAY-index-pagetwo">
|
|
<div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
@section('scripts')
|
|
<script src="/js/jquery-1.11.1.min.js"></script>
|
|
<script src="/js/jquery.qrcode.min.js"></script>
|
|
<script src="/js/qrcode.js"></script>
|
|
|
|
<script>
|
|
|
|
layui.use(['index','layer', 'laydate', 'form'], function () {
|
|
var $ = layui.$
|
|
, admin = layui.admin
|
|
, laydate = layui.laydate
|
|
, form = layui.form;
|
|
|
|
$.ajax({
|
|
url: '/agent/day',
|
|
type: 'post',
|
|
dataType: "json",
|
|
data: {type: 'all'},
|
|
success: function(res) {
|
|
//console.log('aa');
|
|
// console.log(res);
|
|
show_table(res.data);
|
|
},
|
|
error: function() {
|
|
layer.msg('网络错误');
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
function show_table(returnData) {
|
|
//区块轮播切换
|
|
layui.use(['carousel','admin'], function () {
|
|
var $ = layui.$
|
|
, admin = layui.admin
|
|
, carousel = layui.carousel
|
|
, element = layui.element
|
|
, device = layui.device();
|
|
|
|
//轮播切换
|
|
$('.layadmin-carousel').each(function () {
|
|
var othis = $(this);
|
|
carousel.render({
|
|
elem: this
|
|
, width: '100%'
|
|
, arrow: 'none'
|
|
, interval: othis.data('interval')
|
|
, autoplay: othis.data('autoplay') === true
|
|
, trigger: (device.ios || device.android) ? 'click' : 'hover'
|
|
, anim: othis.data('anim')
|
|
});
|
|
});
|
|
|
|
});
|
|
//柱状图
|
|
layui.use(['echarts'], function () {
|
|
var $ = layui.$
|
|
, echarts = layui.echarts;
|
|
|
|
//标准柱状图
|
|
var echnormcol = [], normcol = [
|
|
{
|
|
|
|
xAxis: {
|
|
type: 'category',
|
|
data: returnData.day
|
|
},
|
|
yAxis: {
|
|
type: 'value'
|
|
},
|
|
color :["#c23531"],
|
|
series: [{
|
|
data: returnData.info,
|
|
type: 'bar'
|
|
}]
|
|
}
|
|
]
|
|
, elemNormcol = $('#LAY-index-pagetwo').children('div')
|
|
, renderNormcol = function (index) {
|
|
echnormcol[index] = echarts.init(elemNormcol[index], layui.echartsTheme);
|
|
echnormcol[index].setOption(normcol[index]);
|
|
window.onresize = echnormcol[index].resize;
|
|
};
|
|
if (!elemNormcol[0]) return;
|
|
renderNormcol(0);
|
|
|
|
});
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
@endsection |