@layout("/common/_container.html"){
|
<link rel="stylesheet" href="${ctxPath}/static/js/layui/css/layui.css" media="all">
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>会员等级数据统计</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row row-lg">
|
<div class="col-sm-12">
|
<div class="row">
|
<div class="col-sm-3">
|
<div class="input-group">
|
<div class="input-group-btn">
|
<button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button">
|
时间
|
</button>
|
</div>
|
<input type="text" class="form-control" id="time">
|
</div>
|
</div>
|
<div class="col-sm-3 pull-right">
|
<#button name="搜索" icon="fa-search" clickFun="Statistics.search()"/>
|
<#button name="重置" icon="fa-trash" clickFun="Statistics.resetSearch()" space="true"/>
|
</div>
|
</div>
|
<div class="hidden-xs" id="StatisticsTableToolbar" role="group">
|
<#button name="导出" icon="fa-download" clickFun="Statistics.exportStatistics()"/>
|
<#button name="统计图" icon="fa-area-chart" clickFun="Statistics.summaryGraph()"/>
|
<#button name="领取会员权益人数明细" icon="fa-navicon" id="equityDetails" clickFun="Statistics.equityDetails()"/>
|
<#button name="导出升级明细" icon="fa-area-chart" clickFun="Statistics.upgrade()"/>
|
<#button name="导出降级明细" icon="fa-area-chart" clickFun="Statistics.downgrade()"/>
|
<#button name="导出级别不变明细" icon="fa-area-chart" clickFun="Statistics.constant()"/>
|
</div>
|
<div style="width: 300px;height: 40px;">
|
<div style="float: left;width: 100px;height: 40px;margin-right: 15px;text-align: center;line-height: 40px; background-color: #1ab394;color: #fff;" onclick="chooseType(this, 1)">当前等级人数</div>
|
<div style="float: left;width: 100px;height: 40px;margin-right: 15px;text-align: center;line-height: 40px;" onclick="chooseType(this, 2)">权益领取人数</div>
|
</div>
|
<#table id="StatisticsTable"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="${ctxPath}/static/modular/system/statistics/vipLevelStatistics.js"></script>
|
<script src="${ctxPath}/static/js/layui/layui.js" charset="utf-8"></script>
|
<script>
|
$('#equityDetails').hide();
|
//年范围
|
layui.use('laydate', function() {
|
var laydate = layui.laydate;
|
laydate.render({
|
elem: '#time'
|
,type: 'date'
|
,range: true
|
});
|
});
|
|
function chooseType(e, type) {
|
$(e).css({
|
'background-color': '#1ab394',
|
'color': '#fff'
|
})
|
$(e).siblings('div').css({
|
'background-color': '#fff',
|
'color': '#676a6c'
|
})
|
Statistics.type = type;
|
if(type == 2){
|
$('#equityDetails').show();
|
}else{
|
$('#equityDetails').hide();
|
}
|
Statistics.search();
|
}
|
</script>
|
@}
|
