完成充值功能整体开发。

This commit is contained in:
jianweie code
2023-03-27 02:43:50 +08:00
parent a44f9c8dd6
commit 565c72039d
24 changed files with 1988 additions and 49 deletions

View File

@@ -0,0 +1,89 @@
<script type="text/html" template lay-done="layui.data.done(d);">
<div class="layui-form coreshop-form layui-form-pane" lay-filter="LAY-app-CoreCmsTopUpType-createForm" id="LAY-app-CoreCmsTopUpType-createForm">
<div class="layui-form-item">
<label for="title" class="layui-form-label layui-form-required">标题</label>
<div class="layui-input-inline">
<input name="title" lay-verType="tips" lay-verify="required|verifytitle" class="layui-input" lay-reqText="请输入标题" placeholder="请输入标题" />
</div>
<div class="layui-form-mid layui-word-aux">如冲100送100,或者100这样</div>
</div>
<div class="layui-form-item">
<label for="title" class="layui-form-label layui-form-required">说明</label>
<div class="layui-input-block">
<input name="description" lay-verType="tips" class="layui-input" placeholder="请输入说明" lay-reqText="请输入说明" />
</div>
</div>
<div class="layui-form-item">
<label for="defaultMoney" class="layui-form-label layui-form-required">充值金额</label>
<div class="layui-input-inline">
<input type="number" min="0" max="999999" name="defaultMoney" lay-verType="tips" lay-verify="required|number" class="layui-input" value="1" placeholder="请输入充值金额" lay-reqText="请输入充值金额并为数字" />
</div>
<div class="layui-form-mid layui-word-aux">充值具体需要支付的金额</div>
</div>
<div class="layui-form-item">
<label for="giftMoney" class="layui-form-label layui-form-required">赠送金额</label>
<div class="layui-input-inline">
<input type="number" min="0" max="999999" name="giftMoney" lay-verType="tips" lay-verify="required|number" class="layui-input" value="1" placeholder="请输入赠送金额" lay-reqText="请输入赠送金额并为数字" />
</div>
<div class="layui-form-mid layui-word-aux">充值支付后实际到账赠送的金额</div>
</div>
<div class="layui-form-item">
<label for="giftPoint" class="layui-form-label layui-form-required">赠送积分</label>
<div class="layui-input-inline">
<input type="number" min="0" max="999999" name="giftPoint" lay-verType="tips" lay-verify="required|number" class="layui-input" value="1" placeholder="请输入赠送积分" lay-reqText="请输入赠送积分并为数字" />
</div>
<div class="layui-form-mid layui-word-aux">充值支付后实际到账赠送的积分</div>
</div>
<div class="layui-form-item">
<label for="sortId" class="layui-form-label layui-form-required">显示排序</label>
<div class="layui-input-inline">
<input type="number" min="0" max="999999" name="sortId" lay-verType="tips" lay-verify="required|number" class="layui-input" value="1" placeholder="请输入显示排序" lay-reqText="请输入显示排序并为数字" />
</div>
<div class="layui-form-mid layui-word-aux">从小到大在前端显示</div>
</div>
<div class="layui-form-item">
<label for="isEnable" class="layui-form-label layui-form-required">是否启用</label>
<div class="layui-input-inline">
<input type="checkbox" lay-filter="switch" name="isEnable" lay-skin="switch" lay-text="开启|关闭">
</div>
<div class="layui-form-mid layui-word-aux">只有设置为开启才会在前端显示</div>
</div>
<div class="layui-form-item text-right core-hidden">
<input type="button" class="layui-btn" lay-submit lay-filter="LAY-app-CoreCmsTopUpType-createForm-submit" id="LAY-app-CoreCmsTopUpType-createForm-submit" value="确认添加">
</div>
</div>
</script>
<script>
var debug = layui.setter.debug;
layui.data.done = function (d) {
//开启调试情况下获取接口赋值数据
if (debug) { console.log(d.params.data); }
layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'cropperImg'],
function () {
var $ = layui.$
, form = layui.form
, admin = layui.admin
, laydate = layui.laydate
, upload = layui.upload
, cropperImg = layui.cropperImg
, coreHelper = layui.coreHelper;
form.verify({
verifytitle: [/^.{0,50}$/, '标题最大只允许输入50位字符'],
});
//重载form
form.render(null, 'LAY-app-CoreCmsTopUpType-createForm');
})
};
</script>

View File

