liut
122 lines
3.6 KiB
HTML
122 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<script src="__STATIC__/js/jquery.js"></script>
|
|
<script src="__STATIC__/js/highcharts.js"></script>
|
|
<link href="__STATIC__/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="__STATIC__/css/bootstrap-table.min.css" rel="stylesheet">
|
|
<link href="__STATIC__/css/bootstrap-table-fixed-columns.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="wrap">
|
|
|
|
<div class="panel-body" id="container" style="width: 95%; height: 400px; margin: 0 auto">
|
|
</div>
|
|
<table class="table table-hover table-bordered margin-top-10">
|
|
<thead>
|
|
<tr>
|
|
<th>浏览</th>
|
|
<th>下载</th>
|
|
<th>总订单</th>
|
|
<th>成功订单</th>
|
|
<th>注册</th>
|
|
<th>金额</th>
|
|
<th>分成</th>
|
|
<th>日期</th>
|
|
<th>星期</th>
|
|
<th>几天前</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{volist name="profit" id="vo"}
|
|
<tr>
|
|
<td><span class="label label-success">{$vo.count_view}</span></td>
|
|
<td><span class="label label-success">{$vo.count_down}</span></td>
|
|
<td><span class="label label-success">{$vo.count_order}</span></td>
|
|
<td><span class="label label-success">{$vo.count_order_yes}</span></td>
|
|
<td><span class="label label-success">{$vo.count_reg}</span></td>
|
|
<td><span class="label label-success">{$vo.count_money}</span></td>
|
|
<td><span class="label label-success">{$vo.count_profit}</span></td>
|
|
<td>{$vo.create_time|date="Y-m-d"}</td>
|
|
<td>{:getWeekDay($vo.create_time)}</td>
|
|
<td>{:getTimeLastDay($vo.create_time)}天前</td>
|
|
</tr>
|
|
{/volist}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
$(function () {
|
|
$('#container').highcharts({
|
|
title: {
|
|
text: '',
|
|
x: -20 //center
|
|
},
|
|
plotOptions: {
|
|
line: {
|
|
lineWidth: 3
|
|
},
|
|
tooltip: {
|
|
hideDelay: 200
|
|
}
|
|
},
|
|
subtitle: {
|
|
text: '',
|
|
x: -20
|
|
},
|
|
xAxis: {
|
|
categories: [
|
|
{$time_type|raw}
|
|
]
|
|
},
|
|
yAxis: {
|
|
title: {
|
|
text: ''
|
|
},
|
|
plotLines: [{
|
|
value: 0,
|
|
width: 1
|
|
}]
|
|
},
|
|
tooltip: {
|
|
valueSuffix: ' 个',
|
|
crosshairs: true,
|
|
shared: true
|
|
},
|
|
legend: {
|
|
layout: 'vertical',
|
|
align: 'right',
|
|
verticalAlign: 'middle',
|
|
borderWidth: 0
|
|
},
|
|
series: [
|
|
|
|
{
|
|
name: '注册',
|
|
color: 'rgba(0,242,59,246)', marker: { radius: 6 }, data: [
|
|
{$series_reg|raw}
|
|
]
|
|
},
|
|
{
|
|
name: '成功订单',
|
|
color: 'rgba(0,15,182,59)', marker: { radius: 6 }, data: [
|
|
{$series_order|raw}
|
|
]
|
|
},
|
|
{
|
|
name: '金额',
|
|
color: 'rgba(0,92,219,192)', marker: { radius: 6 }, data: [
|
|
{$series_money|raw}
|
|
]
|
|
},
|
|
]
|
|
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</html> |