orderlist.html
5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
{include file="common/head"/}
<div class="admin-main layui-anim layui-anim-upbit">
<fieldset class="layui-elem-field layui-field-title">
<legend>{:$title}</legend>
</fieldset>
<div class="demoTable">
商家名称：<div class="layui-inline">
<input class="layui-input" name="key" id="key" placeholder="{:lang('pleaseEnter')}店铺名称" autocomplete="off">
</div>
分享人：<div class="layui-inline">
<input class="layui-input" name="share" id="share" placeholder="{:lang('pleaseEnter')}分享者" autocomplete="off">
</div>
套餐名称：<div class="layui-inline">
<input class="layui-input" name="foodname" id="foodname" placeholder="{:lang('pleaseEnter')}套餐名称" autocomplete="off">
</div>
日期范围：<div class="layui-input-inline" >
<input type="text" style = "width:300px"; class="layui-input" id="time" placeholder="默认为当天的统计情况">
</div>
订单状态：
<div class="layui-input-inline layui-form">
<div class="layui-input-8">
<select name="class" id="channel" lay-filter="myselect">
<option value="1" selected>全部</option>
<option value="2">已购买</option>
<option value="3">已使用</option>
<option value="4">退款中</option>
<option value="5">已退款</option>
</select>
</div>
</div>
<button class="layui-btn" id="search" data-type="reload">搜索</button>
</div>
<table class="layui-table" id="list" lay-filter="list"></table>
</div>
<!-- <script type="text/html" id="switchTpl">
<input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="上架|下架" lay-filter="switchTpl" {{ d.status == 1 ? 'checked' : '' }}>
</script> -->
{include file="common/foot"/}
<script>
layui.use(['table','form','laydate'], function() {
var table = layui.table,laydate = layui.laydate,form = layui.form,$ = layui.jquery,layer = layui.layer;
var tableIn = table.render({
elem: '#list',
url: '{:url("orderlist")}',
method: 'post',
title: '卡券列表',
toolbar: '#toolbarDemo',
cols: [[
{field: 'main_name', title: '分享人微信', fixed: true, align: 'center'},
{field: 'sid', title: '商家编号', fixed: true, align: 'center'},
{field: 'sellername', title: '商家名称', align: 'center'},
{field: 'name', title: '套餐名称', align: 'center'},
{field: 'actual_price', title: '实付价格', align: 'center'},
{field: 'nickname', align: 'center',title: '购买人微信'},
{field: 'pay_time', align: 'center', title: '付款时间'},
{field: 'use_time', align: 'center', title: '核销时间'},
{field: 'writeoff_name', align: 'center', title: '核销人微信'},
{field: 'refund_time', align: 'center', title: '退款时间'},
{field: 'str_status', align: 'center', templet: '#switchTpl',title: '状态'}
]]
,id: 'cardReload'
,page: true
});
//日期时间范围
laydate.render({
elem: '#time'
,type: 'datetime'
,range: true
});
//监听单元格，上架/下架
/*form.on('switch(switchTpl)', function(obj){
loading =layer.load(1, {shade: [0.1,'#fff']});
var id = this.value;
var status = obj.elem.checked===true?1:0;
$.post('{:url("foodState")}',{'id':id,'status':status},function (res) {
layer.close(loading);
if (res.code==1) {
tableIn.reload();
}else{
layer.msg(res.msg,{time:1000,icon:2});
return false;
}
})
});*/
//搜索
$('#search').on('click', function() {
//关键字
var js_str = {
key: $('#key').val(),
share: $('#share').val(),
foodname: $('#foodname').val(),
channel: $('#channel').val(),
time: $('#time').val()
}
//传参
tableIn.reload({ page: {page: 1},where: js_str});
});
/*var $ = layui.$, active = {
reload: function(){
var channel = $('#channel');
var key = $('#key');
//执行重载
table.reload('cardReload', {
page: {
curr: 1 //重新从第 1 页开始
}
,where: {
key: {
id: key.val(),
channel: channel.val()
}
}
});
}
};*/
})
</script>