@@ -0,0 +1,90 @@
<script type="text/html" template lay-done="layui.data.done(d);">
<table class="layui-table layui-form" lay-filter="LAY-app-CoreCmsTopUpType-detailsForm" id="LAY-app-CoreCmsTopUpType-detailsForm">
<colgroup>
<col width="100">
<col>
</colgroup>
<tbody>
<tr>
<td>
<label for="id">序列</label>
</td>
<td>
{{ d.params.data.id || '' }}
</td>
</tr>
<tr>
<td>
<label for="title">标题</label>
</td>
<td>
{{ d.params.data.title || '' }}
</td>
</tr>
<tr>
<td>
<label for="defaultMoney">充值金额</label>
</td>
<td>
{{ d.params.data.defaultMoney || '' }}
</td>
</tr>
<tr>
<td>
<label for="giftMoney">赠送金额</label>
</td>
<td>
{{ d.params.data.giftMoney || '' }}
</td>
</tr>
<tr>
<td>
<label for="giftPoint">赠送积分</label>
</td>
<td>
{{ d.params.data.giftPoint || '' }}
</td>
</tr>
<tr>
<td>
<label for="sortId">显示排序</label>
</td>
<td>
{{ d.params.data.sortId || '' }}
</td>
</tr>
<tr>
<td>
<label for="isEnable">是否启用</label>
</td>
<td>
<input type="checkbox" disabled name="isEnable" value="{{d.params.data.isEnable}}" lay-skin="switch" lay-text="开启|关闭" lay-filter="isEnable" {{ d.params.data.isEnable ? 'checked' : '' }}>
</td>
</tr>
</tbody>
</table>
</script>
<script>
var debug= layui.setter.debug;
layui.data.done = function (d) {
//开启调试情况下获取接口赋值数据
if (debug) { console.log(d.params.data); }
layui.use(['admin', 'form', 'coreHelper'], function () {
var $ = layui.$
, setter = layui.setter
, admin = layui.admin
, coreHelper = layui.coreHelper
, form = layui.form;
form.render(null, 'LAY-app-CoreCmsTopUpType-detailsForm');
});
};
</script>

View File

@@ -0,0 +1,86 @@
<script type="text/html" template lay-done="layui.data.sendParams(d);">
<div class="layui-form coreshop-form layui-form-pane" lay-filter="LAY-app-CoreCmsTopUpType-editForm" id="LAY-app-CoreCmsTopUpType-editForm">
<input type="hidden" name="id" value="{{d.params.data.id || '' }}" />
<div class="layui-form-item">
<label for="title" class="layui-form-label layui-form-required">标题</label>
<div class="layui-input-block">
<input name="title" lay-verType="tips" lay-verify="required|verifytitle" class="layui-input" placeholder="请输入标题" lay-reqText="请输入标题" value="{{d.params.data.title || '' }}" />
</div>
</div>
<div class="layui-form-item">
<label for="title" class="layui-form-label layui-form-required">说明</label>
<div class="layui-input-block">
<input name="description" lay-verType="tips" class="layui-input" placeholder="请输入说明" lay-reqText="请输入说明" value="{{d.params.data.description || '' }}" />
</div>
</div>
<div class="layui-form-item">
<label for="defaultMoney" class="layui-form-label layui-form-required">充值金额</label>
<div class="layui-input-block">
<input type="number" min="0" max="999999" name="defaultMoney" lay-verType="tips" lay-verify="required|number" class="layui-input" value="{{d.params.data.defaultMoney || '0' }}" placeholder="请输入充值金额" lay-reqText="请输入充值金额并为数字" />
</div>
</div>
<div class="layui-form-item">
<label for="giftMoney" class="layui-form-label layui-form-required">赠送金额</label>
<div class="layui-input-block">
<input type="number" min="0" max="999999" name="giftMoney" lay-verType="tips" lay-verify="required|number" class="layui-input" value="{{d.params.data.giftMoney || '0' }}" placeholder="请输入赠送金额" lay-reqText="请输入赠送金额并为数字" />
</div>
</div>
<div class="layui-form-item">
<label for="giftPoint" class="layui-form-label layui-form-required">赠送积分</label>
<div class="layui-input-block">
<input type="number" min="0" max="999999" name="giftPoint" lay-verType="tips" lay-verify="required|number" class="layui-input" value="{{d.params.data.giftPoint || '0' }}" placeholder="请输入赠送积分" lay-reqText="请输入赠送积分并为数字" />
</div>
</div>
<div class="layui-form-item">
<label for="sortId" class="layui-form-label layui-form-required">显示排序</label>
<div class="layui-input-block">
<input type="number" min="0" max="999999" name="sortId" lay-verType="tips" lay-verify="required|number" class="layui-input" value="{{d.params.data.sortId || '0' }}" placeholder="请输入显示排序" lay-reqText="请输入显示排序并为数字" />
</div>
</div>
<div class="layui-form-item" pane>
<label for="isEnable" class="layui-form-label layui-form-required">是否启用</label>
<div class="layui-input-block">
<input type="checkbox" lay-filter="switch" name="isEnable" {{ d.params.data.isEnable ? 'checked' : '' }} lay-skin="switch" lay-text="开启|关闭">
</div>
</div>
<div class="layui-form-item text-right core-hidden">
<input type="button" class="layui-btn" lay-submit lay-filter="LAY-app-CoreCmsTopUpType-editForm-submit" id="LAY-app-CoreCmsTopUpType-editForm-submit" value="确认编辑">
</div>
</div>
</script>
<script>
var debug= layui.setter.debug;
layui.data.sendParams = function (d) {
//开启调试情况下获取接口赋值数据
if (debug) { console.log(d.params.data); }
layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'cropperImg'],
function () {
var $ = layui.$
, form = layui.form
, admin = layui.admin
, laydate = layui.laydate
, upload = layui.upload
, cropperImg = layui.cropperImg
, coreHelper = layui.coreHelper;
form.verify({
verifytitle: [/^.{0,50}$/,'标题最大只允许输入50位字符'],
});
//重载form
form.render(null, 'LAY-app-CoreCmsTopUpType-editForm');
})
};
</script>

