532 lines
23 KiB
HTML
Executable File
532 lines
23 KiB
HTML
Executable File
{layout name="layout1" /}
|
|
<style>
|
|
.layui-form-label {
|
|
width: 120px;
|
|
}
|
|
|
|
.copy {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.tips {
|
|
color: red;
|
|
}
|
|
|
|
.layui-form-item .layui-input-inline {
|
|
width: 410px;
|
|
}
|
|
|
|
.layui-input {
|
|
display: inline-block;
|
|
width: 80%;
|
|
}
|
|
|
|
.layuiadmin-big-font {
|
|
font-size: 25px;
|
|
}
|
|
</style>
|
|
<div class="wrapper">
|
|
<div class="layui-card">
|
|
<div class="layui-card-body layui-form">
|
|
<div class="layui-form" lay-filter="">
|
|
<div class="layui-form-item div-flex">
|
|
<fieldset class="layui-elem-field layui-field-title">
|
|
<legend>数据筛选</legend>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">记录时间:</label>
|
|
<div class="layui-input-inline">
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="start_time" name="start_time" class="layui-input" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div class="layui-input-inline" style="margin-right: 5px;width: 20px;">
|
|
<label class="layui-form-mid">至</label>
|
|
</div>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="end_time" name="end_time" class="layui-input" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<div class="layui-btn-group">
|
|
<button type="button" day="1" class="layui-btn layui-btn-sm layui-btn-primary day">今天</button>
|
|
<button type="button" day="-1" class="layui-btn layui-btn-sm layui-btn-primary day">昨天</button>
|
|
<button type="button" day="7" class="layui-btn layui-btn-sm layui-btn-primary day">近7天</button>
|
|
<button type="button" day="30" class="layui-btn layui-btn-sm layui-btn-primary day">近30天</button>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="account-search">查询</button>
|
|
<button class="layui-btn layui-btn-sm layui-btn-primary" lay-submit lay-filter="account-clear-search">重置</button>
|
|
<button class="layui-btn layui-btn-sm layui-btn-primary" lay-submit lay-filter="data-export">导出</button>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<!-- 平台汇总-->
|
|
<div class="layui-form-item div-flex">
|
|
<fieldset class="layui-elem-field layui-field-title">
|
|
<legend>平台汇总</legend>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
已结算交易服务费（平台收入）（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="shopAmount">{$shop.shopAmount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
会员提现手续费（平台收入）（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="userPoundage">{$shop.userPoundage}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
商家提现手续费（平台收入）（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="commissionAmount">{$shop.commissionAmount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<!-- 商家汇总-->
|
|
<div class="layui-form-item div-flex">
|
|
<fieldset class="layui-elem-field layui-field-title">
|
|
<legend>商家汇总</legend>
|
|
</fieldset>
|
|
</div>
|
|
|
|
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
成交订单笔数
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="orderNum">{$shop.orderNum}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
营业额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="orderAmount">{$shop.orderAmount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
退款订单金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="refundAmount">{$shop.refundAmount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
待退款订单金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="refundAmountIng">{$shop.refundAmountIng}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
售后退款金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="salesRefundAmount">{$shop.salesRefundAmount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
待售后退款金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="salesRefundAmountIng">{$shop.salesRefundAmountIng}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
已结算成交订单数
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="settleOrederNum">{$shop.settleOrederNum}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
已结算营业额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="settleOrederAmount">{$shop.settleOrederAmount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
待结算营业额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="settleOrederAmountWait">{$shop.settleOrederAmountWait}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
已结算分销佣金金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="settleDistributionAmount">{$shop.settleDistributionAmount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
已结算入账金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="settleWithdrawalAmount">{$shop.settleWithdrawalAmount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
已结算交易服务费（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="settlePoundageAmount">{$shop.settlePoundageAmount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
已提现金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="withdrawaLeftamount">{$shop.withdrawaLeftamount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
提现中金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="withdrawaLeftamountIng">{$shop.withdrawaLeftamountIng}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
可提现金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="shopWallet">{$shop.shopWallet}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
|
|
<!-- 商家汇总-->
|
|
<div class="layui-form-item div-flex">
|
|
<fieldset class="layui-elem-field layui-field-title">
|
|
<legend>会员汇总</legend>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
会员余额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="userMoney">{$shop.userMoney}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
已结算分销佣金金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="userSettleDistributionAmount">{$shop.userSettleDistributionAmount}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
已提现佣金金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="userDistributionMoney">{$shop.userDistributionMoney}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
提现中佣金金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="userDistributionMoneyIng">{$shop.userDistributionMoneyIng}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
可提现佣金金额（元）
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="userDistributionMoneyWait">{$shop.userDistributionMoneyWait}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<br>
|
|
<!-- 积分汇总-->
|
|
<div class="layui-form-item div-flex">
|
|
<fieldset class="layui-elem-field layui-field-title">
|
|
<legend>积分汇总</legend>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
总积分
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="all_integral">{$shop.all_integral}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
签到送出积分
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="sign_in_integral">{$shop.sign_in_integral}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
使用积分
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="use_integral">{$shop.use_integral}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-sm6 layui-col-md3">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
下单赠送积分
|
|
</div>
|
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font" id="consume_award_integral">{$shop.consume_award_integral}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
layui.config({
|
|
version: "{$front_version}",
|
|
base: '/static/lib/' //静态资源所在路径
|
|
}).use(['form'], function () {
|
|
var $ = layui.$
|
|
,form = layui.form
|
|
,laydate = layui.laydate
|
|
|
|
// 时间筛选
|
|
laydate.render({elem:'#start_time' ,type:'datetime', theme:'#1E9FFF'});
|
|
laydate.render({elem:'#end_time' ,type:'datetime', theme:'#1E9FFF'});
|
|
|
|
// 图片上传
|
|
$(document).on("click", "#qrimage", function () {
|
|
like.imageUpload({
|
|
limit: 1,
|
|
field: "qr_code",
|
|
that: $(this)
|
|
});
|
|
})
|
|
// 删除图片
|
|
like.delUpload();
|
|
// 放大图片
|
|
$(document).on('click', 'img', function () {
|
|
var image = $(this).attr('src');
|
|
like.showImg(image, 600);
|
|
});
|
|
|
|
//复制
|
|
$(document).on('click', '.copy', function () {
|
|
var copyText = $(this).prev()
|
|
copyText.select()
|
|
document.execCommand("Copy");
|
|
})
|
|
// 提交表单
|
|
form.on('submit(setoa)', function (data) {
|
|
like.ajax({
|
|
url: '{:url("wechat.oa/setOa")}' //实际使用请改成服务端真实接口
|
|
, data: data.field
|
|
, type: 'post'
|
|
, success: function (res) {
|
|
if (res.code == 1) {
|
|
layer.msg(res.msg, {
|
|
offset: '15px'
|
|
, icon: 1
|
|
, time: 1000
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
// 监听搜索
|
|
form.on('submit(account-search)', function (data) {
|
|
var field = data.field;
|
|
if (field.end_time <= field.start_time) {
|
|
layer.msg('结束时间需要大于开始时间');
|
|
return false
|
|
}
|
|
|
|
like.ajax({
|
|
url: '{:url("finance.Finance/center")}'
|
|
, data: field
|
|
, type: 'post'
|
|
, success: function (res) {
|
|
const obj = res.data
|
|
for (let key in obj) {
|
|
console.log(key);
|
|
$("#" + key).html(obj[key])
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
//时间筛选
|
|
$(document).on("click", ".day", function () {
|
|
var day = parseInt($(this).attr("day"));
|
|
var start_time = "";
|
|
var end_time = "";
|
|
switch (day) {
|
|
case 1:
|
|
start_time = "{$dateTime.today[0]}";
|
|
end_time = "{$dateTime.today[1]}";
|
|
break;
|
|
case -1:
|
|
start_time = "{$dateTime.yesterday[0]}";
|
|
end_time = "{$dateTime.yesterday[1]}";
|
|
console.log(start_time);
|
|
break;
|
|
case 7:
|
|
start_time = "{$dateTime.days_ago7[0]}";
|
|
end_time = "{$dateTime.days_ago7[1]}";
|
|
break;
|
|
case 30:
|
|
start_time = "{$dateTime.days_ago30[0]}";
|
|
end_time = "{$dateTime.days_ago30[1]}";
|
|
break;
|
|
}
|
|
|
|
$(this).siblings().removeClass('layui-btn-normal');
|
|
$(this).siblings().addClass('layui-btn-primary');
|
|
$(this).removeClass("layui-btn-primary");
|
|
$(this).addClass('layui-btn-normal');
|
|
|
|
$("#start_time").val(start_time);
|
|
$("#end_time").val(end_time);
|
|
})
|
|
});
|
|
|
|
</script> |