log.html
4.45 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
{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-input-inline">
<input class="layui-input" name="key" id="key" placeholder="{:lang('pleaseEnter')}店铺名称" autocomplete="off">
</div>
昵称：
<div class="layui-input-inline">
<input class="layui-input" name="key" id="nickname" 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">全部</option>
<option value="1" selected>合作</option>
<option value="2">推广</option>
<option value="3">测试</option>
</select>
</div>
</div>
身份：
<div class="layui-input-inline layui-form">
<div class="layui-input-8">
<select name="class" id="iden" lay-filter="myselect">
<option value="-1">全部</option>
{volist name="identity" id="vo"}
<option value="{$vo.key}">{$vo.val}</option>
{/volist}
</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="toolbarDemo">
</script>
{include file="common/foot"/}
<script>
layui.use(['table','form','laydate'], function() {
var table = layui.table,laydate = layui.laydate,$ = layui.jquery;
console.log(layui);
var tableIn = table.render({
elem: '#list',
url: '{:url("log")}',
method: 'post',
title: '日志记录',
page:true,
toolbar: '#toolbarDemo',
cols: [[
{field: 'rid', align: 'center',title: '预定ID'},
{field: 'sid', align: 'center',title: '商家ID'},
{field: 'name', align: 'center',title: '商家名字'},
{field: 'cdate',width:210, title: '变更时间'},
{field: 'nickname', align: 'center',title: '变更人'},
{field: 'device',width:210, title: '操作设备'},
{field: 'field',width:210, title: '变更字段'},
{field: 'old',width:210, title: '变更前'},
{field: 'new',width:210, title: '变更后'},
]],
done: function(res, curr, count){
//code
}
,id: 'testReload'
,page: true
,limit:15
});
//日期时间范围
laydate.render({
elem: '#time'
,type: 'datetime'
,range: true
});
//搜索
$('#search').on('click', function() {
//关键字
var key = $('#key').val();
//昵称
var nickname = $('#nickname').val();
//日期范围
var time = $('#time').val();
//商家来源
var channel = $('#channel').val();
console.log(channel);
//身份
var iden = $('#iden').val();
console.log(iden);
//传参
tableIn.reload({ page: {page: 1},where: {key: key,nickname: nickname,time: time,iden: iden,channel: channel}});
});
var $ = layui.$, active = {
reload: function(){
var key = $('#key');
//执行重载
table.reload('testReload', {
page: {
curr: 1 //重新从第 1 页开始
}
,where: {
key: {
id: key.val()
}
}
});
}
};
})
</script>