square.blade.php
3.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<style>
.small-box .rate .rate-span{
width: 30%;
display: inline-block;
font-size: 0.8rem;
white-space: nowrap;
}
.small-box .rate .rate-span span{
opacity: 0;
}
</style>
<div class="col-md-3">
<a class="small-box bg-white blue" href="javascript:;" onclick="window.location.href='/{{config('admin.route.prefix')}}/users'">
<div class="inner" id="user">
<p>用户总量</p>
<h3 class="count">--</h3>
</div>
<div class="icon">
<i class="fa fa-user"></i>
</div>
</a>
</div>
<div class="col-md-3">
<a class="small-box bg-white orange" href="javascript:;" onclick="window.location.href='/{{config('admin.route.prefix')}}/orders?type=customized-travel'">
<div class="inner" id="order">
<p>累计订单总额</p>
<h3 class="count">--</h3>
</div>
<div class="icon">
<i class="fa fa-shopping-cart"></i>
</div>
</a>
</div>
<div class="col-md-3">
<a class="small-box bg-white purple" href="javascript:;">
<div class="inner" id="access-record">
<p>页面浏览总量</p>
<h3 class="count">--</h3>
</div>
<div class="icon">
<i class="fa fa-line-chart"></i>
</div>
</a>
</div>
<div class="col-md-3">
<a class="small-box bg-white green" href="javascript:;">
<div class="inner" id="visitor">
<p>总访客数</p>
<h3 class="count">--</h3>
</div>
<div class="icon">
<i class="fa fa-users"></i>
</div>
</a>
</div>
<script type="text/javascript">
$(function () {
// 创建用户统计的页面
// 定义数组
var arr = ["user","order","access-record","visitor"];
arr.forEach((item,index,array)=>{
//执行代码
// 创建 html
// createRatioHtml($("#" + item), item, 'square');
getGrowthRate(item, "{{config ('admin.route.prefix')}}");
});
{{--// 创建 html--}}
{{--// createRateHtml($("#total-sales").next(".rate"));--}}
{{--// 实例化数字自动变化对象--}}
{{--var t1 = digitalAnimation("total-sales", {time: 1, num: 0});--}}
{{--// 启动--}}
{{--t1.start();--}}
{{--// 实例化数字自动变化对象--}}
{{--var t2 =digitalAnimation("total-orders", {time: 1, num: 0});--}}
{{--// 启动--}}
{{--t2.start();--}}
{{--// 实例化数字自动变化对象--}}
{{--var t3 =digitalAnimation("total-access-record", {time: 1, num: 0});--}}
{{--// 启动--}}
{{--t3.start();--}}
{{--// 实例化数字自动变化对象--}}
{{--var t4 = digitalAnimation("total-visitor", {time: 1, num: 0});--}}
{{--// 启动--}}
{{--t4.start();--}}
{{--// 异步加载数据--}}
{{--var url ="/{{config ('admin.route.prefix')}}/statistic/count";--}}
{{--console.log(url);--}}
{{--$.ajax({--}}
{{-- url: url,--}}
{{-- type: "get",--}}
{{-- dataType : "json",--}}
{{-- success: function (data) {--}}
{{-- t1.continue(data['total_sales']);--}}
{{-- t2.continue(data['total_orders']);--}}
{{-- t3.continue(data['total_access_record']);--}}
{{-- t4.continue(data['total_visitors']);--}}
{{-- },--}}
{{-- error: function (XMLHttpRequest, textStatus, errorThrown) {--}}
{{-- //关闭加载层--}}
{{-- layer.closeAll('loading');--}}
{{-- }--}}
{{--});--}}
{{--getGrowthRates();--}}
});
</script>