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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
| var pageCurr;
| layui.config({
| base: baseUrl + "/static/layui/lay/modules/"
| }).use(['table','laydate', 'form', 'admin'], function(){
| var table = layui.table;
| var $ = layui.jquery;
| var layer = layui.layer;
| var layDate = layui.laydate;
| var form = layui.form;
| var admin = layui.admin;
|
| // 数据渲染
| tableIns = table.render({
|
| elem: '#item',
| headers: {token: localStorage.getItem('token')},
| url: baseUrl+'/item/list/chaoTime',
| page: true,
| limit: 16,
| limits: [16, 30, 50, 100, 200, 500],
| toolbar: '#toolbar',
| cellMinWidth: 50,
| cols: [[
| {type: 'checkbox'}
| // ,{field: 'id', align: 'center',title: 'ID'}
| // ,{field: 'hostId', align: 'center',title: ''}
| ,{field: 'uuid', align: 'center',title: '项目编号'}
| ,{field: 'name', align: 'center',title: '项目名称'}
| ,{field: 'inUuid', align: 'center',title: '内部编号', hide: true}
| ,{field: 'cstmrUuid$', align: 'center',title: '客户名称'}
| ,{field: 'planinDate$', align: 'center',title: '预计安装日期'}
| ,{field: 'realinDate$', align: 'center',title: '实际安装日期'}
| ,{field: 'excessTime', align: 'center',title: '超出天数'}
| ,{field: 'dutyMan', align: 'center', title: '责任人'}
| ,{field: 'dutyDepartment', align: 'center', title: '责任部门'}
| ,{field: 'status$', align: 'center',title: '状态'}
| ,{field: 'memo', align: 'center',title: '备注'}
| // ,{fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width:150}
| ]],
| 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) {
| // console.log(res)
| if (res.code === 403) {
| top.location.href = baseUrl+"/";
| }
| pageCurr=curr;
| limit();
| }
| });
|
| // 监听排序事件
| table.on('sort(item)', function (obj) {
| var searchData = {};
| $.each($('#search-box [name]').serializeArray(), function() {
| searchData[this.name] = this.value;
| });
| searchData['orderByField'] = obj.field;
| searchData['orderByType'] = obj.type;
| tableIns.reload({
| where: searchData,
| page: {curr: 1}
| });
| });
|
|
| // 搜索
| form.on('submit(search)', function (data) {
|
| pageCurr = 1;
| tableReload(false);
| });
| // 重置
| form.on('submit(reset)', function (data) {
| pageCurr = 1;
| clearFormVal($('#search-box'));
| tableReload(false);
| });
|
| // 时间选择器
| function layDateRender(mData) {
| console.log(mData)
| setTimeout(function () {
| layDate.render({
| elem: '#startTime',
| type: 'datetime',
| value: mData!==null&&mData!==undefined?strToDate(mData['startTime$']):null
| });
| layDate.render({
| elem: '#realStartTime',
| type: 'datetime',
| value: mData!==null&&mData!==undefined?strToDate(mData['realStartTime$']):null
| });
| layDate.render({
| elem: '#endTime',
| type: 'datetime',
| value: mData!==null&&mData!==undefined?strToDate(mData['endTime$']):null
| });
| layDate.render({
| elem: '#realEndTime',
| type: 'datetime',
| value: mData!==null&&mData!==undefined?strToDate(mData['realEndTime$']):null
| });
| layDate.render({
| elem: '#createTime\\$',
| type: 'datetime',
| value: mData!==null&&mData!==undefined?strToDate(mData['createTime$']):null
| });
| layDate.render({
| elem: '#modifyTime\\$',
| type: 'datetime',
| value: mData!==null&&mData!==undefined?strToDate(mData['modifyTime$']):null
| });
| }, 500);
|
| }
| layDateRender();
|
| });
|
| // 关闭动作
| $(document).on('click','#data-detail-close', function () {
| parent.layer.closeAll();
| });
|
| function tableReload(child) {
| var searchData = {};
|
| $.each($('#search-box [name]').serializeArray(), function() {
| searchData[this.name] = this.value;
| });
| tableIns.reload({
| where: searchData,
| page: {curr: pageCurr}
| });
| }
|
|
