186 lines
7.7 KiB
HTML
Executable File
186 lines
7.7 KiB
HTML
Executable File
<!-- <script src="__PUBLIC__/adminlte/js/echarts/index.js"></script> -->
|
|
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc.3/echarts.min.js"></script>
|
|
<!-- Content Wrapper. Contains page content -->
|
|
<div class="content-wrapper">
|
|
<!-- Content Header (Page header) -->
|
|
<section class="content-header">
|
|
<h1>
|
|
统计管理
|
|
<small>点击量统计</small>
|
|
</h1>
|
|
<ol class="breadcrumb">
|
|
<li><a href="<?php echo url('/admin/index/index');?>"><i class="fa fa-dashboard"></i> 首页</a></li>
|
|
<li><a href="<?php echo url('/admin/statistics');?>"> 点击量统计</a></li>
|
|
<li class="active"> 点击量统计</li>
|
|
</ol>
|
|
</section>
|
|
<!-- Main content -->
|
|
<section class="content">
|
|
<div class="box box-solid collapsed-box">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title"><i class="fa fa-fw fa-search"></i>...</h3>
|
|
<div class="box-tools">
|
|
<button type="button" class="btn btn-box-tool" data-widget="collapse">
|
|
<i class="fa fa-fw fa-search-plus"></i> 展开/关闭
|
|
</button>
|
|
<button type="button" class="btn btn-box-tool" data-widget="collapse">
|
|
<i class="fa fa-fw fa-plus"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="box-body">
|
|
<div class="col-sm-9">
|
|
<div class="form-group">
|
|
<div class="col-sm-12">
|
|
<div class="col-xs-12 col-sm-2 no-padding">
|
|
<select id="country_code" style="width:100%; line-height: 36px; margin-bottom: 20px; float: left" class="form-control">
|
|
<option value ="">请选择</option>
|
|
<?php if (!empty($country)): ?>
|
|
<?php foreach($country as $key => $value): ?>
|
|
<option value ="<?php echo $value['code']; ?>"><?php echo $value['country_name']; ?></option>
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
<option value="DE">德国</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-2 no-padding">
|
|
<select id="url_source" style="width:100%; line-height: 36px; margin-bottom: 20px; float: left" class="form-control">
|
|
<option value ="">请选择</option>
|
|
<option value ="1">天猫</option>
|
|
<option value ="2">京东</option>
|
|
<option value ="3">亚马逊</option>
|
|
<option value ="4">新蛋</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-4 no-padding">
|
|
<label class="col-sm-2 control-label">开始时间</label>
|
|
<div class="input-group">
|
|
<input type="text" name="begin_datetime" id="begin_datetime" class="form-control">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button" onclick="laydate_datetime('#begin_datetime');"><i class="fa fa-fw fa-calendar"></i></button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 no-padding">
|
|
<label class="col-sm-2 control-label">结束时间</label>
|
|
<div class="input-group">
|
|
<input type="text" name="end_datetime" id="end_datetime" class="form-control">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button" onclick="laydate_datetime('#end_datetime');"><i class="fa fa-fw fa-calendar"></i></button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-10" style="text-align: center;">
|
|
<button type="" onclick="get_click_sum()" class="btn btn-primary btn-sm" ><i class="fa fa-fw fa-check"></i>搜索</button>
|
|
<button type="reset" class="btn btn-info btn-sm" ><i class="fa fa-fw fa-undo"></i>重置</button>
|
|
<button type="button" class="btn btn-info btn-sm" id="doclear"><i class="fa fa-fw fa-remove"></i>清空</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="main" style="width: 1600px;height:700px;"></div>
|
|
</section>
|
|
<!-- /.content -->
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
get_click_sum();
|
|
})
|
|
|
|
function get_click_sum() {
|
|
var main = document.getElementById('main');
|
|
var myChart = echarts.init(main);
|
|
var begin_datetime = $("#begin_datetime").val();
|
|
var end_datetime = $("#end_datetime").val();
|
|
var type = $("#url_source").val();
|
|
var code = $("#country_code").val();
|
|
|
|
myChart.showLoading();
|
|
$.ajax({
|
|
url: '/admin/statistics/get_click_sum',
|
|
data: {
|
|
begin_datetime: begin_datetime,
|
|
end_datetime: end_datetime,
|
|
type: type,
|
|
code: code
|
|
},
|
|
type: 'GET',
|
|
dataType: 'json',
|
|
success: function(res) {
|
|
var click_sum = res.data.click_sum;
|
|
var date = [];
|
|
var click_count = [];
|
|
var total_num = 0;
|
|
click_sum.forEach((item, index) => {
|
|
date[index] = item.date;
|
|
click_count[index] = item.click_count;
|
|
total_num += item.click_count;
|
|
});
|
|
|
|
var option = {
|
|
title: {
|
|
text: '点击总量'
|
|
},
|
|
tooltip: {},
|
|
legend: {
|
|
data:['点击量' + total_num]
|
|
},
|
|
xAxis: {
|
|
data: date
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
name: '点击量' + total_num,
|
|
type: 'bar',
|
|
data: click_count
|
|
}]
|
|
};
|
|
myChart.setOption(option);
|
|
myChart.hideLoading();
|
|
},
|
|
error: function(res) {
|
|
console.log(res);
|
|
var click_sum = res.responseJSON.data.click_sum;
|
|
var date = [];
|
|
var click_count = [];
|
|
var total_num = 0;
|
|
click_sum.forEach((item, index) => {
|
|
date[index] = item.date;
|
|
click_count[index] = item.click_count;
|
|
total_num += item.click_count;
|
|
});
|
|
|
|
var option = {
|
|
title: {
|
|
text: '点击量统计'
|
|
},
|
|
tooltip: {},
|
|
legend: {
|
|
data:['点击量']
|
|
},
|
|
xAxis: {
|
|
data: date
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
name: '点击量',
|
|
type: 'bar',
|
|
data: click_count
|
|
}]
|
|
};
|
|
myChart.setOption(option);
|
|
myChart.hideLoading();
|
|
},
|
|
});
|
|
}
|
|
|
|
|
|
</script> |