@layout("/common/_container.html"){
|
<style type="text/css">
|
|
ztree li span. {
|
margin-left: 4px;
|
margin-right: -1px;
|
background-position: -144px 0;
|
vertical-align: top;
|
*vertical-align: middle
|
}
|
|
.titleDiv {
|
overflow: hidden;
|
}
|
|
.titleItem {
|
float: left;
|
text-align: center;
|
width: 180px;
|
line-height: 40px;
|
border-top: 1px solid #E7EBEE;
|
border-bottom: 1px solid #E7EBEE;
|
border-left: 1px solid #E7EBEE;
|
font-size: 16px;
|
}
|
|
.titleItem1 {
|
float: left;
|
text-align: center;
|
width: 180px;
|
line-height: 40px;
|
border-bottom: 1px solid #E7EBEE;
|
border-left: 1px solid #E7EBEE;
|
font-size: 16px;
|
}
|
|
.titleItemCk {
|
color: #fff !important;
|
background: #1AB395 !important;
|
}
|
|
.titleItem:last-child {
|
border-right: 1px solid #E7EBEE;
|
}
|
|
/* 订单分析 */
|
ul {
|
list-style-type: none;
|
}
|
|
.orderFenxiBox {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
background-color: white;
|
}
|
|
.orderFenxiItem {
|
flex: 1;
|
padding: 20px 0;
|
}
|
|
.orderFenxiItem:last-child .orderFenxiItem_number {
|
border-right: 0 none;
|
}
|
|
.orderFenxiItem_number {
|
width: 80%;
|
height: 80%;
|
line-height: 90px;
|
padding: 20px 0;
|
font-size: 32px;
|
color: #1AB394;
|
text-align: center;
|
border-right: 1px solid #eaeaea;
|
}
|
|
.orderFenxiItem_title, .orderFenxiItem_last {
|
line-height: 40px;
|
font-size: 14px;
|
}
|
</style>
|
|
@if(language==1){
|
<div class="row" style="margin-left: 2%;">
|
|
<div class="col-sm-3">
|
<input id="activityId" value="${activityId}" type="hidden">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>活动时间：<input type="text" id="startTime" name="zc7" class="form-control" style="max-width:250px !important;display: initial !important;" onchange="receiveRecordDetail()"/></h3>
|
</div>
|
<div class="ibox-title">
|
<h3>领取总金额<span id="totalMOney"></span></h3>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row" style="margin-left: 2%;">
|
<div class="col-sm-3">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>注册奖励</h3>
|
</div>
|
<div class="ibox-content">
|
<h1 class="no-margins text-navy">领取人数：<span id="userActivityRegisteredNumber"></span></h1>
|
<h1 class="no-margins text-navy">领取总金额：<span id="userActivityRegisteredMoney"></span></h1>
|
<h1 class="no-margins text-navy">使用总金额：<span id="userActivityRegisteredUseMoney"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(1,${userActivityRegisteredId})">领取列表</a></h4>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>邀请奖励</h3>
|
</div>
|
<div class="ibox-content">
|
<h1 class="no-margins text-navy">领取人数：<span id="userActivityInviteNumber"></span></h1>
|
<h1 class="no-margins text-navy">领取总金额：<span id="userActivityInviteMoney"></span></h1>
|
<h1 class="no-margins text-navy">使用总金额：<span id="userActivityInviteUseMoney"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(2,${userActivityInviteId})">领取列表</a></h4>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>打折活动</h3>
|
</div>
|
<div class="ibox-content">
|
<h1 class="no-margins text-navy">使用人数：<span id="userActivityDiscount1Number"></span></h1>
|
<h1 class="no-margins text-navy">折扣总金额：<span id="userActivityDiscount1Money"></span></h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<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">
|
<#table id="DriverActivityTable"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
@if(language==2){
|
<div class="row" style="margin-left: 2%;">
|
|
<div class="col-sm-3">
|
<input id="activityId" value="${activityId}" type="hidden">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>Activity time：<input type="text" id="startTime" name="zc7" class="form-control" style="max-width:250px !important;display: initial !important;" onchange="receiveRecordDetail()"/></h3>
|
</div>
|
<div class="ibox-title">
|
<h3>Total amount received：<span id="totalMOney"></span></h3>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row" style="margin-left: 2%;">
|
<div class="col-sm-3">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>Registration reward</h3>
|
</div>
|
<div class="ibox-content">
|
<h1 class="no-margins text-navy">Number of recipients：<span id="userActivityRegisteredNumber"></span></h1>
|
<h1 class="no-margins text-navy">Total amount received：<span id="userActivityRegisteredMoney"></span></h1>
|
<h1 class="no-margins text-navy">Total amount used：<span id="userActivityRegisteredUseMoney"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(1,${userActivityRegisteredId})">Collection list</a></h4>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>Invitation reward</h3>
|
</div>
|
<div class="ibox-content">
|
<h1 class="no-margins text-navy">Number of recipients：<span id="userActivityInviteNumber"></span></h1>
|
<h1 class="no-margins text-navy">Total amount received：<span id="userActivityInviteMoney"></span></h1>
|
<h1 class="no-margins text-navy">Total amount used：<span id="userActivityInviteUseMoney"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(2,${userActivityInviteId})">Collection list</a></h4>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>Discount activity</h3>
|
</div>
|
<div class="ibox-content">
|
<h1 class="no-margins text-navy">Number of users：<span id="userActivityDiscount1Number"></span></h1>
|
<h1 class="no-margins text-navy">Total discount amount：<span id="userActivityDiscount1Money"></span></h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>Recharge activity</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row row-lg">
|
<div class="col-sm-12">
|
<#table id="DriverActivityTable"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
@if(language==3){
|
<div class="row" style="margin-left: 2%;">
|
|
<div class="col-sm-3">
|
<input id="activityId" value="${activityId}" type="hidden">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>Waktu aktivitas：<input type="text" id="startTime" name="zc7" class="form-control" style="max-width:250px !important;display: initial !important;" onchange="receiveRecordDetail()"/></h3>
|
</div>
|
<div class="ibox-title">
|
<h3>Jumlah total yang diterima<span id="totalMOney"></span></h3>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row" style="margin-left: 2%;">
|
<div class="col-sm-3">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>Hadiah pendaftaran</h3>
|
</div>
|
<div class="ibox-content">
|
<h1 class="no-margins text-navy">Jumlah penerima：<span id="userActivityRegisteredNumber"></span></h1>
|
<h1 class="no-margins text-navy">Jumlah total yang diterima：<span id="userActivityRegisteredMoney"></span></h1>
|
<h1 class="no-margins text-navy">Jumlah total yang digunakan：<span id="userActivityRegisteredUseMoney"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(1,${userActivityRegisteredId})">Daftar Koleksi</a></h4>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>Hadiah Undangan</h3>
|
</div>
|
<div class="ibox-content">
|
<h1 class="no-margins text-navy">Jumlah penerima：<span id="userActivityInviteNumber"></span></h1>
|
<h1 class="no-margins text-navy">Jumlah total yang diterima：<span id="userActivityInviteMoney"></span></h1>
|
<h1 class="no-margins text-navy">Jumlah total yang digunakan：<span id="userActivityInviteUseMoney"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(2,${userActivityInviteId})">Daftar Koleksi</a></h4>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h3>Aktivitas diskon</h3>
|
</div>
|
<div class="ibox-content">
|
<h1 class="no-margins text-navy">Jumlah pengguna：<span id="userActivityDiscount1Number"></span></h1>
|
<h1 class="no-margins text-navy">Jumlah diskon total：<span id="userActivityDiscount1Money"></span></h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>Aktivitas Isi Ulang</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row row-lg">
|
<div class="col-sm-12">
|
<#table id="DriverActivityTable"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
|
<!-- ChartJS-->
|
<script type="text/javascript">
|
|
var language = $("#language").val()
|
$(function () {
|
$("#startTime").val("${startTime} - ${endTime}")
|
receiveRecordDetail("${startTime} - ${endTime}");
|
var defaultColunms = DriverActivity.initColumn();
|
var table = new BSTable(DriverActivity.id, "/userActivity/blanceList", defaultColunms);
|
table.setPaginationType("server");
|
DriverActivity.table = table.init();
|
})
|
laydate.render({
|
elem: '#startTime'
|
,lang:"en"
|
,range: true
|
,done: function(value, date, endDate){
|
// 回调函数
|
receiveRecordDetail(value);
|
var queryData = {};
|
queryData['createTime'] = value;
|
queryData['activityId'] = $("#activityId").val();
|
DriverActivity.table.refresh({query: queryData});
|
}
|
});
|
|
function receiveRecordDetail(times){
|
var ajax = new $ax(Feng.ctxPath + "/userActivity/receiveRecordDetail", function (data) {
|
$("#totalMOney").html(data.totalMOney);
|
$("#userActivityRegisteredUseMoney").html(data.userActivityRegisteredUseMoney);
|
$("#userActivityRegisteredMoney").html(data.userActivityRegisteredMoney);
|
$("#userActivityRegisteredNumber").html(data.userActivityRegisteredNumber);
|
$("#userActivityInviteUseMoney").html(data.userActivityInviteUseMoney);
|
$("#userActivityInviteMoney").html(data.userActivityInviteMoney);
|
$("#userActivityInviteNumber").html(data.userActivityInviteNumber);
|
$("#userActivityDiscount1Money").html(data.userActivityDiscount1Money);
|
$("#userActivityDiscount1Number").html(data.userActivityDiscount1Number);
|
$("#userActivityRedenvelopeUseMoney").html(data.userActivityRedenvelopeUseMoney);
|
$("#userActivityRedenvelopeMoney").html(data.userActivityRedenvelopeMoney);
|
$("#userActivityRedenvelopeNumber").html(data.userActivityRedenvelopeNumber);
|
}, function (data) {
|
if(language==1){
|
Feng.error("操作失败!" + data.responseJSON.message + "!");
|
}else if(language==2){
|
Feng.error("Fail!" + data.responseJSON.message + "!");
|
}else {
|
Feng.error("Gagal!" + data.responseJSON.message + "!");
|
}
|
});
|
ajax.set("createTime",times);
|
ajax.set("activityId",$("#activityId").val());
|
ajax.start();
|
}
|
/**
|
* 领取记录
|
*/
|
function driverActivityHistory(type,id) {
|
if(type==1){
|
layer.open({
|
type: 2,
|
title: language==1?'领取记录':(language==2?'Collect records':'Mengumpulkan catatan'),
|
area: ['100%', '100%'], //宽高
|
fix: false, //不固定
|
maxmin: true,
|
content: Feng.ctxPath + '/userCouponRecord?couponActivityId='+ id+"&activityType=2"
|
});
|
}else if(type==2){
|
layer.open({
|
type: 2,
|
title: language==1?'领取记录':(language==2?'Collect records':'Mengumpulkan catatan'),
|
area: ['100%', '100%'], //宽高
|
fix: false, //不固定
|
maxmin: true,
|
content: Feng.ctxPath + '/userCouponRecord?couponActivityId='+ id+"&activityType=3"
|
});
|
}else if(type==4){
|
layer.open({
|
type: 2,
|
title: language==1?'领取记录':(language==2?'Collect records':'Mengumpulkan catatan'),
|
area: ['100%', '100%'], //宽高
|
fix: false, //不固定
|
maxmin: true,
|
content: Feng.ctxPath + '/tUserRedPacketRecord?couponActivityId='+ id
|
});
|
}else{
|
layer.open({
|
type: 2,
|
title: language==1?'领取记录':(language==2?'Collect records':'Mengumpulkan catatan'),
|
area: ['100%', '100%'], //宽高
|
fix: false, //不固定
|
maxmin: true,
|
content: Feng.ctxPath + '/userCouponRecord?couponActivityId='+ id+"&activityType=4"
|
});
|
}
|
|
};
|
|
/**
|
* 管理初始化
|
*/
|
var DriverActivity = {
|
id: "DriverActivityTable", //表格id
|
seItem: null, //选中的条目
|
table: null,
|
layerIndex: -1
|
};
|
|
/**
|
* 初始化表格的列
|
*/
|
DriverActivity.initColumn = function () {
|
return [
|
{field: 'selectItem', radio: true},
|
{title: '', field: 'id', visible: false, align: 'center', valign: 'middle'},
|
{title: language==1?'充值金额':(language==2?'Recharge amount':'Jumlah pengisian ulang'), field: 'money', visible: true, align: 'center', valign: 'middle'},
|
{title: language==1?'摩托车券领取总数':(language==2?'Total number of motorcycle coupons received':'Jumlah total kupon sepeda motor yang diterima'), field: 'speNumber', visible: true, align: 'center', valign: 'middle'},
|
{title:language==1?'摩托车券使用总数':(language==2?'Total number of motorcycle coupons used':'Jumlah total kupon sepeda motor yang digunakan') , field: 'speUseNumber', visible: true, align: 'center', valign: 'middle'},
|
{title: language==1?'摩托车券使用总金额':(language==2?'Total amount of motorcycle coupons':'Jumlah Total Kupon Sepeda Motor'), field: 'speUserMoney', visible: true, align: 'center', valign: 'middle'},
|
{title: '', field: 'insertTime', visible: true, align: 'center', valign: 'middle',
|
formatter: function (value, row) {
|
var btn = '';
|
if(language==1){
|
btn+='<a href="javascript:void(0);" onclick="driverActivityHistory(5,'+row.id+')">领取记录</a>'
|
}else if(language==2){
|
btn+='<a href="javascript:void(0);" onclick="driverActivityHistory(5,'+row.id+')">Collect records</a>'
|
}else {
|
btn+='<a href="javascript:void(0);" onclick="driverActivityHistory(5,'+row.id+')">Mengumpulkan catatan</a>'
|
}
|
|
return [btn];
|
}
|
},
|
];
|
};
|
</script>
|
@}
|
