zxjf.js
3.36 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
$(function () {
addTabs('#zxjf')
//注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function () {
var element = layui.element;
//…
});
layui.use('table', function () {
var table = layui.table;
//第一个实例
table.render({
elem: '#payList'
, url: '../staticLib/wdyy/index.json'
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
, cols: [[
{ field: 'zizeng', title: '序号', templet: '#zizeng', align: 'center' }
, { field: 'username', title: '流水号', align: 'center' } //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
, { field: 'sex', title: ' 状态', align: 'center' }
, { field: 'city', title: '缴费金额', align: 'center' }
, { field: 'state', title: '状态', align: 'center', templet: '#state' }
, { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150, align: 'center' }
]]
, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
return {
"code": res.code, //解析接口状态
"data": res.data ,//解析数据列表
"count": res.count
};
}
,page: true
,limit: 10 //
});
// 线下支付记录查询
table.render({
elem: '#offlineList'
, url: '../staticLib/wdyy/index.json'
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
, cols: [[
{ field: 'zizeng', title: '序号', templet: '#zizeng', align: 'center' }
, { field: 'username', title: '流水号', align: 'center' } //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
, { field: 'sex', title: ' 受理编号', align: 'center' }
, { field: 'city', title: ' 权利人', align: 'center' }
, { field: 'state', title: '缴费金额（元）', align: 'center' }
, { field: 'state', title: '状态', align: 'center', templet: '#state' }
, { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150, align: 'center' }
]]
, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
return {
"code": res.code, //解析接口状态
"data": res.data,//解析数据列表
"count": res.count
};
}
,page: true
,limit: 10 //
});
//监听行工具事件
table.on('tool(payList)', function (obj) {
var data = obj.data;
if (obj.event === 'payOnline') {
console.log(data)
}
});
//监听行工具事件
table.on('tool(offlineList)', function (obj) {
var data = obj.data;
if (obj.event === 'payOnline') {
console.log(data)
}
});
});
})