easy3wmui 0.0.42-beta35 → 0.0.42-beta36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/index.css +50 -0
- package/assets/mGridPage.css +25 -0
- package/assets/mTable.css +25 -0
- package/lib/Easy3wMGridPage/index.js +176 -10
- package/lib/Easy3wMTable/index.js +177 -11
- package/package.json +1 -1
package/assets/index.css
CHANGED
|
@@ -272,6 +272,31 @@
|
|
|
272
272
|
align-items: center;
|
|
273
273
|
background: #fff;
|
|
274
274
|
}
|
|
275
|
+
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn {
|
|
276
|
+
-ms-flex: 1;
|
|
277
|
+
flex: 1;
|
|
278
|
+
border: 1px solid #000;
|
|
279
|
+
color: #000;
|
|
280
|
+
cursor: pointer;
|
|
281
|
+
text-align: center;
|
|
282
|
+
padding: 7px 0;
|
|
283
|
+
margin-right: 3px;
|
|
284
|
+
}
|
|
285
|
+
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn:last-child {
|
|
286
|
+
margin-right: 0;
|
|
287
|
+
}
|
|
288
|
+
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
|
|
289
|
+
border: 1px solid #999;
|
|
290
|
+
color: #999;
|
|
291
|
+
cursor: not-allowed;
|
|
292
|
+
}
|
|
293
|
+
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
|
|
294
|
+
border: 1px solid var(--adm-color-primary);
|
|
295
|
+
color: var(--adm-color-primary);
|
|
296
|
+
}
|
|
297
|
+
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtnNo {
|
|
298
|
+
display: none;
|
|
299
|
+
}
|
|
275
300
|
#Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
|
|
276
301
|
-ms-flex: auto;
|
|
277
302
|
flex: auto;
|
|
@@ -435,6 +460,31 @@
|
|
|
435
460
|
justify-content: space-between;
|
|
436
461
|
padding: 12px;
|
|
437
462
|
}
|
|
463
|
+
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn {
|
|
464
|
+
-ms-flex: 1;
|
|
465
|
+
flex: 1;
|
|
466
|
+
border: 1px solid #000;
|
|
467
|
+
color: #000;
|
|
468
|
+
cursor: pointer;
|
|
469
|
+
text-align: center;
|
|
470
|
+
padding: 7px 0;
|
|
471
|
+
margin-right: 3px;
|
|
472
|
+
}
|
|
473
|
+
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn:last-child {
|
|
474
|
+
margin-right: 0;
|
|
475
|
+
}
|
|
476
|
+
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
|
|
477
|
+
border: 1px solid #999;
|
|
478
|
+
color: #999;
|
|
479
|
+
cursor: not-allowed;
|
|
480
|
+
}
|
|
481
|
+
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
|
|
482
|
+
border: 1px solid var(--adm-color-primary);
|
|
483
|
+
color: var(--adm-color-primary);
|
|
484
|
+
}
|
|
485
|
+
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtnNo {
|
|
486
|
+
display: none;
|
|
487
|
+
}
|
|
438
488
|
#Easy3wMTable .easy3wMGridPageStepper .adm-button {
|
|
439
489
|
font-size: var(--adm-font-size-7);
|
|
440
490
|
padding-left: 24px;
|
package/assets/mGridPage.css
CHANGED
|
@@ -9,6 +9,31 @@
|
|
|
9
9
|
align-items: center;
|
|
10
10
|
background: #fff;
|
|
11
11
|
}
|
|
12
|
+
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn {
|
|
13
|
+
-ms-flex: 1;
|
|
14
|
+
flex: 1;
|
|
15
|
+
border: 1px solid #000;
|
|
16
|
+
color: #000;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
text-align: center;
|
|
19
|
+
padding: 7px 0;
|
|
20
|
+
margin-right: 3px;
|
|
21
|
+
}
|
|
22
|
+
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn:last-child {
|
|
23
|
+
margin-right: 0;
|
|
24
|
+
}
|
|
25
|
+
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
|
|
26
|
+
border: 1px solid #999;
|
|
27
|
+
color: #999;
|
|
28
|
+
cursor: not-allowed;
|
|
29
|
+
}
|
|
30
|
+
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
|
|
31
|
+
border: 1px solid var(--adm-color-primary);
|
|
32
|
+
color: var(--adm-color-primary);
|
|
33
|
+
}
|
|
34
|
+
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtnNo {
|
|
35
|
+
display: none;
|
|
36
|
+
}
|
|
12
37
|
#Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
|
|
13
38
|
-ms-flex: auto;
|
|
14
39
|
flex: auto;
|
package/assets/mTable.css
CHANGED
|
@@ -65,6 +65,31 @@
|
|
|
65
65
|
justify-content: space-between;
|
|
66
66
|
padding: 12px;
|
|
67
67
|
}
|
|
68
|
+
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn {
|
|
69
|
+
-ms-flex: 1;
|
|
70
|
+
flex: 1;
|
|
71
|
+
border: 1px solid #000;
|
|
72
|
+
color: #000;
|
|
73
|
+
cursor: pointer;
|
|
74
|
+
text-align: center;
|
|
75
|
+
padding: 7px 0;
|
|
76
|
+
margin-right: 3px;
|
|
77
|
+
}
|
|
78
|
+
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn:last-child {
|
|
79
|
+
margin-right: 0;
|
|
80
|
+
}
|
|
81
|
+
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
|
|
82
|
+
border: 1px solid #999;
|
|
83
|
+
color: #999;
|
|
84
|
+
cursor: not-allowed;
|
|
85
|
+
}
|
|
86
|
+
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
|
|
87
|
+
border: 1px solid var(--adm-color-primary);
|
|
88
|
+
color: var(--adm-color-primary);
|
|
89
|
+
}
|
|
90
|
+
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtnNo {
|
|
91
|
+
display: none;
|
|
92
|
+
}
|
|
68
93
|
#Easy3wMTable .easy3wMGridPageStepper .adm-button {
|
|
69
94
|
font-size: var(--adm-font-size-7);
|
|
70
95
|
padding-left: 24px;
|
|
@@ -74,7 +74,9 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
74
74
|
|
|
75
75
|
Easy3wMGridPage.prototype.componentWillUnmount = function componentWillUnmount() {};
|
|
76
76
|
// --------------------------------------------- 分页 start ---------------------------------------------
|
|
77
|
-
//
|
|
77
|
+
// 生成分页数字
|
|
78
|
+
|
|
79
|
+
// 按钮翻页
|
|
78
80
|
|
|
79
81
|
// 触发查询
|
|
80
82
|
|
|
@@ -97,7 +99,8 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
97
99
|
_props$dataList = _props.dataList,
|
|
98
100
|
dataList = _props$dataList === undefined ? [] : _props$dataList,
|
|
99
101
|
collapseFlag = _props.collapseFlag,
|
|
100
|
-
needPaginationFlag = _props.needPaginationFlag
|
|
102
|
+
needPaginationFlag = _props.needPaginationFlag,
|
|
103
|
+
paginationNumBtnFlag = _props.paginationNumBtnFlag;
|
|
101
104
|
var totalResult = this.props.totalResult;
|
|
102
105
|
|
|
103
106
|
if (totalResult) {
|
|
@@ -121,6 +124,17 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
121
124
|
offset = _state.offset,
|
|
122
125
|
limit = _state.limit;
|
|
123
126
|
|
|
127
|
+
var intTotalPage = Math.ceil(totalResult / 10);
|
|
128
|
+
var btn2 = this.touchCreatePageNum(intTotalPage, offset, 2);
|
|
129
|
+
var btnText2 = typeof btn2 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn2;
|
|
130
|
+
var btn3 = this.touchCreatePageNum(intTotalPage, offset, 3);
|
|
131
|
+
var btnText3 = typeof btn3 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn3;
|
|
132
|
+
var btn4 = this.touchCreatePageNum(intTotalPage, offset, 4);
|
|
133
|
+
var btnText4 = typeof btn4 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn4;
|
|
134
|
+
var btn5 = this.touchCreatePageNum(intTotalPage, offset, 5);
|
|
135
|
+
var btnText5 = typeof btn5 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn5;
|
|
136
|
+
var btn6 = this.touchCreatePageNum(intTotalPage, offset, 6);
|
|
137
|
+
var btnText6 = typeof btn6 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn6;
|
|
124
138
|
return _react2['default'].createElement(
|
|
125
139
|
'div',
|
|
126
140
|
{ id: 'Easy3wMGridPage' },
|
|
@@ -142,13 +156,79 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
142
156
|
null,
|
|
143
157
|
_react2['default'].createElement(_easy3wmui.Easy3wMEmpty, (0, _extends3['default'])({}, emptyProps, { description: emptyProps.description || '暂无数据' }))
|
|
144
158
|
),
|
|
145
|
-
totalResult && !collapseFlag || collapseFlag && needPaginationFlag && totalResult ? _react2['default'].createElement(
|
|
159
|
+
totalResult && !collapseFlag || collapseFlag && needPaginationFlag && totalResult ? paginationNumBtnFlag ? _react2['default'].createElement(
|
|
160
|
+
'div',
|
|
161
|
+
{ className: 'easy3wMGridPageStepper' },
|
|
162
|
+
_react2['default'].createElement(
|
|
163
|
+
'span',
|
|
164
|
+
{ className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnDisable' : ''), onClick: offset === 1 ? function () {} : function () {
|
|
165
|
+
return _this2.touchChangePage(offset - 1);
|
|
166
|
+
} },
|
|
167
|
+
_react2['default'].createElement(_antdMobileIcons.LeftOutline, null)
|
|
168
|
+
),
|
|
169
|
+
_react2['default'].createElement(
|
|
170
|
+
'span',
|
|
171
|
+
{ className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnActive' : ''), onClick: offset === 1 ? function () {} : function () {
|
|
172
|
+
return _this2.touchChangePage(1);
|
|
173
|
+
} },
|
|
174
|
+
'1'
|
|
175
|
+
),
|
|
176
|
+
_react2['default'].createElement(
|
|
177
|
+
'span',
|
|
178
|
+
{ className: 'emgpsBtn ' + (offset === btn2 ? 'emgpsBtnActive' : '') + ' ' + (btn2 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn2 ? function () {} : function () {
|
|
179
|
+
return _this2.touchChangePage(btn2);
|
|
180
|
+
} },
|
|
181
|
+
btnText2
|
|
182
|
+
),
|
|
183
|
+
_react2['default'].createElement(
|
|
184
|
+
'span',
|
|
185
|
+
{ className: 'emgpsBtn ' + (offset === btn3 ? 'emgpsBtnActive' : '') + ' ' + (btn3 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn3 ? function () {} : function () {
|
|
186
|
+
return _this2.touchChangePage(btn3);
|
|
187
|
+
} },
|
|
188
|
+
btnText3
|
|
189
|
+
),
|
|
190
|
+
_react2['default'].createElement(
|
|
191
|
+
'span',
|
|
192
|
+
{ className: 'emgpsBtn ' + (offset === btn4 ? 'emgpsBtnActive' : '') + ' ' + (btn4 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn4 ? function () {} : function () {
|
|
193
|
+
return _this2.touchChangePage(btn4);
|
|
194
|
+
} },
|
|
195
|
+
btnText4
|
|
196
|
+
),
|
|
197
|
+
_react2['default'].createElement(
|
|
198
|
+
'span',
|
|
199
|
+
{ className: 'emgpsBtn ' + (offset === btn5 ? 'emgpsBtnActive' : '') + ' ' + (btn5 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn5 ? function () {} : function () {
|
|
200
|
+
return _this2.touchChangePage(btn5);
|
|
201
|
+
} },
|
|
202
|
+
btnText5
|
|
203
|
+
),
|
|
204
|
+
_react2['default'].createElement(
|
|
205
|
+
'span',
|
|
206
|
+
{ className: 'emgpsBtn ' + (offset === btn6 ? 'emgpsBtnActive' : '') + ' ' + (btn6 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn6 ? function () {} : function () {
|
|
207
|
+
return _this2.touchChangePage(btn6);
|
|
208
|
+
} },
|
|
209
|
+
btnText6
|
|
210
|
+
),
|
|
211
|
+
_react2['default'].createElement(
|
|
212
|
+
'span',
|
|
213
|
+
{ className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnActive' : '') + ' ' + (intTotalPage > 1 ? '' : 'emgpsBtnNo'), onClick: offset === intTotalPage ? function () {} : function () {
|
|
214
|
+
return _this2.touchChangePage(intTotalPage);
|
|
215
|
+
} },
|
|
216
|
+
intTotalPage
|
|
217
|
+
),
|
|
218
|
+
_react2['default'].createElement(
|
|
219
|
+
'span',
|
|
220
|
+
{ className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnDisable' : ''), onClick: offset === intTotalPage ? function () {} : function () {
|
|
221
|
+
return _this2.touchChangePage(offset + 1);
|
|
222
|
+
} },
|
|
223
|
+
_react2['default'].createElement(_antdMobileIcons.RightOutline, null)
|
|
224
|
+
)
|
|
225
|
+
) : _react2['default'].createElement(
|
|
146
226
|
'div',
|
|
147
227
|
{ className: 'easy3wMGridPageStepper' },
|
|
148
228
|
_react2['default'].createElement(
|
|
149
229
|
_button2['default'],
|
|
150
230
|
{ color: 'default', fill: 'none', onClick: function onClick() {
|
|
151
|
-
return _this2.
|
|
231
|
+
return _this2.touchChangePage(offset - 1);
|
|
152
232
|
}, disabled: offset === 1 },
|
|
153
233
|
_react2['default'].createElement(_antdMobileIcons.LeftOutline, null)
|
|
154
234
|
),
|
|
@@ -165,7 +245,7 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
165
245
|
_react2['default'].createElement(
|
|
166
246
|
_button2['default'],
|
|
167
247
|
{ color: 'default', fill: 'none', onClick: function onClick() {
|
|
168
|
-
return _this2.
|
|
248
|
+
return _this2.touchChangePage(offset + 1);
|
|
169
249
|
}, disabled: offset === Math.ceil(totalResult / limit) },
|
|
170
250
|
_react2['default'].createElement(_antdMobileIcons.RightOutline, null)
|
|
171
251
|
)
|
|
@@ -179,13 +259,99 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
179
259
|
var _initialiseProps = function _initialiseProps() {
|
|
180
260
|
var _this3 = this;
|
|
181
261
|
|
|
182
|
-
this.
|
|
262
|
+
this.touchCreatePageNum = function (intTotalPage, offset, index) {
|
|
263
|
+
var btnNum = intTotalPage > 999 ? 5 : 7;
|
|
264
|
+
/*
|
|
265
|
+
intTotalPage 总页数
|
|
266
|
+
offset 当前分页
|
|
267
|
+
btnNum 按钮数量
|
|
268
|
+
intTotalPage <= btnNum
|
|
269
|
+
<,1,2,3,4,5,6,7,> 删除6，7
|
|
270
|
+
intTotalPage > btnNum
|
|
271
|
+
offset - 3 <= 1
|
|
272
|
+
<,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
273
|
+
intTotalPage > btnNum
|
|
274
|
+
offset - 3 > 1 && offset + 3 < intTotalPage
|
|
275
|
+
<,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
276
|
+
intTotalPage > btnNum
|
|
277
|
+
offset - 3 > 1 && offset + 3 >= intTotalPage
|
|
278
|
+
<,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
|
|
279
|
+
*/
|
|
280
|
+
if (intTotalPage <= btnNum) {
|
|
281
|
+
return index;
|
|
282
|
+
} else if (btnNum === 5 && intTotalPage > btnNum && offset - 2 < 1) {
|
|
283
|
+
if (index === 4) {
|
|
284
|
+
return '+5';
|
|
285
|
+
} else {
|
|
286
|
+
return index;
|
|
287
|
+
}
|
|
288
|
+
} else if (btnNum === 5 && intTotalPage > btnNum && offset - 2 >= 1 && offset + 2 <= intTotalPage) {
|
|
289
|
+
if (index === 4) {
|
|
290
|
+
return '+5';
|
|
291
|
+
} else if (index === 2) {
|
|
292
|
+
return '-5';
|
|
293
|
+
} else {
|
|
294
|
+
return offset;
|
|
295
|
+
}
|
|
296
|
+
} else if (btnNum === 5 && offset - 2 >= 1 && offset + 2 > intTotalPage) {
|
|
297
|
+
if (index === 2) {
|
|
298
|
+
// <1,-5,6,7,8>
|
|
299
|
+
return '-5';
|
|
300
|
+
} else if (index === 3) {
|
|
301
|
+
return intTotalPage - 2;
|
|
302
|
+
} else if (index === 4) {
|
|
303
|
+
return intTotalPage - 1;
|
|
304
|
+
}
|
|
305
|
+
} else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 <= 1) {
|
|
306
|
+
if (index === 6) {
|
|
307
|
+
// 1,2,3,4,5,+5,intTotalPage
|
|
308
|
+
return '+5';
|
|
309
|
+
} else {
|
|
310
|
+
return index;
|
|
311
|
+
}
|
|
312
|
+
} else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 > 1 && offset + 3 < intTotalPage) {
|
|
313
|
+
if (index === 2) {
|
|
314
|
+
return '-5';
|
|
315
|
+
} else if (index === 3) {
|
|
316
|
+
return offset - 1;
|
|
317
|
+
} else if (index === 4) {
|
|
318
|
+
return offset;
|
|
319
|
+
} else if (index === 5) {
|
|
320
|
+
return offset + 1;
|
|
321
|
+
} else if (index === 6) {
|
|
322
|
+
return '+5';
|
|
323
|
+
}
|
|
324
|
+
} else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 > 1 && offset + 3 >= intTotalPage) {
|
|
325
|
+
if (index === 2) {
|
|
326
|
+
return '-5';
|
|
327
|
+
} else if (index === 3) {
|
|
328
|
+
return intTotalPage - 4;
|
|
329
|
+
} else if (index === 4) {
|
|
330
|
+
return intTotalPage - 3;
|
|
331
|
+
} else if (index === 5) {
|
|
332
|
+
return intTotalPage - 2;
|
|
333
|
+
} else if (index === 6) {
|
|
334
|
+
return intTotalPage - 1;
|
|
335
|
+
}
|
|
336
|
+
}
|
|
337
|
+
};
|
|
338
|
+
|
|
339
|
+
this.touchChangePage = function (num) {
|
|
340
|
+
var totalResult = _this3.props.totalResult;
|
|
341
|
+
|
|
342
|
+
var intTotalPage = Math.ceil(totalResult / 10);
|
|
343
|
+
// const intTotalPage = 99999;
|
|
183
344
|
var offset = _this3.state.offset;
|
|
184
345
|
|
|
185
|
-
if (
|
|
186
|
-
offset
|
|
187
|
-
} else
|
|
188
|
-
offset
|
|
346
|
+
if (typeof num === 'string') {
|
|
347
|
+
offset += Number(num);
|
|
348
|
+
} else {
|
|
349
|
+
offset = num;
|
|
350
|
+
}
|
|
351
|
+
if (offset < 1) {
|
|
352
|
+
offset = 1;
|
|
353
|
+
} else if (offset > intTotalPage) {
|
|
354
|
+
offset = intTotalPage;
|
|
189
355
|
}
|
|
190
356
|
_this3.setState({
|
|
191
357
|
offset: offset // 当前页
|
|
@@ -67,13 +67,99 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
67
67
|
handleSearch(offset, _this.searchInfo, callback);
|
|
68
68
|
};
|
|
69
69
|
|
|
70
|
-
_this.
|
|
70
|
+
_this.touchCreatePageNum = function (intTotalPage, offset, index) {
|
|
71
|
+
var btnNum = intTotalPage > 999 ? 5 : 7;
|
|
72
|
+
/*
|
|
73
|
+
intTotalPage 总页数
|
|
74
|
+
offset 当前分页
|
|
75
|
+
btnNum 按钮数量
|
|
76
|
+
intTotalPage <= btnNum
|
|
77
|
+
<,1,2,3,4,5,6,7,> 删除6，7
|
|
78
|
+
intTotalPage > btnNum
|
|
79
|
+
offset - 3 <= 1
|
|
80
|
+
<,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
81
|
+
intTotalPage > btnNum
|
|
82
|
+
offset - 3 > 1 && offset + 3 < intTotalPage
|
|
83
|
+
<,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
84
|
+
intTotalPage > btnNum
|
|
85
|
+
offset - 3 > 1 && offset + 3 >= intTotalPage
|
|
86
|
+
<,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
|
|
87
|
+
*/
|
|
88
|
+
if (intTotalPage <= btnNum) {
|
|
89
|
+
return index;
|
|
90
|
+
} else if (btnNum === 5 && intTotalPage > btnNum && offset - 2 < 1) {
|
|
91
|
+
if (index === 4) {
|
|
92
|
+
return '+5';
|
|
93
|
+
} else {
|
|
94
|
+
return index;
|
|
95
|
+
}
|
|
96
|
+
} else if (btnNum === 5 && intTotalPage > btnNum && offset - 2 >= 1 && offset + 2 <= intTotalPage) {
|
|
97
|
+
if (index === 4) {
|
|
98
|
+
return '+5';
|
|
99
|
+
} else if (index === 2) {
|
|
100
|
+
return '-5';
|
|
101
|
+
} else {
|
|
102
|
+
return offset;
|
|
103
|
+
}
|
|
104
|
+
} else if (btnNum === 5 && offset - 2 >= 1 && offset + 2 > intTotalPage) {
|
|
105
|
+
if (index === 2) {
|
|
106
|
+
// <1,-5,6,7,8>
|
|
107
|
+
return '-5';
|
|
108
|
+
} else if (index === 3) {
|
|
109
|
+
return intTotalPage - 2;
|
|
110
|
+
} else if (index === 4) {
|
|
111
|
+
return intTotalPage - 1;
|
|
112
|
+
}
|
|
113
|
+
} else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 <= 1) {
|
|
114
|
+
if (index === 6) {
|
|
115
|
+
// 1,2,3,4,5,+5,intTotalPage
|
|
116
|
+
return '+5';
|
|
117
|
+
} else {
|
|
118
|
+
return index;
|
|
119
|
+
}
|
|
120
|
+
} else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 > 1 && offset + 3 < intTotalPage) {
|
|
121
|
+
if (index === 2) {
|
|
122
|
+
return '-5';
|
|
123
|
+
} else if (index === 3) {
|
|
124
|
+
return offset - 1;
|
|
125
|
+
} else if (index === 4) {
|
|
126
|
+
return offset;
|
|
127
|
+
} else if (index === 5) {
|
|
128
|
+
return offset + 1;
|
|
129
|
+
} else if (index === 6) {
|
|
130
|
+
return '+5';
|
|
131
|
+
}
|
|
132
|
+
} else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 > 1 && offset + 3 >= intTotalPage) {
|
|
133
|
+
if (index === 2) {
|
|
134
|
+
return '-5';
|
|
135
|
+
} else if (index === 3) {
|
|
136
|
+
return intTotalPage - 4;
|
|
137
|
+
} else if (index === 4) {
|
|
138
|
+
return intTotalPage - 3;
|
|
139
|
+
} else if (index === 5) {
|
|
140
|
+
return intTotalPage - 2;
|
|
141
|
+
} else if (index === 6) {
|
|
142
|
+
return intTotalPage - 1;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
_this.touchChangePage = function (num) {
|
|
148
|
+
var intData = _this.props.intData;
|
|
149
|
+
|
|
150
|
+
var intTotalPage = Math.ceil(intData / 10);
|
|
151
|
+
// const intTotalPage = 99999;
|
|
71
152
|
var offset = _this.state.offset;
|
|
72
153
|
|
|
73
|
-
if (
|
|
74
|
-
offset
|
|
75
|
-
} else
|
|
76
|
-
offset
|
|
154
|
+
if (typeof num === 'string') {
|
|
155
|
+
offset += Number(num);
|
|
156
|
+
} else {
|
|
157
|
+
offset = num;
|
|
158
|
+
}
|
|
159
|
+
if (offset < 1) {
|
|
160
|
+
offset = 1;
|
|
161
|
+
} else if (offset > intTotalPage) {
|
|
162
|
+
offset = intTotalPage;
|
|
77
163
|
}
|
|
78
164
|
_this.setState({
|
|
79
165
|
offset: offset // 当前页
|
|
@@ -245,6 +331,8 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
245
331
|
// 触发查询
|
|
246
332
|
|
|
247
333
|
// --------------------------------------------------- 上拉翻页 end ---------------------------------------------------
|
|
334
|
+
// 生成分页数字
|
|
335
|
+
|
|
248
336
|
// 按钮翻页
|
|
249
337
|
|
|
250
338
|
// --------------------------------------------- 查询条件 start ---------------------------------------------
|
|
@@ -284,11 +372,23 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
284
372
|
intData = _props.intData,
|
|
285
373
|
arrData = _props.arrData,
|
|
286
374
|
needPaginationFlag = _props.needPaginationFlag,
|
|
375
|
+
paginationNumBtnFlag = _props.paginationNumBtnFlag,
|
|
287
376
|
queryCriteria = _props.queryCriteria,
|
|
288
377
|
arrFilter = _props.arrFilter;
|
|
289
|
-
// columns 表头 arr intData 数量 num arrData 数据 arr needPaginationFlag 分页标识 bool handleSearch 查询方法 fun
|
|
378
|
+
// columns 表头 arr intData 数量 num arrData 数据 arr needPaginationFlag 分页标识 bool paginationNumBtnFlag 分页数字按钮标识 bool handleSearch 查询方法 fun
|
|
290
379
|
// dropUpFlipFlag 上拉翻页标识 bool bidPureComponent 将this传递出去 fun queryCriteria 关键字 str
|
|
291
380
|
|
|
381
|
+
var intTotalPage = Math.ceil(intData / 10);
|
|
382
|
+
var btn2 = this.touchCreatePageNum(intTotalPage, offset, 2);
|
|
383
|
+
var btnText2 = typeof btn2 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn2;
|
|
384
|
+
var btn3 = this.touchCreatePageNum(intTotalPage, offset, 3);
|
|
385
|
+
var btnText3 = typeof btn3 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn3;
|
|
386
|
+
var btn4 = this.touchCreatePageNum(intTotalPage, offset, 4);
|
|
387
|
+
var btnText4 = typeof btn4 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn4;
|
|
388
|
+
var btn5 = this.touchCreatePageNum(intTotalPage, offset, 5);
|
|
389
|
+
var btnText5 = typeof btn5 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn5;
|
|
390
|
+
var btn6 = this.touchCreatePageNum(intTotalPage, offset, 6);
|
|
391
|
+
var btnText6 = typeof btn6 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn6;
|
|
292
392
|
var arrBtn = [{
|
|
293
393
|
cName: '查询',
|
|
294
394
|
onClick: function onClick() {
|
|
@@ -381,13 +481,79 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
381
481
|
needPaginationFlag ? _react2['default'].createElement(
|
|
382
482
|
_easy3wmui.Easy3wMCard,
|
|
383
483
|
null,
|
|
384
|
-
_react2['default'].createElement(
|
|
484
|
+
paginationNumBtnFlag ? _react2['default'].createElement(
|
|
485
|
+
'div',
|
|
486
|
+
{ className: 'easy3wMGridPageStepper' },
|
|
487
|
+
_react2['default'].createElement(
|
|
488
|
+
'span',
|
|
489
|
+
{ className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnDisable' : ''), onClick: offset === 1 ? function () {} : function () {
|
|
490
|
+
return _this2.touchChangePage(offset - 1);
|
|
491
|
+
} },
|
|
492
|
+
_react2['default'].createElement(_antdMobileIcons.LeftOutline, null)
|
|
493
|
+
),
|
|
494
|
+
_react2['default'].createElement(
|
|
495
|
+
'span',
|
|
496
|
+
{ className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnActive' : ''), onClick: offset === 1 ? function () {} : function () {
|
|
497
|
+
return _this2.touchChangePage(1);
|
|
498
|
+
} },
|
|
499
|
+
'1'
|
|
500
|
+
),
|
|
501
|
+
_react2['default'].createElement(
|
|
502
|
+
'span',
|
|
503
|
+
{ className: 'emgpsBtn ' + (offset === btn2 ? 'emgpsBtnActive' : '') + ' ' + (btn2 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn2 ? function () {} : function () {
|
|
504
|
+
return _this2.touchChangePage(btn2);
|
|
505
|
+
} },
|
|
506
|
+
btnText2
|
|
507
|
+
),
|
|
508
|
+
_react2['default'].createElement(
|
|
509
|
+
'span',
|
|
510
|
+
{ className: 'emgpsBtn ' + (offset === btn3 ? 'emgpsBtnActive' : '') + ' ' + (btn3 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn3 ? function () {} : function () {
|
|
511
|
+
return _this2.touchChangePage(btn3);
|
|
512
|
+
} },
|
|
513
|
+
btnText3
|
|
514
|
+
),
|
|
515
|
+
_react2['default'].createElement(
|
|
516
|
+
'span',
|
|
517
|
+
{ className: 'emgpsBtn ' + (offset === btn4 ? 'emgpsBtnActive' : '') + ' ' + (btn4 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn4 ? function () {} : function () {
|
|
518
|
+
return _this2.touchChangePage(btn4);
|
|
519
|
+
} },
|
|
520
|
+
btnText4
|
|
521
|
+
),
|
|
522
|
+
_react2['default'].createElement(
|
|
523
|
+
'span',
|
|
524
|
+
{ className: 'emgpsBtn ' + (offset === btn5 ? 'emgpsBtnActive' : '') + ' ' + (btn5 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn5 ? function () {} : function () {
|
|
525
|
+
return _this2.touchChangePage(btn5);
|
|
526
|
+
} },
|
|
527
|
+
btnText5
|
|
528
|
+
),
|
|
529
|
+
_react2['default'].createElement(
|
|
530
|
+
'span',
|
|
531
|
+
{ className: 'emgpsBtn ' + (offset === btn6 ? 'emgpsBtnActive' : '') + ' ' + (btn6 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn6 ? function () {} : function () {
|
|
532
|
+
return _this2.touchChangePage(btn6);
|
|
533
|
+
} },
|
|
534
|
+
btnText6
|
|
535
|
+
),
|
|
536
|
+
_react2['default'].createElement(
|
|
537
|
+
'span',
|
|
538
|
+
{ className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnActive' : '') + ' ' + (intTotalPage > 1 ? '' : 'emgpsBtnNo'), onClick: offset === intTotalPage ? function () {} : function () {
|
|
539
|
+
return _this2.touchChangePage(intTotalPage);
|
|
540
|
+
} },
|
|
541
|
+
intTotalPage
|
|
542
|
+
),
|
|
543
|
+
_react2['default'].createElement(
|
|
544
|
+
'span',
|
|
545
|
+
{ className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnDisable' : ''), onClick: offset === intTotalPage ? function () {} : function () {
|
|
546
|
+
return _this2.touchChangePage(offset + 1);
|
|
547
|
+
} },
|
|
548
|
+
_react2['default'].createElement(_antdMobileIcons.RightOutline, null)
|
|
549
|
+
)
|
|
550
|
+
) : _react2['default'].createElement(
|
|
385
551
|
'div',
|
|
386
552
|
{ className: 'easy3wMGridPageStepper' },
|
|
387
553
|
_react2['default'].createElement(
|
|
388
554
|
_button2['default'],
|
|
389
555
|
{ color: 'default', fill: 'none', onClick: function onClick() {
|
|
390
|
-
return _this2.touchChangePage(
|
|
556
|
+
return _this2.touchChangePage(offset - 1);
|
|
391
557
|
}, disabled: offset === 1 },
|
|
392
558
|
_react2['default'].createElement(_antdMobileIcons.LeftOutline, null)
|
|
393
559
|
),
|
|
@@ -396,7 +562,7 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
396
562
|
null,
|
|
397
563
|
offset,
|
|
398
564
|
'/',
|
|
399
|
-
|
|
565
|
+
intTotalPage,
|
|
400
566
|
' \u5171',
|
|
401
567
|
intData,
|
|
402
568
|
'\u6761'
|
|
@@ -404,8 +570,8 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
404
570
|
_react2['default'].createElement(
|
|
405
571
|
_button2['default'],
|
|
406
572
|
{ color: 'default', fill: 'none', onClick: function onClick() {
|
|
407
|
-
return _this2.touchChangePage(
|
|
408
|
-
}, disabled: offset ===
|
|
573
|
+
return _this2.touchChangePage(offset + 1);
|
|
574
|
+
}, disabled: offset === intTotalPage },
|
|
409
575
|
_react2['default'].createElement(_antdMobileIcons.RightOutline, null)
|
|
410
576
|
)
|
|
411
577
|
)
|