easy3wmui 0.0.2 → 0.0.4-3.beta1
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 +400 -67
- package/assets/mCard.css +4 -0
- package/assets/mFormPage.css +32 -47
- package/assets/mGridPage.css +72 -4
- package/assets/mInsideLayout.css +2 -2
- package/assets/mLogin.css +58 -0
- package/assets/mPagination.css +36 -0
- package/assets/mSpin.css +9 -11
- package/assets/mTable.css +97 -0
- package/assets/mUserLayout.css +9 -3
- package/lib/Easy3wMButton/index.less +3 -3
- package/lib/Easy3wMCaptcha/index.js +80 -80
- package/lib/Easy3wMCard/index.less +3 -3
- package/lib/Easy3wMDownLoad/Easy3wMFileView.js +9 -12
- package/lib/Easy3wMDownLoad/Easy3wMImgView.js +13 -16
- package/lib/Easy3wMDownLoad/Easy3wMPDFView.js +13 -16
- package/lib/Easy3wMDownLoad/index.js +50 -49
- package/lib/Easy3wMFormPage/index.js +422 -389
- package/lib/Easy3wMFormPage/index.less +45 -45
- package/lib/Easy3wMGlobalFooter/index.js +3 -3
- package/lib/Easy3wMGlobalFooter/index.less +1 -1
- package/lib/Easy3wMGridPage/index copy.js +298 -0
- package/lib/Easy3wMGridPage/index.js +461 -158
- package/lib/Easy3wMGridPage/index.less +5 -6
- package/lib/Easy3wMInsideLayout/index.js +7 -3
- package/lib/Easy3wMInsideLayout/index.less +3 -3
- package/lib/Easy3wMLogin/index.js +218 -63
- package/lib/Easy3wMPagination/index.js +283 -0
- package/lib/Easy3wMSpin/index.js +6 -9
- package/lib/Easy3wMSpin/index.less +13 -13
- package/lib/Easy3wMTable/index.js +609 -0
- package/lib/Easy3wMUserLayout/index.less +13 -9
- package/lib/index.js +9 -0
- package/package.json +2 -2
|
@@ -94,9 +94,13 @@ var Easy3wMInsideLayout = function (_Component) {
|
|
|
94
94
|
'div',
|
|
95
95
|
{ id: 'Easy3wMInsideLayout' },
|
|
96
96
|
hadHaederFlag ? _react2['default'].createElement(
|
|
97
|
-
|
|
98
|
-
{ className: '
|
|
99
|
-
|
|
97
|
+
'div',
|
|
98
|
+
{ className: 'titleListContent' },
|
|
99
|
+
_react2['default'].createElement(
|
|
100
|
+
_Easy3wMGlobalHeader2['default'],
|
|
101
|
+
{ className: 'titleList' },
|
|
102
|
+
this.getPageTitle()
|
|
103
|
+
)
|
|
100
104
|
) : '',
|
|
101
105
|
_react2['default'].createElement(
|
|
102
106
|
'div',
|
|
@@ -38,12 +38,12 @@ var _antdMobile = require('antd-mobile');
|
|
|
38
38
|
|
|
39
39
|
var _antdMobileIcons = require('antd-mobile-icons');
|
|
40
40
|
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
var _Easy3wMCaptcha2 = _interopRequireDefault(_Easy3wMCaptcha);
|
|
41
|
+
var _easy3wmui = require('easy3wmui');
|
|
44
42
|
|
|
45
43
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
46
44
|
|
|
45
|
+
// import styles from './index.less';
|
|
46
|
+
|
|
47
47
|
var Tab = _tabs2['default'].Tab;
|
|
48
48
|
|
|
49
49
|
var FormItem = _form2['default'].Item;
|
|
@@ -56,6 +56,12 @@ var Easy3wMLogin = function (_Component) {
|
|
|
56
56
|
|
|
57
57
|
var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
|
|
58
58
|
|
|
59
|
+
_this.onChange = function (key) {
|
|
60
|
+
_this.setState({
|
|
61
|
+
activeKey: key // 标签页的key
|
|
62
|
+
});
|
|
63
|
+
};
|
|
64
|
+
|
|
59
65
|
_this.checkCaptcha = function (rule, value, callback) {
|
|
60
66
|
var captcharesult = _this.state.captcharesult;
|
|
61
67
|
|
|
@@ -75,26 +81,71 @@ var Easy3wMLogin = function (_Component) {
|
|
|
75
81
|
});
|
|
76
82
|
};
|
|
77
83
|
|
|
78
|
-
_this.
|
|
79
|
-
|
|
80
|
-
var handleOk = _this.props.handleOk;
|
|
84
|
+
_this.touchSetPassword = function () {
|
|
85
|
+
var visible = _this.state.visible;
|
|
81
86
|
|
|
82
|
-
_this.
|
|
83
|
-
|
|
84
|
-
handleOk(values);
|
|
85
|
-
}
|
|
87
|
+
_this.setState({
|
|
88
|
+
visible: !visible // 密码显示隐藏
|
|
86
89
|
});
|
|
87
90
|
};
|
|
88
91
|
|
|
89
|
-
_this.
|
|
90
|
-
_this.
|
|
91
|
-
|
|
92
|
-
|
|
92
|
+
_this.toPage = function (operationType) {
|
|
93
|
+
var toPage = _this.props.toPage;
|
|
94
|
+
|
|
95
|
+
if (toPage && typeof toPage === 'function') {
|
|
96
|
+
toPage(operationType);
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
_this.showModal = function (operationType) {
|
|
101
|
+
var showModal = _this.props.showModal;
|
|
102
|
+
|
|
103
|
+
if (showModal && typeof showModal === 'function') {
|
|
104
|
+
showModal(operationType);
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
_this.touchSendCode = function () {
|
|
109
|
+
var touchSendCode = _this.props.touchSendCode;
|
|
110
|
+
|
|
111
|
+
if (touchSendCode && typeof touchSendCode === 'function') {
|
|
112
|
+
touchSendCode(function (countProps) {
|
|
113
|
+
var count = countProps || 59;
|
|
114
|
+
_this.setState({
|
|
115
|
+
count: count // 验证码时间
|
|
116
|
+
});
|
|
117
|
+
_this.interval = setInterval(function () {
|
|
118
|
+
count -= 1;
|
|
119
|
+
_this.setState({
|
|
120
|
+
count: count // 验证码时间
|
|
121
|
+
});
|
|
122
|
+
if (count === 0) {
|
|
123
|
+
clearInterval(_this.interval);
|
|
124
|
+
}
|
|
125
|
+
}, 1000);
|
|
126
|
+
});
|
|
127
|
+
}
|
|
93
128
|
};
|
|
94
129
|
|
|
130
|
+
_this.submitAccountLogin = function (values) {
|
|
131
|
+
var handleOk = _this.props.handleOk;
|
|
132
|
+
// this.props.form.validateFields().then((values) => {
|
|
133
|
+
|
|
134
|
+
if (handleOk && typeof handleOk === 'function') {
|
|
135
|
+
handleOk(values);
|
|
136
|
+
}
|
|
137
|
+
// });
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
var activeKey = _this.props.activeKey;
|
|
141
|
+
|
|
95
142
|
_this.state = {
|
|
143
|
+
activeKey: activeKey || 'account', // 标签页的key
|
|
144
|
+
// 账号密码登录
|
|
96
145
|
captcharesult: '', // 验证码--state
|
|
97
|
-
visible: false // 密码显示隐藏
|
|
146
|
+
visible: false, // 密码显示隐藏
|
|
147
|
+
// 账号密码登录
|
|
148
|
+
count: 0 // 手机验证码登录
|
|
98
149
|
};
|
|
99
150
|
return _this;
|
|
100
151
|
}
|
|
@@ -102,83 +153,187 @@ var Easy3wMLogin = function (_Component) {
|
|
|
102
153
|
Easy3wMLogin.prototype.componentWillUnmount = function componentWillUnmount() {};
|
|
103
154
|
// 生成form实例
|
|
104
155
|
// formRef = React.createRef()
|
|
156
|
+
// 切换标签页
|
|
157
|
+
|
|
158
|
+
// --------------------------------------- 账号密码登录 start ---------------------------------------
|
|
105
159
|
// 校验验证码
|
|
106
160
|
|
|
107
161
|
// 生成校验码
|
|
108
162
|
|
|
109
|
-
// 提交
|
|
110
|
-
|
|
111
163
|
// 密码显示隐藏
|
|
112
164
|
|
|
165
|
+
// 跳转忘记密码
|
|
166
|
+
|
|
167
|
+
// 显示联系客服弹窗
|
|
168
|
+
|
|
169
|
+
// --------------------------------------- 账号密码登录 end -----------------------------------------
|
|
170
|
+
// --------------------------------------- 手机验证码登录 start ---------------------------------------
|
|
171
|
+
// 发送验证码
|
|
172
|
+
|
|
173
|
+
// --------------------------------------- 手机验证码登录 end -----------------------------------------
|
|
174
|
+
// 提交
|
|
175
|
+
|
|
113
176
|
|
|
114
177
|
Easy3wMLogin.prototype.render = function render() {
|
|
115
178
|
var _this2 = this;
|
|
116
179
|
|
|
180
|
+
var _state = this.state,
|
|
181
|
+
visible = _state.visible,
|
|
182
|
+
activeKey = _state.activeKey,
|
|
183
|
+
count = _state.count;
|
|
117
184
|
var _props = this.props,
|
|
118
185
|
form = _props.form,
|
|
119
186
|
status = _props.status,
|
|
120
187
|
submitting = _props.submitting,
|
|
121
|
-
errorMsg = _props.errorMsg
|
|
122
|
-
|
|
188
|
+
errorMsg = _props.errorMsg,
|
|
189
|
+
objLoginMethod = _props.objLoginMethod;
|
|
190
|
+
|
|
191
|
+
var _ref = objLoginMethod || {},
|
|
192
|
+
account = _ref.account,
|
|
193
|
+
phone = _ref.phone;
|
|
123
194
|
|
|
124
195
|
var errorMsgReal = errorMsg || '账户或密码错误';
|
|
125
196
|
return _react2['default'].createElement(
|
|
126
|
-
|
|
127
|
-
{
|
|
197
|
+
'div',
|
|
198
|
+
{ id: 'Easy3wMLogin' },
|
|
128
199
|
_react2['default'].createElement(
|
|
129
|
-
|
|
130
|
-
{
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
200
|
+
_tabs2['default'],
|
|
201
|
+
{ activeKey: activeKey, onChange: this.onChange },
|
|
202
|
+
account ? _react2['default'].createElement(
|
|
203
|
+
Tab,
|
|
204
|
+
{ title: '\u8D26\u53F7\u5BC6\u7801\u767B\u5F55', key: 'account', destroyOnClose: true },
|
|
205
|
+
_react2['default'].createElement(
|
|
206
|
+
_form2['default'],
|
|
207
|
+
{
|
|
208
|
+
onFinish: this.submitAccountLogin,
|
|
209
|
+
form: form,
|
|
210
|
+
layout: 'horizontal' // 字段与字段值排列方式
|
|
211
|
+
, name: 'account',
|
|
212
|
+
footer: // 表单尾部的内容,常常用来放置提交按钮
|
|
213
|
+
_react2['default'].createElement(
|
|
214
|
+
'div',
|
|
215
|
+
null,
|
|
216
|
+
_react2['default'].createElement(
|
|
217
|
+
'div',
|
|
218
|
+
{ className: 'funArea' },
|
|
219
|
+
_react2['default'].createElement(
|
|
220
|
+
'a',
|
|
221
|
+
{ onClick: function onClick() {
|
|
222
|
+
return _this2.toPage('forgotPassword');
|
|
223
|
+
} },
|
|
224
|
+
'\u5FD8\u8BB0\u5BC6\u7801'
|
|
225
|
+
),
|
|
226
|
+
_react2['default'].createElement(
|
|
227
|
+
'a',
|
|
228
|
+
{ onClick: function onClick() {
|
|
229
|
+
return _this2.showModal('customerService');
|
|
230
|
+
} },
|
|
231
|
+
'\u8054\u7CFB\u5BA2\u670D'
|
|
232
|
+
)
|
|
233
|
+
),
|
|
234
|
+
_react2['default'].createElement(
|
|
235
|
+
_button2['default'],
|
|
236
|
+
{ color: 'primary', fill: 'solid', block: true, type: 'primary', htmlType: 'submit' },
|
|
237
|
+
'\u767B\u5F55'
|
|
238
|
+
)
|
|
239
|
+
)
|
|
240
|
+
},
|
|
241
|
+
status === 'error' && submitting === false ? _react2['default'].createElement(
|
|
242
|
+
FormItem,
|
|
142
243
|
null,
|
|
143
244
|
_react2['default'].createElement(
|
|
144
|
-
|
|
145
|
-
{
|
|
146
|
-
|
|
245
|
+
'div',
|
|
246
|
+
{ className: 'errorMsgReal' },
|
|
247
|
+
errorMsgReal
|
|
147
248
|
)
|
|
249
|
+
) : '',
|
|
250
|
+
_react2['default'].createElement(
|
|
251
|
+
FormItem,
|
|
252
|
+
{ name: 'userName', required: true },
|
|
253
|
+
_react2['default'].createElement(_input2['default'], { onClick: this.changePsmode, placeholder: '\u8BF7\u8F93\u5165\u7528\u6237\u540D' })
|
|
254
|
+
),
|
|
255
|
+
_react2['default'].createElement(
|
|
256
|
+
FormItem,
|
|
257
|
+
{
|
|
258
|
+
name: 'password',
|
|
259
|
+
required: true,
|
|
260
|
+
extra: _react2['default'].createElement(
|
|
261
|
+
_button2['default'],
|
|
262
|
+
{
|
|
263
|
+
size: 'small',
|
|
264
|
+
onClick: this.touchSetPassword,
|
|
265
|
+
htmlType: 'button'
|
|
266
|
+
},
|
|
267
|
+
visible ? _react2['default'].createElement(_antdMobileIcons.EyeOutline, null) : _react2['default'].createElement(_antdMobileIcons.EyeInvisibleOutline, null)
|
|
268
|
+
)
|
|
269
|
+
},
|
|
270
|
+
_react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u5BC6\u7801', type: visible ? 'text' : 'password' })
|
|
271
|
+
),
|
|
272
|
+
_react2['default'].createElement(
|
|
273
|
+
FormItem,
|
|
274
|
+
{
|
|
275
|
+
name: 'piccaptcha',
|
|
276
|
+
rules: [{ required: true, message: '请输入验证码 不区分大小写' }, { validator: this.checkCaptcha }],
|
|
277
|
+
extra: _react2['default'].createElement(_easy3wmui.Easy3wMCaptcha, { touchCaptchaResult: this.touchCaptchaResult })
|
|
278
|
+
},
|
|
279
|
+
_react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 \u4E0D\u533A\u5206\u5927\u5C0F\u5199' })
|
|
148
280
|
)
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
),
|
|
281
|
+
)
|
|
282
|
+
) : '',
|
|
283
|
+
phone ? _react2['default'].createElement(
|
|
284
|
+
Tab,
|
|
285
|
+
{ title: '\u624B\u673A\u9A8C\u8BC1\u7801\u767B\u5F55', key: 'phone', destroyOnClose: true },
|
|
155
286
|
_react2['default'].createElement(
|
|
156
|
-
|
|
287
|
+
_form2['default'],
|
|
157
288
|
{
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
289
|
+
form: form,
|
|
290
|
+
layout: 'horizontal' // 字段与字段值排列方式
|
|
291
|
+
, name: 'phone',
|
|
292
|
+
onFinish: this.submitAccountLogin,
|
|
293
|
+
footer: // 表单尾部的内容,常常用来放置提交按钮
|
|
294
|
+
_react2['default'].createElement(
|
|
161
295
|
'div',
|
|
162
296
|
null,
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
297
|
+
_react2['default'].createElement(
|
|
298
|
+
_button2['default'],
|
|
299
|
+
{ type: 'submit', color: 'primary', fill: 'solid', block: true },
|
|
300
|
+
'\u767B\u5F55'
|
|
301
|
+
)
|
|
168
302
|
)
|
|
169
303
|
},
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
_react2['default'].createElement(
|
|
304
|
+
status === 'error' && submitting === false ? _react2['default'].createElement(
|
|
305
|
+
FormItem,
|
|
306
|
+
null,
|
|
307
|
+
_react2['default'].createElement(
|
|
308
|
+
'div',
|
|
309
|
+
{ className: 'errorMsgReal' },
|
|
310
|
+
errorMsgReal
|
|
311
|
+
)
|
|
312
|
+
) : '',
|
|
313
|
+
_react2['default'].createElement(
|
|
314
|
+
FormItem,
|
|
315
|
+
{ name: 'phone', rules: [{ pattern: /^1\d{10}$/, required: true, message: '手机格式错误' }] },
|
|
316
|
+
_react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u624B\u673A\u53F7' })
|
|
317
|
+
),
|
|
318
|
+
_react2['default'].createElement(
|
|
319
|
+
FormItem,
|
|
320
|
+
{
|
|
321
|
+
name: 'piccaptcha',
|
|
322
|
+
extra: count ? _react2['default'].createElement(
|
|
323
|
+
_button2['default'],
|
|
324
|
+
{ size: 'small', type: 'button' },
|
|
325
|
+
count,
|
|
326
|
+
's'
|
|
327
|
+
) : _react2['default'].createElement(
|
|
328
|
+
_button2['default'],
|
|
329
|
+
{ size: 'small', type: 'button', onClick: this.touchSendCode },
|
|
330
|
+
'\u53D1\u9001\u9A8C\u8BC1\u7801'
|
|
331
|
+
)
|
|
332
|
+
},
|
|
333
|
+
_react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 \u4E0D\u533A\u5206\u5927\u5C0F\u5199' })
|
|
334
|
+
)
|
|
180
335
|
)
|
|
181
|
-
)
|
|
336
|
+
) : ''
|
|
182
337
|
)
|
|
183
338
|
);
|
|
184
339
|
};
|
|
@@ -0,0 +1,283 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
|
|
5
|
+
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
6
|
+
|
|
7
|
+
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
8
|
+
|
|
9
|
+
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
10
|
+
|
|
11
|
+
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
12
|
+
|
|
13
|
+
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
14
|
+
|
|
15
|
+
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
16
|
+
|
|
17
|
+
var _react = require('react');
|
|
18
|
+
|
|
19
|
+
var _react2 = _interopRequireDefault(_react);
|
|
20
|
+
|
|
21
|
+
var _dva = require('dva');
|
|
22
|
+
|
|
23
|
+
var _antdMobileIcons = require('antd-mobile-icons');
|
|
24
|
+
|
|
25
|
+
var _Easy3wMCard = require('../Easy3wMCard');
|
|
26
|
+
|
|
27
|
+
var _Easy3wMCard2 = _interopRequireDefault(_Easy3wMCard);
|
|
28
|
+
|
|
29
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
30
|
+
|
|
31
|
+
var Easy3wMPagination = function (_PureComponent) {
|
|
32
|
+
(0, _inherits3['default'])(Easy3wMPagination, _PureComponent);
|
|
33
|
+
|
|
34
|
+
function Easy3wMPagination(props) {
|
|
35
|
+
(0, _classCallCheck3['default'])(this, Easy3wMPagination);
|
|
36
|
+
|
|
37
|
+
var _this = (0, _possibleConstructorReturn3['default'])(this, _PureComponent.call(this, props));
|
|
38
|
+
|
|
39
|
+
_this.onChange = function (num, notFetchFlag) {
|
|
40
|
+
var _this$props = _this.props,
|
|
41
|
+
intData = _this$props.intData,
|
|
42
|
+
touchFetch = _this$props.touchFetch;
|
|
43
|
+
|
|
44
|
+
var intTotalPage = Math.ceil(intData / 10);
|
|
45
|
+
// const intTotalPage = 99999;
|
|
46
|
+
var offset = _this.state.offset;
|
|
47
|
+
|
|
48
|
+
if (typeof num === 'string') {
|
|
49
|
+
offset += Number(num);
|
|
50
|
+
} else {
|
|
51
|
+
offset = num;
|
|
52
|
+
}
|
|
53
|
+
if (offset < 1) {
|
|
54
|
+
offset = 1;
|
|
55
|
+
} else if (offset > intTotalPage) {
|
|
56
|
+
offset = intTotalPage;
|
|
57
|
+
}
|
|
58
|
+
_this.setState({
|
|
59
|
+
offset: offset // 当前页
|
|
60
|
+
}, function () {
|
|
61
|
+
if (notFetchFlag) {// true 不查询 false 查询
|
|
62
|
+
// 不查询
|
|
63
|
+
} else if (touchFetch && typeof touchFetch === 'function') {
|
|
64
|
+
touchFetch();
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
_this.touchCreatePageNum = function (intTotalPage, offset, index) {
|
|
70
|
+
var btnNum = intTotalPage > 999 ? 5 : 7;
|
|
71
|
+
/*
|
|
72
|
+
intTotalPage 总页数
|
|
73
|
+
offset 当前分页
|
|
74
|
+
btnNum 按钮数量
|
|
75
|
+
intTotalPage <= btnNum
|
|
76
|
+
<,1,2,3,4,5,6,7,> 删除6,7
|
|
77
|
+
intTotalPage > btnNum
|
|
78
|
+
offset - 3 <= 1
|
|
79
|
+
<,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
80
|
+
intTotalPage > btnNum
|
|
81
|
+
offset - 3 > 1 && offset + 3 < intTotalPage
|
|
82
|
+
<,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
83
|
+
intTotalPage > btnNum
|
|
84
|
+
offset - 3 > 1 && offset + 3 >= intTotalPage
|
|
85
|
+
<,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
|
|
86
|
+
*/
|
|
87
|
+
if (intTotalPage <= btnNum) {
|
|
88
|
+
return index;
|
|
89
|
+
} else if (btnNum === 5 && intTotalPage > btnNum && offset - 2 < 1) {
|
|
90
|
+
if (index === 4) {
|
|
91
|
+
return '+5';
|
|
92
|
+
} else {
|
|
93
|
+
return index;
|
|
94
|
+
}
|
|
95
|
+
} else if (btnNum === 5 && intTotalPage > btnNum && offset - 2 >= 1 && offset + 2 <= intTotalPage) {
|
|
96
|
+
if (index === 4) {
|
|
97
|
+
return '+5';
|
|
98
|
+
} else if (index === 2) {
|
|
99
|
+
return '-5';
|
|
100
|
+
} else {
|
|
101
|
+
return offset;
|
|
102
|
+
}
|
|
103
|
+
} else if (btnNum === 5 && offset - 2 >= 1 && offset + 2 > intTotalPage) {
|
|
104
|
+
if (index === 2) {
|
|
105
|
+
// <1,-5,6,7,8>
|
|
106
|
+
return '-5';
|
|
107
|
+
} else if (index === 3) {
|
|
108
|
+
return intTotalPage - 2;
|
|
109
|
+
} else if (index === 4) {
|
|
110
|
+
return intTotalPage - 1;
|
|
111
|
+
}
|
|
112
|
+
} else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 <= 1) {
|
|
113
|
+
if (index === 6) {
|
|
114
|
+
// 1,2,3,4,5,+5,intTotalPage
|
|
115
|
+
return '+5';
|
|
116
|
+
} else {
|
|
117
|
+
return index;
|
|
118
|
+
}
|
|
119
|
+
} else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 > 1 && offset + 3 < intTotalPage) {
|
|
120
|
+
if (index === 2) {
|
|
121
|
+
return '-5';
|
|
122
|
+
} else if (index === 3) {
|
|
123
|
+
return offset - 1;
|
|
124
|
+
} else if (index === 4) {
|
|
125
|
+
return offset;
|
|
126
|
+
} else if (index === 5) {
|
|
127
|
+
return offset + 1;
|
|
128
|
+
} else if (index === 6) {
|
|
129
|
+
return '+5';
|
|
130
|
+
}
|
|
131
|
+
} else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 > 1 && offset + 3 >= intTotalPage) {
|
|
132
|
+
if (index === 2) {
|
|
133
|
+
return '-5';
|
|
134
|
+
} else if (index === 3) {
|
|
135
|
+
return intTotalPage - 4;
|
|
136
|
+
} else if (index === 4) {
|
|
137
|
+
return intTotalPage - 3;
|
|
138
|
+
} else if (index === 5) {
|
|
139
|
+
return intTotalPage - 2;
|
|
140
|
+
} else if (index === 6) {
|
|
141
|
+
return intTotalPage - 1;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
var bidPureComponent = _this.props.bidPureComponent;
|
|
147
|
+
|
|
148
|
+
if (bidPureComponent && typeof bidPureComponent === 'function') {
|
|
149
|
+
bidPureComponent(_this);
|
|
150
|
+
}
|
|
151
|
+
_this.state = {
|
|
152
|
+
offset: 1 // 当前页
|
|
153
|
+
};
|
|
154
|
+
return _this;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
Easy3wMPagination.prototype.componentDidMount = function componentDidMount() {};
|
|
158
|
+
|
|
159
|
+
Easy3wMPagination.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
|
160
|
+
var offset = this.state.offset;
|
|
161
|
+
var intData = nextProps.intData;
|
|
162
|
+
// const { intData } = this.props;
|
|
163
|
+
|
|
164
|
+
var intTotalPage = Math.ceil(intData / 10);
|
|
165
|
+
// 查询之后发现,当前页数大于最大页数 (情况:1、录入查询条件,直接选择了最后一个分页,最终当前页数大于最大页数)
|
|
166
|
+
if (intData !== this.props.intData && offset > intTotalPage) {
|
|
167
|
+
this.setState({
|
|
168
|
+
offset: intTotalPage
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
};
|
|
172
|
+
|
|
173
|
+
Easy3wMPagination.prototype.componentWillUnmount = function componentWillUnmount() {};
|
|
174
|
+
// --------------------------------------------- 分页 start ---------------------------------------------
|
|
175
|
+
// 切换页数
|
|
176
|
+
|
|
177
|
+
// 生成分页数字
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
// --------------------------------------------- 分页 end -----------------------------------------------
|
|
181
|
+
Easy3wMPagination.prototype.render = function render() {
|
|
182
|
+
var _this2 = this;
|
|
183
|
+
|
|
184
|
+
var intData = this.props.intData;
|
|
185
|
+
var offset = this.state.offset;
|
|
186
|
+
|
|
187
|
+
var intTotalPage = Math.ceil(intData / 10);
|
|
188
|
+
var btn2 = this.touchCreatePageNum(intTotalPage, offset, 2);
|
|
189
|
+
var btnText2 = typeof btn2 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn2;
|
|
190
|
+
var btn3 = this.touchCreatePageNum(intTotalPage, offset, 3);
|
|
191
|
+
var btnText3 = typeof btn3 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn3;
|
|
192
|
+
var btn4 = this.touchCreatePageNum(intTotalPage, offset, 4);
|
|
193
|
+
var btnText4 = typeof btn4 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn4;
|
|
194
|
+
var btn5 = this.touchCreatePageNum(intTotalPage, offset, 5);
|
|
195
|
+
var btnText5 = typeof btn5 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn5;
|
|
196
|
+
var btn6 = this.touchCreatePageNum(intTotalPage, offset, 6);
|
|
197
|
+
var btnText6 = typeof btn6 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn6;
|
|
198
|
+
return _react2['default'].createElement(
|
|
199
|
+
'div',
|
|
200
|
+
{ id: 'Easy3wMPagination' },
|
|
201
|
+
_react2['default'].createElement(
|
|
202
|
+
_Easy3wMCard2['default'],
|
|
203
|
+
null,
|
|
204
|
+
_react2['default'].createElement(
|
|
205
|
+
'div',
|
|
206
|
+
{ className: 'easy3wMGridPageStepper' },
|
|
207
|
+
_react2['default'].createElement(
|
|
208
|
+
'span',
|
|
209
|
+
{ className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnDisable' : ''), onClick: offset === 1 ? function () {} : function () {
|
|
210
|
+
return _this2.onChange(offset - 1);
|
|
211
|
+
} },
|
|
212
|
+
_react2['default'].createElement(_antdMobileIcons.LeftOutline, null)
|
|
213
|
+
),
|
|
214
|
+
_react2['default'].createElement(
|
|
215
|
+
'span',
|
|
216
|
+
{ className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnActive' : ''), onClick: offset === 1 ? function () {} : function () {
|
|
217
|
+
return _this2.onChange(1);
|
|
218
|
+
} },
|
|
219
|
+
'1'
|
|
220
|
+
),
|
|
221
|
+
_react2['default'].createElement(
|
|
222
|
+
'span',
|
|
223
|
+
{ className: 'emgpsBtn ' + (offset === btn2 ? 'emgpsBtnActive' : '') + ' ' + (btn2 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn2 ? function () {} : function () {
|
|
224
|
+
return _this2.onChange(btn2);
|
|
225
|
+
} },
|
|
226
|
+
btnText2
|
|
227
|
+
),
|
|
228
|
+
_react2['default'].createElement(
|
|
229
|
+
'span',
|
|
230
|
+
{ className: 'emgpsBtn ' + (offset === btn3 ? 'emgpsBtnActive' : '') + ' ' + (btn3 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn3 ? function () {} : function () {
|
|
231
|
+
return _this2.onChange(btn3);
|
|
232
|
+
} },
|
|
233
|
+
btnText3
|
|
234
|
+
),
|
|
235
|
+
_react2['default'].createElement(
|
|
236
|
+
'span',
|
|
237
|
+
{ className: 'emgpsBtn ' + (offset === btn4 ? 'emgpsBtnActive' : '') + ' ' + (btn4 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn4 ? function () {} : function () {
|
|
238
|
+
return _this2.onChange(btn4);
|
|
239
|
+
} },
|
|
240
|
+
btnText4
|
|
241
|
+
),
|
|
242
|
+
_react2['default'].createElement(
|
|
243
|
+
'span',
|
|
244
|
+
{ className: 'emgpsBtn ' + (offset === btn5 ? 'emgpsBtnActive' : '') + ' ' + (btn5 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn5 ? function () {} : function () {
|
|
245
|
+
return _this2.onChange(btn5);
|
|
246
|
+
} },
|
|
247
|
+
btnText5
|
|
248
|
+
),
|
|
249
|
+
_react2['default'].createElement(
|
|
250
|
+
'span',
|
|
251
|
+
{ className: 'emgpsBtn ' + (offset === btn6 ? 'emgpsBtnActive' : '') + ' ' + (btn6 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn6 ? function () {} : function () {
|
|
252
|
+
return _this2.onChange(btn6);
|
|
253
|
+
} },
|
|
254
|
+
btnText6
|
|
255
|
+
),
|
|
256
|
+
_react2['default'].createElement(
|
|
257
|
+
'span',
|
|
258
|
+
{ className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnActive' : '') + ' ' + (intTotalPage > 1 ? '' : 'emgpsBtnNo'), onClick: offset === intTotalPage ? function () {} : function () {
|
|
259
|
+
return _this2.onChange(intTotalPage);
|
|
260
|
+
} },
|
|
261
|
+
intTotalPage
|
|
262
|
+
),
|
|
263
|
+
_react2['default'].createElement(
|
|
264
|
+
'span',
|
|
265
|
+
{ className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnDisable' : ''), onClick: offset === intTotalPage ? function () {} : function () {
|
|
266
|
+
return _this2.onChange(offset + 1);
|
|
267
|
+
} },
|
|
268
|
+
_react2['default'].createElement(_antdMobileIcons.RightOutline, null)
|
|
269
|
+
)
|
|
270
|
+
)
|
|
271
|
+
)
|
|
272
|
+
);
|
|
273
|
+
};
|
|
274
|
+
|
|
275
|
+
return Easy3wMPagination;
|
|
276
|
+
}(_react.PureComponent);
|
|
277
|
+
|
|
278
|
+
exports['default'] = (0, _dva.connect)(function (state) {
|
|
279
|
+
return {
|
|
280
|
+
loading: state.loading
|
|
281
|
+
};
|
|
282
|
+
})(Easy3wMPagination);
|
|
283
|
+
module.exports = exports['default'];
|