250 lines
10 KiB
HTML
250 lines
10 KiB
HTML
{include file="public/header" /}
|
||
|
||
|
||
|
||
<div class="page">
|
||
<div class="fixed-bar">
|
||
<div class="item-title">
|
||
<div class="subject">
|
||
<h3>会员统计</h3>
|
||
<h5></h5>
|
||
</div>
|
||
{include file="public/admin_items" /}
|
||
</div>
|
||
</div>
|
||
<form method="get" name="formSearch" id="formSearch">
|
||
<div class="ds-search-form">
|
||
<dl>
|
||
<dd>
|
||
<select name="search_type" id="search_type" class="querySelect">
|
||
<option value="day" {if isset($search_arr.search_type) && $search_arr.search_type == 'day'}selected{/if}>按照天统计</option>
|
||
<option value="week" {if isset($search_arr.search_type) && $search_arr.search_type == 'week'}selected{/if}>按照周统计</option>
|
||
<option value="month" {if isset($search_arr.search_type) && $search_arr.search_type == 'month'}selected{/if}>按照月统计</option>
|
||
</select>
|
||
</dd>
|
||
<dd id="searchtype_day" style="display:none;">
|
||
<input class="txt date" type="text" value="{:date('Y-m-d',$search_arr.day.search_time)}" id="search_time" name="search_time">
|
||
</dd>
|
||
<dd id="searchtype_week" style="display:none;">
|
||
<select name="searchweek_year" class="querySelect">
|
||
{foreach name="year_arr" item="v"}
|
||
<option value="{$key}" {$search_arr.week.current_year== $key ? 'selected': ''}>{$v}</option>
|
||
{/foreach}
|
||
</select>
|
||
<select name="searchweek_month" class="querySelect">
|
||
{foreach name="month_arr" item="v"}
|
||
<option value="{$key}" {$search_arr.week.current_month== $key ? 'selected':''}>{$v}</option>
|
||
{/foreach}
|
||
</select>
|
||
<select name="searchweek_week" class="querySelect">
|
||
{foreach name="week_arr" item="v"}
|
||
<option value="{$v.key}"
|
||
{$search_arr.week.current_week==
|
||
$v['key'] ? 'selected' :''}>{$v.val}</option>
|
||
{/foreach}
|
||
</select>
|
||
</dd>
|
||
<dd id="searchtype_month" style="display:none;">
|
||
<select name="searchmonth_year" class="querySelect">
|
||
{foreach name="year_arr" item="v"}
|
||
<option value="{$key}" {$search_arr.month.current_year== $key?'selected':''}>{$v}</option>
|
||
{/foreach}
|
||
</select>
|
||
<select name="searchmonth_month" class="querySelect">
|
||
{foreach name="month_arr" item="v"}
|
||
<option value="{$key}" {$search_arr.month.current_month== $key?'selected':''}>{$v}</option>
|
||
{/foreach}
|
||
</select>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt></dt>
|
||
<dd></dd>
|
||
</dl>
|
||
<div class="btn_group">
|
||
<a href="javascript:void(0);" id="dssubmit" class="btn" title="{$Think.lang.ds_query}">{$Think.lang.ds_query}</a>
|
||
<a href="{:url('Statmember/analyze')}" class="btn btn-default" title="{$Think.lang.ds_cancel}">{$Think.lang.ds_cancel}</a>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
|
||
<div class="explanation" id="explanation">
|
||
<div class="title" id="checkZoom">
|
||
<h4 title="{$Think.lang.ds_explanation_tip}">{$Think.lang.ds_explanation}</h4>
|
||
<span id="explanationZoom" title="{$Think.lang.ds_explanation_close}" class="arrow"></span>
|
||
</div>
|
||
<ul>
|
||
<li>{$Think.lang.stat_validorder_explain}</li>
|
||
<li>列表一及统计图展示了时间段内会员有效订单的订单数量、下单商品数量和订单总金额的前15名会员</li>
|
||
<li>列表二展示了时间段内所有会员有效订单的订单数量、下单商品数量和订单总金额统计数据，并可以点击列表上方的“导出Excel”，将列表数据导出为Excel文件</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div id="stat_tabs" class="w100pre close_float ui-tabs" style="min-height:500px">
|
||
<div class="close_float tabmenu">
|
||
<ul class="tab pngFix">
|
||
<li><a href="#ordernum_div">下单量</a></li>
|
||
<li><a href="#goodsnum_div">下单商品件数</a></li>
|
||
<li><a href="#orderamount_div">下单金额</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- 下单量 -->
|
||
<div id="ordernum_div" class="close_float">
|
||
<div class="w40pre floatleft">
|
||
<table class="ds-default-table">
|
||
<thead>
|
||
<tr class="thead">
|
||
<th class="align-center">序号</th>
|
||
<th class="align-center">会员名称</th>
|
||
<th class="align-center">下单量</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="datatable">
|
||
{notempty name="ordernum_listtop15"}
|
||
{foreach name="ordernum_listtop15" item="v"}
|
||
<tr class="hover">
|
||
<td class="align-center">{$key+1}</td>
|
||
<td class="align-center">{$v.statm_membername}</td>
|
||
<td class="align-center">{$v.ordernum}</td>
|
||
</tr>
|
||
{/foreach}
|
||
{else /}
|
||
<tr class="no_data">
|
||
<td colspan="11">{$Think.lang.no_record}</td>
|
||
</tr>
|
||
{/notempty}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div id="container_ordernum" class="w50pre floatleft"></div>
|
||
<div id="list_ordernum" class="close_float" style="padding-top:10px;"></div>
|
||
</div>
|
||
|
||
<!-- 下单商品件数 -->
|
||
<div id="goodsnum_div">
|
||
<div class="w40pre floatleft">
|
||
<table class="ds-default-table">
|
||
<thead>
|
||
<tr class="thead">
|
||
<th class="align-center">序号</th>
|
||
<th class="align-center">会员名称</th>
|
||
<th class="align-center">商品件数</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="datatable">
|
||
{notempty name="goodsnum_listtop15"}
|
||
{foreach name="goodsnum_listtop15" item="v"}
|
||
<tr class="hover">
|
||
<td class="align-center">{$key+1}</td>
|
||
<td class="align-center">{$v.statm_membername}</td>
|
||
<td class="align-center">{$v.goodsnum}</td>
|
||
</tr>
|
||
{/foreach}
|
||
{else /}
|
||
<tr class="no_data">
|
||
<td colspan="11">{$Think.lang.no_record}</td>
|
||
</tr>
|
||
{/notempty}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div id="container_goodsnum" class="w50pre floatleft"></div>
|
||
<div id="list_goodsnum" class="close_float" style="padding-top:10px;"></div>
|
||
</div>
|
||
|
||
<!-- 下单金额 -->
|
||
<div id="orderamount_div">
|
||
<div class="w40pre floatleft">
|
||
<table class="ds-default-table">
|
||
<thead>
|
||
<tr class="thead">
|
||
<th class="align-center">序号</th>
|
||
<th class="align-center">会员名称</th>
|
||
<th class="align-center">下单金额</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="datatable">
|
||
{notempty name="orderamount_listtop15"}
|
||
{foreach name="orderamount_listtop15" item="v"}
|
||
<tr class="hover">
|
||
<td class="align-center">{$key+1}</td>
|
||
<td class="align-center">{$v.statm_membername}</td>
|
||
<td class="align-center">{$v.orderamount}</td>
|
||
</tr>
|
||
{/foreach}
|
||
{else /}
|
||
<tr class="no_data">
|
||
<td colspan="11">{$Think.lang.no_record}</td>
|
||
</tr>
|
||
{/notempty}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div id="container_orderamount" class="w50pre floatleft"></div>
|
||
<div id="list_orderamount" class="close_float" style="padding-top:10px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="{$Think.PLUGINS_SITE_ROOT}/highcharts/highcharts.js"></script>
|
||
<script src="{$Think.PLUGINS_SITE_ROOT}/statistics.js"></script>
|
||
<script src="{$Think.PLUGINS_SITE_ROOT}/jquery.ajaxContent.pack.js"></script>
|
||
<script>
|
||
//切换登录卡
|
||
$(function() {
|
||
$('#stat_tabs').tabs();
|
||
});
|
||
|
||
//展示搜索时间框
|
||
function show_searchtime(){
|
||
s_type = $("#search_type").val();
|
||
$("[id^='searchtype_']").hide();
|
||
$("#searchtype_"+s_type).show();
|
||
}
|
||
|
||
$(function () {
|
||
//统计数据类型
|
||
var s_type = $("#search_type").val();
|
||
$('#search_time').datepicker({dateFormat: 'yy-mm-dd'});
|
||
|
||
show_searchtime();
|
||
$("#search_type").change(function(){
|
||
show_searchtime();
|
||
});
|
||
|
||
//更新周数组
|
||
$("[name='searchweek_month']").change(function(){
|
||
var year = $("[name='searchweek_year']").val();
|
||
var month = $("[name='searchweek_month']").val();
|
||
$("[name='searchweek_week']").html('');
|
||
$.getJSON(ADMINSITEURL+'/Common/getweekofmonth.html',{y:year,m:month},function(data){
|
||
if(data != null){
|
||
for(var i = 0; i < data.length; i++) {
|
||
$("[name='searchweek_week']").append('<option value="'+data[i].key+'">'+data[i].val+'</option>');
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#container_ordernum').highcharts({$statordernum_json|raw});
|
||
$('#container_goodsnum').highcharts({$statgoodsnum_json|raw});
|
||
$('#container_orderamount').highcharts({$statorderamount_json|raw});
|
||
|
||
//加载详细列表
|
||
$("#list_ordernum").load("{:url('Statmember/analyzeinfo',['type'=>'ordernum','t'=>$searchtime])}");
|
||
$("#list_orderamount").load("{:url('Statmember/analyzeinfo',['type'=>'orderamount','t'=>$searchtime])}");
|
||
$("#list_goodsnum").load("{:url('Statmember/analyzeinfo',['type'=>'goodsnum','t'=>$searchtime])}");
|
||
|
||
$('#dssubmit').click(function(){
|
||
$('#formSearch').submit();
|
||
});
|
||
|
||
//导出图表
|
||
$("#export_btn").click(function(){
|
||
var item = $("#export_type");
|
||
var type = $(item).val();
|
||
if(type == 'excel'){
|
||
export_xls(item.attr('data-url').replace('.html',''));
|
||
}
|
||
});
|
||
});
|
||
</script> |