dlh_test_server/app/admin/view/user/user/cost_details.html
2024-10-16 10:09:41 +08:00

318 lines
15 KiB
HTML
Executable File

{layout name="layout2" /}
<style>
.layui-form-label {
width: 90px;
}
.reqRed::before {
content: '*';
color: red;
margin-right: 5px;
}
</style>
<div class="layui-form" lay-filter="adjust" id="layuiadmin-form-user" style="padding: 20px 30px 0 0;">
<input type="hidden" value="{$info.id}" name="id">
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-tab layui-tab-card" lay-filter="like-tabs">
<ul class="layui-tab-title">
<li data-type="1" class="layui-this">充值</li>
<li data-type="2">佣金</li>
<li data-type="3">返补</li>
</ul>
<div class="layui-tab-content">
<!--不可提现金额调整-->
<div class="layui-tab-item layui-show">
<div class="layui-form-item">
<label for="recharge_type" class="layui-form-label">分类:</label>
<div class="layui-input-inline">
<select name="recharge_type" id="recharge_type" lay-filter="recharge_type">
<option value="">请选择分类</option>
<option value="102">余额充值</option>
<option value="103">购买商品减少余额</option>
<option value="3">本地生活买单</option>
<option value="4">本地生活购买商品</option>
<option value="408">返补充值</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">支付时间:</label>
<div class="layui-input-inline">
<div class="layui-input-inline">
<input type="text" name="start_time" class="layui-input" id="start_time"
placeholder="" 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" name="end_time" class="layui-input" id="end_time"
placeholder="" autocomplete="off">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">操作:</label>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad {$view_theme_color}" lay-submit
lay-filter="recharge-search">查询
</button>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad layui-btn-primary " lay-submit
lay-filter="recharge-clear-search">清空查询
</button>
</div>
<div style="margin-left: 20px; font-weight: bold">当前用户总余额: ¥{$info['user_money']}</div>
<table id="user-recharge" lay-filter="user-recharge"></table>
<script type="text/html" id="recharge_change_amount">
¥ {{d.change_amount}}
</script>
<script type="text/html" id="recharge_left_amount">
¥ {{d.left_amount}}
</script>
</div>
<!--佣金-->
<div class="layui-tab-item">
<div class="layui-form-item">
<label for="recharge_type" class="layui-form-label">分类:</label>
<div class="layui-input-inline">
<select name="recharge_type" id="commission_type" lay-filter="recharge_type">
<option value="">请选择分类</option>
<option value="102">推荐用户收益</option>
<option value="103">推荐商户收益</option>
<option value="3">无极用户</option>
<option value="4">无极公司</option>
<option value="408">佣金提现</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">支付时间:</label>
<div class="layui-input-inline">
<div class="layui-input-inline">
<input type="text" name="start_time" class="layui-input" id="commission_start_time"
placeholder="" 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" name="end_time" class="layui-input" id="commission_end_time"
placeholder="" autocomplete="off">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">操作:</label>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad {$view_theme_color}" lay-submit
lay-filter="recharge-search">查询
</button>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad layui-btn-primary " lay-submit
lay-filter="recharge-clear-search">清空查询
</button>
</div>
<div style="margin-left: 20px; font-weight: bold">当前用户总余额: ¥{$info['user_money']}</div>
<table id="user-commission" lay-filter="user-commission"></table>
</div>
<!--返补-->
<div class="layui-tab-item">
<div class="layui-form-item">
<label for="recharge_type" class="layui-form-label">分类:</label>
<div class="layui-input-inline">
<select name="recharge_type" id="billions_type" lay-filter="recharge_type">
<option value="">请选择分类</option>
<option value="102">返补佣金</option>
<option value="103">反冲余额(减少佣金)</option>
<option value="3">本地生活商品购买</option>
<option value="4">平台商品购买</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">支付时间:</label>
<div class="layui-input-inline">
<div class="layui-input-inline">
<input type="text" name="start_time" class="layui-input" id="billions_start_time" 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" name="end_time" class="layui-input" id="billions_end_time" autocomplete="off">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">操作:</label>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad {$view_theme_color}" lay-submit
lay-filter="recharge-search">查询
</button>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad layui-btn-primary " lay-submit
lay-filter="recharge-clear-search">清空查询
</button>
</div>
<div style="margin-left: 20px; font-weight: bold">当前用户总余额: ¥{$info['user_money']}</div>
<table id="user-billions" lay-filter="user-billions"></table>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="adjust_user-submit" id="adjust_user-submit" value="确认">
</div>
</div>
<script>
layui.config({
version: "{$front_version}",
base: '/static/lib/' //静态资源所在路径
}).use(['form', 'element'], function () {
var $ = layui.$
, form = layui.form
, table = layui.table
, element = layui.element
, laydate = layui.laydate;
var id = '{$info.id}';
element.on('tab(adjust)', function () {
$('#type').val($(this).attr('data-type'));
});
//日期时间范围
laydate.render({
elem: '#start_time'
, type: 'datetime'
, trigger: 'click'
, done: function (value, date, endDate) {
var startDate = new Date(value).getTime();
var endTime = new Date($('#end_time').val()).getTime();
if (endTime < startDate) {
layer.msg('结束时间不能小于开始时间');
$('#start_time').val($('#end_time').val());
}
}
});
laydate.render({
elem: '#end_time'
, type: 'datetime'
, trigger: 'click'
, done: function (value, date, endDate) {
var startDate = new Date($('#start_time').val()).getTime();
var endTime = new Date(value).getTime();
console.log(startDate);
if (endTime < startDate) {
layer.msg('结束时间不能小于开始时间');
$('#end_time').val($('#start_time').val());
}
}
});
//获取列表
getList(1); // 初始话充值列表
//切换列表
element.on('tab(like-tabs)', function (data) {
console.log(123123)
var type = $(this).attr('data-type');
// // 重置搜索模块
// $('#shop_name').val('');
// $('#goods_name').val('');
// $('#platform_cate_id').val('');
// $('#shop_cate_id').val('');
// $('#goods_column_id').val('');
// form.render('select');
// if (type == 4) {
// $("#more_audit").show();
// }else {
// $("#more_audit").hide();
// }
// if (type == 1 || type == 2 || type == 3) {
// $("#more_lower").show();
// }else {
// $("#more_lower").hide();
// }
// 重新获取商品列表
getList(type);
});
function getList(type) {
if (type === 1) {
like.tableLists('#user-recharge', '{:url("user.user/costDetails")}?id=' + id + '&type=' + type + '&sel_type=' + $('#recharge_type').val(), [
{field: 'id', title: 'id', width: 100, align: 'center'}
, {field: 'log_sn', title: '订单号', width: 200}
, {field: 'change_amount', title: '变动金额', width: 200, templet: '#recharge_change_amount'}
, {field: 'left_amount', title: '剩余金额', width: 200, templet: '#recharge_left_amount'}
, {field: 'create_time', title: '创建时间', width: 200}
]);
} else if (type === 2) {
like.tableLists('#user-commission', '{:url("user.user/costDetails")}?id=' + id + '&type=' + type + '&sel_type=' + $('#recharge_type').val(), [
{field: 'id', title: 'id', width: 100, align: 'center'}
, {field: 'log_sn', title: '订单号', width: 200}
, {field: 'change_amount', title: '变动金额', width: 200, templet: '#recharge_change_amount'}
, {field: 'left_amount', title: '剩余金额', width: 200, templet: '#recharge_left_amount'}
, {field: 'create_time', title: '创建时间', width: 200}
]);
} else if (type === 3) {
like.tableLists('#user-billions', '{:url("user.user/costDetails")}?id=' + id + '&type=' + type + '&sel_type=' + $('#recharge_type').val(), [
{field: 'id', title: 'id', width: 100, align: 'center'}
, {field: 'log_sn', title: '订单号', width: 200}
, {field: 'change_amount', title: '变动金额', width: 200, templet: '#recharge_change_amount'}
, {field: 'left_amount', title: '剩余金额', width: 200, templet: '#recharge_left_amount'}
, {field: 'create_time', title: '创建时间', width: 200}
]);
}
}
// 充值记录筛选
form.on('select(recharge_type)', function (data) {
getList(1)
});
// 充值监听搜索
form.on('submit(recharge-search)', function (data) {
var field = data.field;
// 执行重载
table.reload('user-recharge', {
where: field,
page: {
curr: 1
}
});
});
// 清空充值搜索条件
form.on('submit(recharge-clear-search)', function () {
$('#start_time').val('');
$('#end_time').val('');
// 执行重载
table.reload('user-recharge', {
where: [],
page: {
curr: 1
}
});
});
})
</script>