612 lines
17 KiB
HTML
612 lines
17 KiB
HTML
{extend name="base"/}
|
||
{block name="resources"}
|
||
<style>
|
||
.panel-content { padding-left: 15px; box-sizing: border-box; }
|
||
.custom-panel .custom-panel-title .panel-content { width: calc(100% - 190px); }
|
||
.account-value, .split { line-height: 34px; }
|
||
.custom-panel .custom-panel-from { display: flex; }
|
||
.custom-panel .custom-panel-from .layui-form-label{
|
||
text-align: center;
|
||
}
|
||
.custom-panel .custom-panel-from>div{
|
||
text-align: center;
|
||
}
|
||
.custom-panel .custom-panel-from .layui-form-item>div>span{
|
||
margin-right: 10px;
|
||
}
|
||
.custom-panel .custom-panel-from .layui-form-item>div>button{
|
||
width: 20px;
|
||
height: 20px;
|
||
text-align: center;
|
||
padding: 0;
|
||
line-height: 20px;
|
||
border:0;
|
||
color:#FF6A00 ;
|
||
}
|
||
.layui-input-block + .layui-word-aux {
|
||
display: block;
|
||
margin-left: 100px;
|
||
}
|
||
.shop-account {
|
||
display: flex;
|
||
align-items: center;
|
||
position: relative;
|
||
padding: 15px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.shop-detail p {
|
||
display: inline-block;
|
||
width: 300px;
|
||
line-height: 30px;
|
||
}
|
||
.screen {
|
||
margin: 15px 0;
|
||
}
|
||
.layui-colla-content {
|
||
border: none;
|
||
background-color: #F2F3F5;
|
||
}
|
||
</style>
|
||
{/block}
|
||
{block name='body'}
|
||
<div class="custom-panel">
|
||
<div class="screen layui-collapse" lay-filter="selection_panel">
|
||
<div class="layui-colla-item">
|
||
<form class="layui-colla-content layui-form layui-show">
|
||
<div class="layui-form-item flex">
|
||
{if $account_type == 'balance,balance_money'}
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">账户类型</label>
|
||
<div class="layui-input-inline">
|
||
<select name="account_type" lay-filter="account_type">
|
||
<option value="balance,balance_money">请选择</option>
|
||
<option value="balance">储值消费券</option>
|
||
<option value="balance_money">现金消费券</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">来源类型</label>
|
||
<div class="layui-input-inline">
|
||
<select name="from_type" class="from_type">
|
||
<option value="">请选择</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
{else /}
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">来源类型</label>
|
||
<div class="layui-input-inline">
|
||
<select name="from_type" class="from_type">
|
||
<option value="">请选择</option>
|
||
{foreach $from_type_arr as $from_type_arr_k => $from_type_arr_v}
|
||
<option value="{$from_type_arr_k}">{$from_type_arr_v['type_name']}</option>
|
||
{/foreach}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
|
||
</div>
|
||
<div class="layui-form-item flex">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">发生时间</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" class="layui-input" name="start_date" id="start_date" placeholder="开始时间" autocomplete="off" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline split"> - </div>
|
||
<div class="layui-input-inline">
|
||
<input type="text" class="layui-input" name="end_date" id="end_date" placeholder="结束时间" autocomplete="off" readonly>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-row">
|
||
<button class="layui-btn" lay-submit lay-filter="search">筛选</button>
|
||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||
</div>
|
||
<input type="hidden" name="member_id" value="{$member_id}" id="member_id"/>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 列表 -->
|
||
<table id="member_account" lay-filter="member_account"></table>
|
||
{/block}
|
||
{block name="script"}
|
||
<script>
|
||
var date = {$member_info.reg_time};
|
||
$(".reg-time").text(ns.time_to_date(date, "YYYY-MM-DD"));
|
||
$("#member_point").text(parseInt("{$member_info.point}"));
|
||
|
||
var form,
|
||
table,
|
||
laydate,
|
||
laytpl;
|
||
repeat_flag = false, //防重复标识
|
||
currentDate = new Date(),
|
||
minDate = "";
|
||
|
||
currentDate.setDate(currentDate.getDate() - 7);
|
||
|
||
layui.use(['form', 'laydate', 'laytpl'], function() {
|
||
form = layui.form;
|
||
laydate = layui.laydate;
|
||
laytpl = layui.laytpl;
|
||
form.render();
|
||
|
||
//开始时间
|
||
laydate.render({
|
||
elem: '#start_date',
|
||
type: 'datetime'
|
||
});
|
||
|
||
//结束时间
|
||
laydate.render({
|
||
elem: '#end_date',
|
||
type: 'datetime'
|
||
});
|
||
|
||
//根据账户类型获取来源类型
|
||
form.on('select(account_type)', function (data) {
|
||
if(data.value == 'balance,balance_money') return;
|
||
$.ajax({
|
||
type: "POST",
|
||
url: ns.url("shop/member/getfromtype"),
|
||
data: {type:data.value},
|
||
dataType: 'JSON',
|
||
success: function(res) {
|
||
|
||
var html = '<option value="">请选择</option>';
|
||
$.each(res,function(k,v){
|
||
html += '<option value="'+k+'">'+v.type_name+'</option>';
|
||
});
|
||
|
||
$('.from_type').html(html);
|
||
form.render();
|
||
}
|
||
});
|
||
});
|
||
|
||
/**
|
||
* 重新渲染结束时间
|
||
* */
|
||
function reRender() {
|
||
$("#reg_end_date").remove();
|
||
$(".end-time").html('<input type="text" class="layui-input" name="reg_end_date" id="reg_end_date" placeholder="请输入结束时间">');
|
||
laydate.render({
|
||
elem: '#reg_end_date',
|
||
min: minDate
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 加载表格
|
||
*/
|
||
table = new Table({
|
||
elem: '#member_account',
|
||
url: ns.url("shop/member/accountDetail"),
|
||
where:{
|
||
member_id : $("#member_id").val(),
|
||
account_type : '{$account_type}',
|
||
},
|
||
cols: [
|
||
[{
|
||
field: 'account_type_name',
|
||
title: '账户类型',
|
||
width: '15%',
|
||
unresize: 'false'
|
||
}, {
|
||
title: '数据金额',
|
||
width: '15%',
|
||
unresize: 'false',
|
||
align:'right',
|
||
templet: function (d) {
|
||
if (d.account_data > 0) {
|
||
// return '+' + (d.account_type = "point" ? parseInt(d.account_data) : d.account_data);
|
||
return '+' + d.account_data;
|
||
} else {
|
||
// return d.account_type = "point" ? parseInt(d.account_data) : d.account_data;
|
||
return d.account_data;
|
||
}
|
||
}
|
||
}, {
|
||
field: '',
|
||
title: '',
|
||
width: '5%',
|
||
align:'center',
|
||
unresize: 'false'
|
||
}, {
|
||
field: 'type_name',
|
||
title: '发生方式',
|
||
unresize: 'false'
|
||
}, {
|
||
field: 'remark',
|
||
title: '备注',
|
||
width: '35%',
|
||
unresize: 'false'
|
||
}, {
|
||
field: 'create_time',
|
||
title: '发生时间',
|
||
unresize: 'false',
|
||
templet: function(data) {
|
||
return ns.time_to_date(data.create_time);
|
||
}
|
||
}]
|
||
]
|
||
});
|
||
|
||
/**
|
||
* 表单验证
|
||
*/
|
||
form.verify({
|
||
num: function(value) {
|
||
var arrMen = value.split(".");
|
||
var val = 0;
|
||
if (arrMen.length == 2) {
|
||
val = arrMen[1];
|
||
}
|
||
if (value == "") {
|
||
return false;
|
||
}
|
||
if (val.length > 2) {
|
||
return '保留小数点后两位'
|
||
}
|
||
}
|
||
});
|
||
|
||
/**
|
||
* 监听提交
|
||
*/
|
||
form.on('submit(search)', function(data) {
|
||
table.reload({
|
||
page: {
|
||
curr: 1
|
||
},
|
||
where: data.field
|
||
});
|
||
return false;
|
||
});
|
||
|
||
form.on('submit(savePoint)', function(data) {
|
||
if (repeat_flag) return false;
|
||
repeat_flag = true;
|
||
var point = {$member_info.point};
|
||
if (data.field.adjust_num == 0) {
|
||
layer.msg('调整数值不能为0');
|
||
repeat_flag = false;
|
||
return ;
|
||
}
|
||
if (point*1 + data.field.adjust_num*1 < 0) {
|
||
layer.msg('积分不可以为负数');
|
||
repeat_flag = false;
|
||
return ;
|
||
}
|
||
$.ajax({
|
||
type: "POST",
|
||
url: ns.url("shop/member/adjustPoint"),
|
||
data: data.field,
|
||
dataType: 'JSON',
|
||
success: function(res) {
|
||
layer.msg(res.message);
|
||
repeat_flag = false;
|
||
|
||
if (res.code == 0) {
|
||
$("#member_point").html(res.data.point);
|
||
$("#member_point").next().attr('data-num', res.data.point);
|
||
layer.closeAll('page');
|
||
table.reload();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
form.on('submit(saveBalance)', function(data) {
|
||
if (repeat_flag) return false;
|
||
repeat_flag = true;
|
||
var balance = {$member_info.balance};
|
||
if (data.field.adjust_num == 0) {
|
||
layer.msg('调整数值不能为0');
|
||
repeat_flag = false;
|
||
return ;
|
||
}
|
||
if (balance*1 + data.field.adjust_num*1 < 0) {
|
||
layer.msg('当前储值消费券不可以为负数');
|
||
repeat_flag = false;
|
||
return ;
|
||
}
|
||
$.ajax({
|
||
type: "POST",
|
||
url: ns.url("shop/member/adjustBalance"),
|
||
data: data.field,
|
||
dataType: 'JSON',
|
||
success: function(res) {
|
||
layer.msg(res.message);
|
||
repeat_flag = false;
|
||
|
||
if (res.code == 0) {
|
||
$("#member_balance").html(res.data.balance);
|
||
$("#member_balance").next().attr('data-num', res.data.balance);
|
||
layer.closeAll('page');
|
||
table.reload();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
form.on('submit(saveBalanceMoney)', function(data) {
|
||
if (repeat_flag) return false;
|
||
repeat_flag = true;
|
||
var balance = {$member_info.balance_money};
|
||
if (data.field.adjust_num == 0) {
|
||
layer.msg('调整数值不能为0');
|
||
repeat_flag = false;
|
||
return ;
|
||
}
|
||
if (balance*1 + data.field.adjust_num*1 < 0) {
|
||
layer.msg('消费券(可提现)不可以为负数');
|
||
repeat_flag = false;
|
||
return ;
|
||
}
|
||
$.ajax({
|
||
type: "POST",
|
||
url: ns.url("shop/member/adjustBalanceMoney"),
|
||
data: data.field,
|
||
dataType: 'JSON',
|
||
success: function(res) {
|
||
layer.msg(res.message);
|
||
repeat_flag = false;
|
||
|
||
if (res.code == 0) {
|
||
$("#member_balance_money").html(res.data.balance_money);
|
||
$("#member_balance_money").next().attr('data-num', res.data.balance_money);
|
||
layer.closeAll('page');
|
||
table.reload();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
form.on('submit(saveGrowth)', function(data) {
|
||
if (repeat_flag) return false;
|
||
repeat_flag = true;
|
||
var growth = {$member_info.growth};
|
||
if (data.field.adjust_num == 0) {
|
||
layer.msg('调整数值不能为0');
|
||
repeat_flag = false;
|
||
return ;
|
||
}
|
||
if (growth*1 + data.field.adjust_num*1 < 0) {
|
||
layer.msg('成长值不可以为负数');
|
||
repeat_flag = false;
|
||
return;
|
||
}
|
||
$.ajax({
|
||
type: "POST",
|
||
url: ns.url("shop/member/adjustGrowth"),
|
||
data: data.field,
|
||
dataType: 'JSON',
|
||
success: function(res) {
|
||
layer.msg(res.message);
|
||
repeat_flag = false;
|
||
|
||
if (res.code == 0) {
|
||
$("#member_growth").html(res.data.growth);
|
||
$("#member_growth").next().attr('data-num', res.data.growth);
|
||
layer.closeAll('page');
|
||
table.reload();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
});
|
||
|
||
function savePoint(e) {
|
||
var point = $(e).attr('data-num');
|
||
var data = {
|
||
point : point
|
||
};
|
||
laytpl($("#point").html()).render(data, function(html) {
|
||
layer.open({
|
||
title: '调整积分',
|
||
skin: 'layer-tips-class',
|
||
type: 1,
|
||
area: ['800px'],
|
||
content: html
|
||
});
|
||
});
|
||
|
||
|
||
$(".integral-bounced .amount input").on("input propertychange",function(val){
|
||
var newIntegral = parseInt($(this).val());
|
||
$(this).val(newIntegral);
|
||
var currIntegral = parseInt($(".integral-bounced .account-value").text());
|
||
|
||
if (newIntegral + currIntegral < 0){
|
||
layer.msg("调整数额与当前值积分数相加不能小于0");
|
||
$(this).val(-currIntegral);
|
||
return false;
|
||
}
|
||
|
||
})
|
||
}
|
||
|
||
function saveBalance(e) {
|
||
var balance = $(e).attr('data-num');
|
||
var data = {
|
||
balance : balance
|
||
};
|
||
laytpl($("#balance").html()).render(data, function(html) {
|
||
layer.open({
|
||
title: '调整储值消费券',
|
||
skin: 'layer-tips-class',
|
||
type: 1,
|
||
area: ['800px'],
|
||
content: html
|
||
});
|
||
});
|
||
}
|
||
|
||
function saveBalanceMoney(e) {
|
||
var balance_money = $(e).attr('data-num');
|
||
var data = {
|
||
balance_money : balance_money
|
||
};
|
||
laytpl($("#balance_money").html()).render(data, function(html) {
|
||
layer.open({
|
||
title: '调整现金消费券',
|
||
skin: 'layer-tips-class',
|
||
type: 1,
|
||
area: ['800px'],
|
||
content: html
|
||
});
|
||
});
|
||
}
|
||
|
||
function saveGrowth(e) {
|
||
var growth = $(e).attr('data-num');
|
||
var data = {
|
||
growth : growth
|
||
};
|
||
laytpl($("#growth").html()).render(data, function(html) {
|
||
layer.open({
|
||
title: '调整成长值',
|
||
skin: 'layer-tips-class',
|
||
type: 1,
|
||
area: ['800px'],
|
||
content: html
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
|
||
<!-- 积分弹框html -->
|
||
<script type="text/html" id="point">
|
||
<div class="layui-form integral-bounced">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">当前积分：</label>
|
||
<div class="layui-input-block account-value">{{ parseInt(d.point) }}</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">调整数额：</label>
|
||
<div class="layui-input-block amount">
|
||
<input type="number" value="0" placeholder="请输入调整数额" name="adjust_num" lay-verify="num" class="layui-input len-short">
|
||
</div>
|
||
<span class="word-aux">调整数额与当前积分数相加不能小于0</span>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">备注：</label>
|
||
<div class="layui-input-block len-long">
|
||
<textarea class="layui-textarea" name="remark" placeholder="请输入备注" maxlength="150"></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-row">
|
||
<button class="layui-btn" lay-submit lay-filter="savePoint">确定</button>
|
||
</div>
|
||
|
||
<input type="hidden" name="member_id" value="{$member_info.member_id}" />
|
||
<input type="hidden" name="point" value="{{ d.point }}" />
|
||
</div>
|
||
</script>
|
||
|
||
<!-- 余额弹框html -->
|
||
<script type="text/html" id="balance">
|
||
<div class="layui-form">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">当前储值消费券：</label>
|
||
<div class="layui-input-block account-value">{{ d.balance }}</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">调整数额：</label>
|
||
<div class="layui-input-block">
|
||
<input type="number" value="0" placeholder="请输入调整数额" name="adjust_num" lay-verify="num" class="layui-input len-short">
|
||
</div>
|
||
<span class="word-aux">调整数额与当前储值消费券相加不能小于0</span>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">备注：</label>
|
||
<div class="layui-input-block len-long">
|
||
<textarea class="layui-textarea" name="remark" placeholder="请输入备注" maxlength="150"></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-row">
|
||
<button class="layui-btn" lay-submit lay-filter="saveBalance">确定</button>
|
||
</div>
|
||
|
||
<input type="hidden" name="member_id" value="{$member_info.member_id}" />
|
||
<input type="hidden" name="point" value="{{ d.balance }}" />
|
||
</div>
|
||
</script>
|
||
|
||
<!-- 现金消费券弹框html -->
|
||
<script type="text/html" id="balance_money">
|
||
<div class="layui-form">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">当前现金消费券：</label>
|
||
<div class="layui-input-block account-value">{{ d.balance_money }}</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">调整数额：</label>
|
||
<div class="layui-input-block">
|
||
<input type="number" value="0" placeholder="请输入调整数额" name="adjust_num" lay-verify="num" class="layui-input len-short">
|
||
</div>
|
||
<span class="word-aux">调整数额与当前现金消费券相加不能小于0</span>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">备注：</label>
|
||
<div class="layui-input-block len-long">
|
||
<textarea class="layui-textarea" name="remark" placeholder="请输入备注" maxlength="150"></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-row">
|
||
<button class="layui-btn" lay-submit lay-filter="saveBalanceMoney">确定</button>
|
||
</div>
|
||
|
||
<input type="hidden" name="member_id" value="{$member_info.member_id}" />
|
||
<input type="hidden" name="point" value="{{ d.balance_money }}" />
|
||
</div>
|
||
</script>
|
||
|
||
<!-- 成长值弹框html -->
|
||
<script type="text/html" id="growth">
|
||
<div class="layui-form">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">当前成长值：</label>
|
||
<div class="layui-input-block account-value">{{ d.growth }}</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">调整数额：</label>
|
||
<div class="layui-input-block">
|
||
<input type="number" value="0" placeholder="请输入调整数额" name="adjust_num" lay-verify="num" class="layui-input len-short">
|
||
</div>
|
||
<span class="word-aux">调整数额与当前成长值相加不能小于0</span>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">备注：</label>
|
||
<div class="layui-input-block len-long">
|
||
<textarea class="layui-textarea" name="remark" placeholder="请输入备注" maxlength="150"></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-row">
|
||
<button class="layui-btn" lay-submit lay-filter="saveGrowth">确定</button>
|
||
</div>
|
||
|
||
<input type="hidden" name="member_id" value="{$member_info.member_id}" />
|
||
<input type="hidden" name="point" value="{{ d.growth }}" />
|
||
</div>
|
||
</script>
|
||
{/block} |