<div class="layui-tab layui-tab-brief" lay-filter="test1">
<fieldset class="layui-elem-field layui-field-title">
<legend>訂單結算</legend>
</fieldset>
<ul class="layui-tab-title">
<li class="layui-this">結算信息</li>
<li>未結算訂單</li>
<li>已結算訂單</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<table class="layui-table" id="jsxx" lay-filter="jsxx"></table>
</div>
<div class="layui-tab-item">
<table class="layui-table" id="lists" lay-filter="lists"></table>
</div>
<div class="layui-tab-item">
<table class="layui-table" id="yjsd" lay-filter="yjsd"></table>
</div>
</div>
</div>
</div>
<script>
layui.use(['table', 'form', 'jquery', 'element'], function () {
var table = layui.table, form = layui.form, $ = layui.jquery, element = layui.element;
var tableIn = table.render({
id: 'user0',
elem: '#jsxx',
url: '{:url("settlements")}',
method: 'post',
page: true,
cols: [[
{ field: 'settlementNo', title: '結算單號', width: 150 },
{ field: 'settlementType', title: '類型', width: 100 },
{ field: 'settlementMoney', title: '結算金額', width: 160 },
{ field: 'backMoney', title: '返還金額', width: 120 },
{ field: 'createTime', title: '創建時間', width: 120 },
{ field: 'settlementStatus', title: '結算狀態', width: 120 },
{ field: 'settlementTime', title: '結算時間', width: 120 },
{ field: 'remarks', title: '備註', width: 200 },
]],
limit: 10 //每頁默認顯示的數量
});
var tableIn = table.render({
id: 'user1',
elem: '#lists',
url: '{:url("")}',
method: 'post',
// toolbar: '#topBtn',
page: true,
cols: [[
{ field: 'order_sn', title: '訂單單號', width: 150 },
{ field: 'add_time', title: '下單時間', width: 200 },
{ field: 'pay_type', title: '支付方式', width: 160 },
{ field: 'freight', title: '運費', width: 120 },
{ field: 'money', title: '實付金額', width: 120 },
, { width: 160, align: 'center', toolbar: '#action', title: '操作' }
]],
limit: 10 //每頁默認顯示的數量
});
var tableIn= table.render({
id: 'user2',
elem: '#yjsd',
url: '{:url("jsOrder")}',
method: 'post',
// toolbar: '#topBtn',
page: true,
cols: [[
{ field: 'order_sn', title: '訂單單號', width: 150 },
{ field: 'add_time', title: '下單時間', width: 200 },
{ field: 'pay_type', title: '支付方式', width: 160 },
{ field: 'freight', title: '運費', width: 120 },
{ field: 'money', title: '實付金額', width: 120 },
{ field: 'settlementNo', title: '結算單號', width: 120 },
{ field: 'settlementTime', title: '結算時間', width: 120 },
]],
limit: 10 //每頁默認顯示的數量
});
//搜索
$('#search').on('click', function () {
var key = $('#key').val();
if ($.trim(key) === '') {
layer.msg('{:lang("pleaseEnter")}關鍵字!', { icon: 0 });
return;
}
tableIn.reload({ page: { page: 1 }, where: { key: key } });
});
table.on('tool(lists)', function (obj) {
var data = obj.data;
if (obj.event === 'sendOrder') {
$.post("{:url('setOrderjs')}", { id: data.id }, function (res) {
if (res.code == 1) {
layer.msg(res.msg, { time: 1000, icon: 1 }, function () {
obj.del();
});
} else {
layer.msg(res.msg, { time: 1000, icon: 2 });
}
});
}
});
//觸發事件
element.on('tab(test1)', function (data) {
table.reload("user"+data.index);
});
});
</script>