View File

@@ -0,0 +1,328 @@
<title>充值类型</title>
<!--当前位置开始-->
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb">
<script type="text/html" template lay-done="layui.data.updateMainBreadcrumb();">
</script>
</div>
</div>
<!--当前位置结束-->
<style>
/* 重写样式 */
</style>
<script type="text/html" template lay-type="Post" lay-url="Api/CoreCmsTopUpType/GetIndex" lay-done="layui.data.done(d);">
</script>
<div class="table-body">
<table id="LAY-app-CoreCmsTopUpType-tableBox" lay-filter="LAY-app-CoreCmsTopUpType-tableBox"></table>
</div>
<script type="text/html" id="LAY-app-CoreCmsTopUpType-toolbar">
<div class="layui-form coreshop-toolbar-search-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label" for="title">标题</label>
<div class="layui-input-inline">
<input type="text" name="title" placeholder="请输入标题" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" for="isEnable">是否启用</label>
<div class="layui-input-inline">
<select name="isEnable">
<option value="">请选择</option>
<option value="True"></option>
<option value="False"></option>
</select>
</div>
</div>
<div class="layui-inline">
<button class="layui-btn layui-btn-sm" lay-submit lay-filter="LAY-app-CoreCmsTopUpType-search"><i class="layui-icon layui-icon-search"></i></button>
</div>
</div>
</div>
</script>
<script type="text/html" id="LAY-app-CoreCmsTopUpType-pagebar">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm" lay-event="addData"><i class="layui-icon layui-icon-add-1"></i></button>
</div>
</script>
<script type="text/html" id="LAY-app-CoreCmsTopUpType-tableBox-bar">
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" data-dropdown="#CoreCmsTopUpTypeTbDelDrop{{d.LAY_INDEX}}" no-shade="true">删除</a>
<div class="dropdown-menu-nav dropdown-popconfirm dropdown-top-right layui-hide" id="CoreCmsTopUpTypeTbDelDrop{{d.LAY_INDEX}}"
style="max-width: 200px;white-space: normal;min-width: auto;margin-left: 10px;">
<div class="dropdown-anchor"></div>
<div class="dropdown-popconfirm-title">
<i class="layui-icon layui-icon-help"></i>
确定要删除吗
</div>
<div class="dropdown-popconfirm-btn">
<a class="layui-btn layui-btn-primary cursor" btn-cancel>取消</a>
<a class="layui-btn layui-btn-normal cursor" lay-event="del">确定</a>
</div>
</div>
</script>
<script>
var indexData;
var debug = layui.setter.debug;
layui.data.done = function (d) {
//开启调试情况下获取接口赋值数据
if (debug) { console.log(d); }
indexData = d.data;
layui.use(['index', 'table', 'laydate', 'util', 'coredropdown', 'coreHelper'],
function () {
var $ = layui.$
, admin = layui.admin
, table = layui.table
, form = layui.form
, laydate = layui.laydate
, setter = layui.setter
, coreHelper = layui.coreHelper
, util = layui.util
, view = layui.view;
var searchwhere;
//监听搜索
form.on('submit(LAY-app-CoreCmsTopUpType-search)',
function (data) {
var field = data.field;
searchwhere = field;
//执行重载
table.reloadData('LAY-app-CoreCmsTopUpType-tableBox', { where: field });
});
//数据绑定
table.render({
elem: '#LAY-app-CoreCmsTopUpType-tableBox',
url: layui.setter.apiUrl + 'Api/CoreCmsTopUpType/GetPageList',
method: 'POST',
toolbar: '#LAY-app-CoreCmsTopUpType-toolbar',
pagebar: '#LAY-app-CoreCmsTopUpType-pagebar',
className: 'pagebarbox',
defaultToolbar: ['filter', 'print', 'exports'],
height: 'full-127',//面包屑142px,搜索框4行172,3行137,2行102,1行67
page: true,
limit: 30,
limits: [10, 15, 20, 25, 30, 50, 100, 200],
text: { none: '暂无相关数据' },
cols: [
[
{ type: "checkbox", fixed: "left" },
{ field: 'id', title: '序列', width: 60, sort: false },
{ field: 'title', title: '标题', sort: false, width: 105 },
{ field: 'defaultMoney', title: '充值金额', sort: false, width: 105 },
{ field: 'giftMoney', title: '赠送金额', sort: false, width: 105 },
{ field: 'giftPoint', title: '赠送积分', sort: false, width: 105 },
{ field: 'sortId', title: '显示排序', sort: false, width: 105 },
{ field: 'isEnable', title: '是否启用', width: 95, templet: '#switch_isEnable', sort: false, unresize: true },
{ field: 'description', title: '说明', sort: false },
{ width: 162, align: 'center', title: '操作', fixed: 'right', toolbar: '#LAY-app-CoreCmsTopUpType-tableBox-bar' }
]
]
});
//监听排序事件
table.on('sort(LAY-app-CoreCmsTopUpType-tableBox)', function (obj) {
table.reloadData('LAY-app-CoreCmsTopUpType-tableBox', {
initSort: obj, //记录初始排序,如果不设的话,将无法标记表头的排序状态。
where: { //请求参数(注意:这里面的参数可任意定义,并非下面固定的格式)
orderField: obj.field, //排序字段
orderDirection: obj.type //排序方式
}
});
});
//监听行双击事件
table.on('rowDouble(LAY-app-CoreCmsTopUpType-tableBox)', function (obj) {
//查看详情
doDetails(obj);
});
//头工具栏事件
table.on('pagebar(LAY-app-CoreCmsTopUpType-tableBox)', function (obj) {
var checkStatus = table.checkStatus(obj.config.id);
switch (obj.event) {
case 'addData':
doCreate();
break;
case 'batchDelete':
doBatchDelete(checkStatus);
break;
};
});
//监听工具条
table.on('tool(LAY-app-CoreCmsTopUpType-tableBox)',
function (obj) {
if (obj.event === 'detail') {
doDetails(obj);
} else if (obj.event === 'del') {
doDelete(obj);
} else if (obj.event === 'edit') {
doEdit(obj)
}
});
//执行创建操作
function doCreate() {
coreHelper.Post("Api/CoreCmsTopUpType/GetCreate", null, function (e) {
if (e.code === 0) {
admin.popup({
shadeClose: false,
title: '创建数据',
area: ['600px', '450px'],
id: 'LAY-popup-CoreCmsTopUpType-create',
success: function (layero, index) {
view(this.id).render('shop/topuptype/topuptype/create', { data: e.data }).done(function () {
//监听提交
form.on('submit(LAY-app-CoreCmsTopUpType-createForm-submit)',
function (data) {
var field = data.field; //获取提交的字段
field.isEnable = field.isEnable == 'on';
if (debug) { console.log(field); } //开启调试返回数据
//提交 Ajax 成功后,关闭当前弹层并重载表格
coreHelper.Post("Api/CoreCmsTopUpType/DoCreate", field, function (e) {
console.log(e)
if (e.code === 0) {
layui.table.reloadData('LAY-app-CoreCmsTopUpType-tableBox'); //重载表格
layer.close(index); //再执行关闭
layer.msg(e.msg);
} else {
layer.msg(e.msg);
}
});
});
});
// 禁止弹窗出现滚动条
$(layero).children('.layui-layer-content').css('overflow', 'visible');
}
, btn: ['确定', '取消']
, yes: function (index, layero) {
layero.contents().find("#LAY-app-CoreCmsTopUpType-createForm-submit").click();
}
});
} else {
layer.msg(e.msg);
}
});
}
//执行编辑操作
function doEdit(obj) {
coreHelper.Post("Api/CoreCmsTopUpType/GetEdit", { id: obj.data.id }, function (e) {
if (e.code === 0) {
admin.popup({
shadeClose: false,
title: '编辑数据',
area: ['600px', '450px'],
id: 'LAY-popup-CoreCmsTopUpType-edit',
success: function (layero, index) {
view(this.id).render('shop/topuptype/topuptype/edit', { data: e.data }).done(function () {
//监听提交
form.on('submit(LAY-app-CoreCmsTopUpType-editForm-submit)',
function (data) {
var field = data.field; //获取提交的字段
field.isEnable = field.isEnable == 'on';
if (debug) { console.log(field); } //开启调试返回数据
//提交 Ajax 成功后,关闭当前弹层并重载表格
coreHelper.Post("Api/CoreCmsTopUpType/DoEdit", field, function (e) {
console.log(e)
if (e.code === 0) {
layui.table.reloadData('LAY-app-CoreCmsTopUpType-tableBox'); //重载表格
layer.close(index); //再执行关闭
layer.msg(e.msg);
} else {
layer.msg(e.msg);
}
});
});
})
// 禁止弹窗出现滚动条
$(layero).children('.layui-layer-content').css('overflow', 'visible');
}
, btn: ['确定', '取消']
, yes: function (index, layero) {
layero.contents().find("#LAY-app-CoreCmsTopUpType-editForm-submit").click();
}
});
} else {
layer.msg(e.msg);
}
});
}
//执行预览操作
function doDetails(obj) {
coreHelper.Post("Api/CoreCmsTopUpType/GetDetails", { id: obj.data.id }, function (e) {
if (e.code === 0) {
admin.popup({
shadeClose: false,
title: '查看详情',
area: ['600px', '450px'],
id: 'LAY-popup-CoreCmsTopUpType-details',
success: function (layero, index) {
view(this.id).render('shop/topuptype/topuptype/details', { data: e.data }).done(function () {
form.render();
});
// 禁止弹窗出现滚动条
$(layero).children('.layui-layer-content').css('overflow', 'visible');
}
});
} else {
layer.msg(e.msg);
}
});
}
//执行单个删除
function doDelete(obj) {
coreHelper.Post("Api/CoreCmsTopUpType/DoDelete", { id: obj.data.id }, function (e) {
if (debug) { console.log(e); } //开启调试返回数据
table.reloadData('LAY-app-CoreCmsTopUpType-tableBox');
layer.msg(e.msg);
});
}
//执行批量删除
function doBatchDelete(checkStatus) {
var checkData = checkStatus.data;
if (checkData.length === 0) {
return layer.msg('请选择要删除的数据');
}
layer.confirm('确定删除吗?删除后将无法恢复。',
function (index) {
var delidsStr = [];
layui.each(checkData,
function (index, item) {
delidsStr.push(item.id);
});
coreHelper.Post("Api/CoreCmsTopUpType/DoBatchDelete", { id: delidsStr }, function (e) {
if (debug) { console.log(e); } //开启调试返回数据
table.reloadData('LAY-app-CoreCmsTopUpType-tableBox');
layer.msg(e.msg);
});
});
}
//监听 表格复选框操作
layui.form.on('switch(switch_isEnable)', function (obj) {
coreHelper.Post("Api/CoreCmsTopUpType/DoSetisEnable", { id: this.value, data: obj.elem.checked }, function (e) {
if (debug) { console.log(e); } //开启调试返回数据
//table.reloadData('LAY-app-CoreCmsTopUpType-tableBox');
layer.msg(e.msg);
});
});
//重载form
form.render();
});
};
</script>
<!--设置是否启用-->
<script type="text/html" id="switch_isEnable">
<input type="checkbox" name="switch_isEnable" value="{{d.id}}" lay-skin="switch" lay-text="开启|关闭" lay-filter="switch_isEnable" {{ d.isEnable ? 'checked' : '' }}>
</script>