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
124
125
126
127
128
129
130
| var pageCurr;
|
| function getCol() {
| var cols = [];
| cols.push(
| {field: 'orderNo', align: 'center', title: '订单编号'}
| , {field: 'col1', align: 'center', title: '订单名称'}
| , {field: 'col2', align: 'center', title: '订单详情'}
| , {field: 'col3', align: 'center', title: '订单客户'}
| , {field: 'col4', align: 'center', title: '订单状态'}
| , {fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width: 80}
| );
| return cols;
| }
|
| layui.use(['table', 'laydate', 'form', 'upload'], function () {
| var table = layui.table;
| var $ = layui.jquery;
| var layer = layui.layer;
| var layDate = layui.laydate;
| var form = layui.form;
| var upload = layui.upload;
|
| // 数据渲染
| tableIns = table.render({
| elem: '#salesOrder',
| headers: {token: localStorage.getItem('token')},
| // url: baseUrl+'/matCode/list/auth',
| data: [
| {
| "orderNo": 20210315000001,
| "col1": "西班牙xx 210315号",
| "col2": "兰博基尼童车 5000台",
| "col3": "西班牙xx儿童玩具公司",
| "col4": "生产中",
| }
| ],
| page: true,
| limit: 16,
| limits: [16, 50, 100, 200, 500],
| even: true,
| toolbar: '#toolbar',
| cellMinWidth: 50,
| cols: [getCol()],
| request: {
| pageName: 'curr',
| pageSize: 'limit'
| },
| parseData: function (res) {
| return {
| 'code': res.code,
| 'msg': res.msg,
| 'count': res.data.total,
| 'data': res.data.records
| }
| },
| response: {
| statusCode: 200
| },
| done: function(res, curr, count) {
| if (res.code === 403) {
| top.location.href = baseUrl+"/";
| }
| pageCurr=curr;
| }
| });
|
| // 搜索栏重置事件
| form.on('submit(reset)', function (data) {
| pageCurr = 1;
| clearFormVal($('#search-box'));
| tableReload(false);
| });
|
| // 搜索栏搜索事件
| form.on('submit(search)', function (data) {
| pageCurr = 1;
| tableReload(false);
| });
|
|
| // 时间选择器
| layDate.render({
| elem: '.layui-laydate-range'
| , type: 'datetime'
| , range: true
| });
| });
|
| /* 表格数据重载 */
| function tableReload(child) {
| var searchData = {};
| $.each($('#search-box [name]').serializeArray(), function () {
| searchData[this.name] = this.value;
| });
|
| console.log('搜索内容', searchData);
|
| // (child ? parent.tableIns : tableIns).reload({
| // where: searchData,
| // page: {
| // curr: pageCurr
| // },
| // done: function (res, curr, count) {
| // if (res.code === 403) {
| // top.location.href = baseUrl + "/";
| // }
| // pageCurr = curr;
| // if (res.data.length === 0 && count !== 0) {
| // tableIns.reload({
| // where: searchData,
| // page: {
| // curr: pageCurr - 1
| // }
| // });
| // pageCurr -= 1;
| // }
| // limit(child);
| // // 当前分页数据存储
| // locNormalList = res.data;
| // }
| // });
| }
|
| /* 监听回车事件 */
| $('body').keydown(function () {
| if (event.keyCode === 13) {
| $("#search").click();
| }
| });
|
|
