@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>
|
|
<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="number1"></span></h1>
|
<h1 class="no-margins text-navy">领取金额：<span id="money1"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(1,${id1})">领取列表</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="number2"></span></h1>
|
<h1 class="no-margins text-navy">领取金额：<span id="money2"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(2,${id2})">领取列表</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="number3"></span></h1>
|
<h1 class="no-margins text-navy">领取金额：<span id="money3"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(3,${id3})">领取列表</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="number4"></span></h1>
|
<h1 class="no-margins text-navy">领取金额：<span id="money4"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(3,${id4})">领取列表</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="number5"></span></h1>
|
<h1 class="no-margins text-navy">领取金额：<span id="money5"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(3,${id5})">领取列表</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="number6"></span></h1>
|
<h1 class="no-margins text-navy">领取金额：<span id="money6"></span></h1>
|
</div>
|
<h4><a href="#" onclick="driverActivityHistory(4,${id6})">领取列表</a></h4>
|
</div>
|
</div>
|
</div>
|
|
|
<!-- ChartJS-->
|
<script type="text/javascript">
|
$(function () {
|
$("#startTime").val("${startTime} - ${endTime}")
|
receiveRecordDetail("${startTime} - ${endTime}");
|
})
|
laydate.render({
|
elem: '#startTime'
|
,range: true
|
,done: function(value, date, endDate){
|
// 回调函数
|
receiveRecordDetail(value);
|
}
|
});
|
|
function receiveRecordDetail(times){
|
var ajax = new $ax(Feng.ctxPath + "/driverActivity/receiveRecordDetail", function (data) {
|
$("#totalMOney").html(data.totalMOney);
|
$("#money1").html(data.money1);
|
$("#number1").html(data.number1);
|
$("#money2").html(data.money2);
|
$("#number2").html(data.number2);
|
$("#money3").html(data.money3);
|
$("#number3").html(data.number3);
|
$("#money4").html(data.money4);
|
$("#number4").html(data.number4);
|
$("#money5").html(data.money5);
|
$("#number5").html(data.number5);
|
$("#money6").html(data.money6);
|
$("#number6").html(data.number6);
|
}, function (data) {
|
Feng.error("操作失败!" + data.responseJSON.message + "!");
|
});
|
ajax.set("createTime",times);
|
ajax.set("activityId",$("#activityId").val());
|
ajax.start();
|
}
|
/**
|
* 领取记录
|
*/
|
function driverActivityHistory(type,id) {
|
layer.open({
|
type: 2,
|
title: '领取记录',
|
area: ['100%', '100%'], //宽高
|
fix: false, //不固定
|
maxmin: true,
|
content: Feng.ctxPath + '/driverActivityHistory?activityId='+ id+"&type="+type
|
});
|
};
|
</script>
|
@}
|
