ztxkui 2.0.9 → 2.1.0
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/dist/Demo.js +14 -6
- package/dist/components/EnhanceSelect/index.js +25 -2
- package/dist/components/business/Common/UserForgetPassword/index.d.ts +11 -0
- package/dist/components/business/Common/UserForgetPassword/index.js +235 -0
- package/dist/components/business/Common/index.d.ts +2 -1
- package/dist/components/business/Common/index.js +2 -1
- package/package.json +1 -1
package/dist/Demo.js
CHANGED
|
@@ -6,7 +6,7 @@ var selectStyle = { width: '200px' };
|
|
|
6
6
|
function request(options) {
|
|
7
7
|
return fetch(options.url + "?" + stringify(options.params), {
|
|
8
8
|
headers: {
|
|
9
|
-
'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.
|
|
9
|
+
'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiaW10X2lkIjpudWxsLCJyZWFsX25hbWUiOiLpmYjkuprpm4QiLCJjbGllbnRfdHlwZSI6IndlYiIsImRhdGFfcm9sZV9pZCI6IjEzNDU5Nzg1MDUzMDIwNTY5NjIsMTQxMjYxNDExMDY0NzM4NjExNCwxNDEyNjE1Njc3MTE5MjY2ODE3LDE0NDgxMjEwODY1MDQzMDA1NDYsMTQ1MjgyMDI5MzgwMjcxMzA5MCwxNDUzOTI1MDAxNTMxNDc4MDE3LDE0NTg3MTIwODIwODIzNTcyNTAsMTQ1ODgyNjIzODE4NTg4OTc5NCwxNDU4ODI3NzAxMDEyMzI0MzUzLDE0NTg4MjgzNjA4MDE1MDkzNzcsMTQ2MDA4OTI2MjAxMjAzMDk3NywxNDYxMTM3Nzg4NjQ1MTI2MTQ2IiwiY2xpZW50X2lkIjoic3dvcmQiLCJ1c2VyX3R5cGUiOiJ3ZWIiLCJyb2xlX2lkIjoiMTQxMjYwODc0Mjk1MzI4NzY4MiwxNDM4MzIyNTQzMjk1OTI2Mjc0LDE0NDM0NzU0NzU5NzI3MzQ5NzcsMTQ0NjgxOTQ2MzY5Mzg0NDQ4MiwxNDYwMDg1NDI2ODE1OTUwODQ5LDE0NjI2MjI5OTIzNzUyMDk5ODYiLCJwb3N0X25hbWUiOm51bGwsInNjb3BlIjpbImFsbCJdLCJpbnRlcnZpZXdfaWQiOm51bGwsImV4cCI6MTYzOTQ4NDUzNSwib3JnX25hbWUiOiLmuZbljZfkuK3mi5Pkv6Hmga_np5HmioDmnInpmZDlhazlj7giLCJqdGkiOiIwN2EyYjA2MS1lNWY0LTQ4ZTEtOWIwOC1hNmI1ODQxMWY5M2UiLCJtZW1iZXJfaWQiOjE0MTI5NTMyMDUyNjk1MTYyOTAsImNvbXBhbnlfaWQiOjEzOTcwNzQ2MDU0MTI2OTYwNjYsInN5c3RlbV9pZCI6bnVsbCwiZGVwdF9uYW1lIjoi5Lia5Yqh5LiA6YOoIiwiYXZhdGFyIjoiIiwiZGF0YV9yb2xlX25hbWUiOiJhZG1pbix1c2VyLHVzZXIsYWRtaW4sYWRtaW4sYWRtaW4sdXNlcix1c2VyLHVzZXIsdXNlcix1c2VyLHVzZXIiLCJhdXRob3JpdGllcyI6WyJhZG1pbiIsInVzZXIiLCJhZG1pbmlzdHJhdG9yIl0sInJvbGVfbmFtZSI6InVzZXIsYWRtaW4sYWRtaW4sYWRtaW5pc3RyYXRvcix1c2VyLHVzZXIiLCJyZXN1bWVfdGVtcGxhdGUiOm51bGwsImxpY2Vuc2UiOiJwb3dlcmVkIGJ5IHptZG1zIiwicG9zdF9pZCI6IiIsInVzZXJfaWQiOiIxNDEyOTUzODA0MzMzNTU1NzE0Iiwib3JnX2lkIjoxNDU3NTI3NzY1OTE4NTE1NTM1LCJuaWNrX25hbWUiOiLpmYjkuprpm4QiLCJjb21wYW55X25hbWUiOiLmtZnllYbkuK3mi5Ppm4blm6LnianmtYHnp5HmioDmnInpmZDlhazlj7giLCJkZXB0X2lkIjoiMTM5NzA4MTkzMDMyODQyNDQ0OSIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50IjoiY2hlbnl4IiwicmVzdW1lX2lkIjpudWxsfQ.0Jd8QuqAcnoSPULKPBqwmuFWRwTACvNrB99xIynYB9s',
|
|
10
10
|
},
|
|
11
11
|
method: options.method,
|
|
12
12
|
}).then(function (response) { return response.json(); });
|
|
@@ -16,6 +16,10 @@ function Demo() {
|
|
|
16
16
|
var _a = useState([]), list = _a[0], setList = _a[1];
|
|
17
17
|
var _b = useState([]), defaultList = _b[0], setDefaultList = _b[1];
|
|
18
18
|
var _c = useState(''), value = _c[0], setValue = _c[1];
|
|
19
|
+
var _d = useState({
|
|
20
|
+
tenantId: '000000',
|
|
21
|
+
isCreateUser: 0,
|
|
22
|
+
}), params = _d[0], setParams = _d[1];
|
|
19
23
|
// 模拟接口请求
|
|
20
24
|
useEffect(function () {
|
|
21
25
|
var timeoutId = setTimeout(function () {
|
|
@@ -47,7 +51,12 @@ function Demo() {
|
|
|
47
51
|
projectName: '项目12',
|
|
48
52
|
},
|
|
49
53
|
]);
|
|
50
|
-
|
|
54
|
+
setValue('1462433051208762629');
|
|
55
|
+
setParams({
|
|
56
|
+
tenantId: '000000',
|
|
57
|
+
isCreateUser: 0,
|
|
58
|
+
orgId: 1457527765918515201,
|
|
59
|
+
});
|
|
51
60
|
}, 2000);
|
|
52
61
|
return function () {
|
|
53
62
|
if (timeoutId) {
|
|
@@ -59,13 +68,12 @@ function Demo() {
|
|
|
59
68
|
React.createElement(Link, { to: "/test" }, "test"),
|
|
60
69
|
React.createElement("h1", null, "\u4F5C\u4E3A\u6F14\u793A\u4F7F\u7528"),
|
|
61
70
|
React.createElement("h2", null, "\u5982\u679C\u6570\u636E\u662F\u901A\u8FC7\u5916\u90E8\u83B7\u53D6\u7684\uFF0C\u53EF\u4EE5\u901A\u8FC7\u4F20\u9012list\u5C5E\u6027"),
|
|
62
|
-
React.createElement(EnhanceSelect, { style: selectStyle, list: list, showAll: true, joinKey: "test1", onChange: function (value, option, fullData) {
|
|
63
|
-
console.log(value, option, fullData);
|
|
64
|
-
} }),
|
|
65
71
|
React.createElement("h2", null, "\u5F02\u6B65\u83B7\u53D6\u6570\u636E"),
|
|
66
72
|
React.createElement("h2", null, "\u5F02\u6B65\u83B7\u53D6\u6570\u636E\uFF0C\u5E76\u7F13\u5B58\u6570\u636E"),
|
|
67
73
|
React.createElement("h2", null, "\u8FDC\u7A0B\u6A21\u7CCA\u641C\u7D22"),
|
|
68
|
-
React.createElement(EnhanceSelect, { style: selectStyle, placeholder: "\u53EF\u8FDC\u7A0B\u6A21\u7CCA\u641C\u7D22", url: "http://192.168.0.83:8000/api/zmdms-system/employee/page", request: request, remoteSearch: true, dataKey: "id", titleKey: "empName",
|
|
74
|
+
React.createElement(EnhanceSelect, { style: selectStyle, placeholder: "\u53EF\u8FDC\u7A0B\u6A21\u7CCA\u641C\u7D22", url: "http://192.168.0.83:8000/api/zmdms-system/employee/page", request: request, remoteSearch: true, dataKey: "id", titleKey: "empName", value: value, showAll: true, onChange: function (value, option, fullData) {
|
|
75
|
+
setValue(value);
|
|
76
|
+
}, params: JSON.stringify(params),
|
|
69
77
|
// value={value}
|
|
70
78
|
mode: "multiple" })));
|
|
71
79
|
}
|
|
@@ -80,6 +80,8 @@ function EnhanceSelect(_a) {
|
|
|
80
80
|
var fetchId = useRef(0); // 请求Id,每次请求都会加1
|
|
81
81
|
// 是否使用过远程搜索主键key
|
|
82
82
|
var _k = useFetchState(false), firstLoading = _k[0], setFirstLoading = _k[1];
|
|
83
|
+
// 第一次清空时,才做远程查询
|
|
84
|
+
var _l = useFetchState(false), firstClearData = _l[0], setFirstClearData = _l[1];
|
|
83
85
|
// 如果selectList 发生改变,那么触发onCompleted事件
|
|
84
86
|
useEffect(function () {
|
|
85
87
|
if (Array.isArray(selectList) && onCompleted) {
|
|
@@ -142,7 +144,7 @@ function EnhanceSelect(_a) {
|
|
|
142
144
|
getData(request, {
|
|
143
145
|
url: url,
|
|
144
146
|
method: method,
|
|
145
|
-
params: __assign(__assign({ size:
|
|
147
|
+
params: __assign(__assign({ size: 30, page: 1 }, outParams), searchParams),
|
|
146
148
|
})
|
|
147
149
|
.then(function (resData) {
|
|
148
150
|
var _a, _b, _c;
|
|
@@ -163,6 +165,15 @@ function EnhanceSelect(_a) {
|
|
|
163
165
|
result = ((_c = (_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.records) || [];
|
|
164
166
|
}
|
|
165
167
|
}
|
|
168
|
+
// 如果根据id查过了,那么需要把这些数据添加到自定义合并数组中
|
|
169
|
+
if (dataKeyValue) {
|
|
170
|
+
var values = dataKeyValue.split(',');
|
|
171
|
+
var currentData = values.map(function (valueItem) {
|
|
172
|
+
return result.find(function (item) { return item[dataKey] === valueItem; });
|
|
173
|
+
});
|
|
174
|
+
currentData = currentData === null || currentData === void 0 ? void 0 : currentData.filter(function (item) { return item; });
|
|
175
|
+
setMultipleList(currentData);
|
|
176
|
+
}
|
|
166
177
|
setSelectList(result);
|
|
167
178
|
})
|
|
168
179
|
.catch(function (err) {
|
|
@@ -181,6 +192,7 @@ function EnhanceSelect(_a) {
|
|
|
181
192
|
setSelectList,
|
|
182
193
|
transformData,
|
|
183
194
|
setLoading,
|
|
195
|
+
setMultipleList,
|
|
184
196
|
]);
|
|
185
197
|
var searchHandle = function (value) {
|
|
186
198
|
// 当value有值时才进行搜索
|
|
@@ -238,14 +250,16 @@ function EnhanceSelect(_a) {
|
|
|
238
250
|
remoteSearch,
|
|
239
251
|
]);
|
|
240
252
|
// 3、远程搜索,url必须传递
|
|
253
|
+
// 关于远程查询,最好的做法还是后台根据主键再去查一次详情数据,这样就能保证
|
|
254
|
+
// 查出来的数据就能保证不止一条
|
|
241
255
|
useEffect(function () {
|
|
242
256
|
if (!url || !remoteSearch) {
|
|
243
257
|
return;
|
|
244
258
|
}
|
|
245
|
-
debugger;
|
|
246
259
|
// console.log('TEST: 远程搜索');
|
|
247
260
|
// 如果初始化请求已经做过了,那么这个副作用直接返回
|
|
248
261
|
if (firstLoading) {
|
|
262
|
+
// console.log('已经通过id访问了');
|
|
249
263
|
return;
|
|
250
264
|
}
|
|
251
265
|
// 这种情况不需要启用远程搜索key值
|
|
@@ -255,11 +269,13 @@ function EnhanceSelect(_a) {
|
|
|
255
269
|
return;
|
|
256
270
|
}
|
|
257
271
|
if (!restProps.value) {
|
|
272
|
+
// console.log('第一次请求数据');
|
|
258
273
|
getRemoteDataHandle('', '');
|
|
259
274
|
}
|
|
260
275
|
else {
|
|
261
276
|
if (typeof restProps.value === 'string' ||
|
|
262
277
|
Array.isArray(restProps.value)) {
|
|
278
|
+
// console.log('第二次请求数据,默认为需要根据主键去请求', restProps.value);
|
|
263
279
|
setFirstLoading(true);
|
|
264
280
|
getRemoteDataHandle('', restProps.value);
|
|
265
281
|
}
|
|
@@ -326,6 +342,13 @@ function EnhanceSelect(_a) {
|
|
|
326
342
|
};
|
|
327
343
|
// onChange 方法
|
|
328
344
|
var onChangeHandle = function (value, option) {
|
|
345
|
+
if (((Array.isArray(value) && value.length === 0) || !value) &&
|
|
346
|
+
remoteSearch &&
|
|
347
|
+
!firstClearData) {
|
|
348
|
+
console.log('第一次清空数据时,做一次远程查询');
|
|
349
|
+
setFirstClearData(true);
|
|
350
|
+
getRemoteDataHandle('', '');
|
|
351
|
+
}
|
|
329
352
|
var _defaultList = Array.isArray(defaultList) ? defaultList : [];
|
|
330
353
|
var currentList = concatData(concatData(selectList || [], _defaultList), multipleList || []);
|
|
331
354
|
if (currentList && Array.isArray(currentList)) {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface IProps {
|
|
3
|
+
visible: boolean;
|
|
4
|
+
onCancel: any;
|
|
5
|
+
setUserPassword?: any;
|
|
6
|
+
request: any;
|
|
7
|
+
encryptionHandle: any;
|
|
8
|
+
setUserPasswordOption?: any;
|
|
9
|
+
}
|
|
10
|
+
declare const ForgetPassword: React.FC<IProps>;
|
|
11
|
+
export default ForgetPassword;
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
+
function step(op) {
|
|
26
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
+
while (_) try {
|
|
28
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
29
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
+
switch (op[0]) {
|
|
31
|
+
case 0: case 1: t = op; break;
|
|
32
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
+
default:
|
|
36
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
+
if (t[2]) _.ops.pop();
|
|
41
|
+
_.trys.pop(); continue;
|
|
42
|
+
}
|
|
43
|
+
op = body.call(thisArg, _);
|
|
44
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
import React, { useState, useCallback, useRef, useEffect } from 'react';
|
|
49
|
+
import { Modal, Form, SearchContainer, Input, Container, Button, message, } from '../../../../index';
|
|
50
|
+
import { validate, commonMessage } from 'ztxkutils/dist/validate';
|
|
51
|
+
var SearchLeft = SearchContainer.SearchLeft, Item = SearchContainer.SearchItem;
|
|
52
|
+
var countDownMaxTime = 60; // 倒计时最大时间
|
|
53
|
+
var ForgetPassword = function (_a) {
|
|
54
|
+
var visible = _a.visible, onCancel = _a.onCancel, setUserPassword = _a.setUserPassword, request = _a.request, setUserPasswordOption = _a.setUserPasswordOption, encryptionHandle = _a.encryptionHandle;
|
|
55
|
+
var form = Form.useForm()[0];
|
|
56
|
+
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
|
57
|
+
// 发送短信验证码相关操作
|
|
58
|
+
var _c = useState(false), codeLoading = _c[0], setCodeLoading = _c[1];
|
|
59
|
+
var _d = useState(countDownMaxTime), countDown = _d[0], setCountDown = _d[1];
|
|
60
|
+
var setIntervalCount = useRef();
|
|
61
|
+
// 开始倒计时
|
|
62
|
+
useEffect(function () {
|
|
63
|
+
// 倒计时
|
|
64
|
+
if (countDown === countDownMaxTime - 1) {
|
|
65
|
+
setIntervalCount.current = setInterval(function () {
|
|
66
|
+
if (countDown === 1) {
|
|
67
|
+
clearInterval(setIntervalCount.current);
|
|
68
|
+
}
|
|
69
|
+
setCountDown(function (preCountDown) { return preCountDown - 1; });
|
|
70
|
+
}, 1000);
|
|
71
|
+
}
|
|
72
|
+
else if (countDown === 0) {
|
|
73
|
+
setIntervalCount.current && clearInterval(setIntervalCount.current);
|
|
74
|
+
setCodeLoading(false);
|
|
75
|
+
setCountDown(countDownMaxTime);
|
|
76
|
+
}
|
|
77
|
+
}, [countDown]);
|
|
78
|
+
/**发送短信验证码 */
|
|
79
|
+
var onSendCode = function () {
|
|
80
|
+
setCodeLoading(true);
|
|
81
|
+
var phone = form.getFieldValue('phone');
|
|
82
|
+
if (!phone) {
|
|
83
|
+
message.error('请输入您的手机号');
|
|
84
|
+
setCodeLoading(false);
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
if (!validate.phoneValidate.test(phone)) {
|
|
88
|
+
message.error(commonMessage.phoneMessage);
|
|
89
|
+
setCodeLoading(false);
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
setTimeout(function () {
|
|
93
|
+
setCountDown(countDownMaxTime - 1);
|
|
94
|
+
}, 1000);
|
|
95
|
+
request({
|
|
96
|
+
url: '/api/zmdms-auth/oauth/sms',
|
|
97
|
+
method: 'GET',
|
|
98
|
+
params: {
|
|
99
|
+
phone: phone,
|
|
100
|
+
},
|
|
101
|
+
})
|
|
102
|
+
.then(function (res) {
|
|
103
|
+
var _a = res.data, msg = _a.msg, success = _a.success;
|
|
104
|
+
if (success === 'true') {
|
|
105
|
+
// message.success(msg || '验证码发送成功!');
|
|
106
|
+
// setUserPassword && setUserPassword();
|
|
107
|
+
}
|
|
108
|
+
else {
|
|
109
|
+
message.warning(msg || '验证码发送失败!');
|
|
110
|
+
}
|
|
111
|
+
})
|
|
112
|
+
.catch(function (err) {
|
|
113
|
+
var _a, _b;
|
|
114
|
+
message.warning(((_b = (_a = err === null || err === void 0 ? void 0 : err.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.msg) || '验证码发送失败!');
|
|
115
|
+
});
|
|
116
|
+
};
|
|
117
|
+
/**提交验证 */
|
|
118
|
+
var vallidateFn = useCallback(function (callback) { return __awaiter(void 0, void 0, void 0, function () {
|
|
119
|
+
var err_1, errorFields;
|
|
120
|
+
return __generator(this, function (_a) {
|
|
121
|
+
switch (_a.label) {
|
|
122
|
+
case 0:
|
|
123
|
+
_a.trys.push([0, 2, , 3]);
|
|
124
|
+
// 表单验证
|
|
125
|
+
return [4 /*yield*/, form.validateFields()];
|
|
126
|
+
case 1:
|
|
127
|
+
// 表单验证
|
|
128
|
+
_a.sent();
|
|
129
|
+
// 验证成功 提交数据
|
|
130
|
+
callback();
|
|
131
|
+
return [3 /*break*/, 3];
|
|
132
|
+
case 2:
|
|
133
|
+
err_1 = _a.sent();
|
|
134
|
+
errorFields = err_1.errorFields;
|
|
135
|
+
if (errorFields) {
|
|
136
|
+
message.warning(errorFields[0].errors + '');
|
|
137
|
+
}
|
|
138
|
+
return [3 /*break*/, 3];
|
|
139
|
+
case 3: return [2 /*return*/];
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
}); }, [form]);
|
|
143
|
+
/**发起提交 */
|
|
144
|
+
var submitParamsHandle = useCallback(function () {
|
|
145
|
+
setLoading(true);
|
|
146
|
+
var params = form.getFieldsValue();
|
|
147
|
+
var submitParams = {
|
|
148
|
+
phone: params.phone,
|
|
149
|
+
code: params.code,
|
|
150
|
+
newPassword: encryptionHandle(params.newPassword),
|
|
151
|
+
newPassword1: encryptionHandle(params.newPassword1),
|
|
152
|
+
};
|
|
153
|
+
request(setUserPasswordOption
|
|
154
|
+
? __assign(__assign({}, setUserPasswordOption), { data: __assign(__assign({}, setUserPasswordOption.data), submitParams) }) : {
|
|
155
|
+
url: '/api/zmdms-user/forget-password',
|
|
156
|
+
method: 'POST',
|
|
157
|
+
data: submitParams,
|
|
158
|
+
isFormData: true,
|
|
159
|
+
})
|
|
160
|
+
.then(function (res) {
|
|
161
|
+
setLoading(false);
|
|
162
|
+
var _a = res.data, msg = _a.msg, code = _a.code;
|
|
163
|
+
if (code === 200) {
|
|
164
|
+
message.success(msg || '密码修改成功!');
|
|
165
|
+
setUserPassword && setUserPassword();
|
|
166
|
+
}
|
|
167
|
+
else {
|
|
168
|
+
message.warning(msg || '密码修改失败!');
|
|
169
|
+
}
|
|
170
|
+
})
|
|
171
|
+
.catch(function (err) {
|
|
172
|
+
var _a, _b;
|
|
173
|
+
setLoading(false);
|
|
174
|
+
message.warning(((_b = (_a = err === null || err === void 0 ? void 0 : err.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.msg) || '密码修改失败!');
|
|
175
|
+
});
|
|
176
|
+
}, [form, encryptionHandle, request, setUserPasswordOption, setUserPassword]);
|
|
177
|
+
var onSaveHandle = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
178
|
+
return __generator(this, function (_a) {
|
|
179
|
+
vallidateFn(function () {
|
|
180
|
+
submitParamsHandle();
|
|
181
|
+
});
|
|
182
|
+
return [2 /*return*/];
|
|
183
|
+
});
|
|
184
|
+
}); }, [vallidateFn, submitParamsHandle]);
|
|
185
|
+
var footerDomFn = function () {
|
|
186
|
+
return (React.createElement(Button, { type: "primary", onClick: onSaveHandle, loading: loading }, "\u786E\u8BA4\u4FEE\u6539"));
|
|
187
|
+
};
|
|
188
|
+
return (React.createElement(Modal, { loading: loading, visible: visible, onCancel: onCancel, title: "\u5FD8\u8BB0\u5BC6\u7801", width: "80%", footer: footerDomFn() },
|
|
189
|
+
React.createElement(Container, null,
|
|
190
|
+
React.createElement(Form, { name: "forget-password-making", form: form },
|
|
191
|
+
React.createElement(SearchContainer, { dark: true },
|
|
192
|
+
React.createElement(SearchLeft, null,
|
|
193
|
+
React.createElement("div", { style: { width: '100%' } },
|
|
194
|
+
React.createElement(Item, { label: "\u624B\u673A\u53F7", name: "phone", rules: [
|
|
195
|
+
{ required: true, message: '请输入您的手机号' },
|
|
196
|
+
{
|
|
197
|
+
pattern: validate.phoneValidate,
|
|
198
|
+
message: commonMessage.phoneMessage,
|
|
199
|
+
},
|
|
200
|
+
] },
|
|
201
|
+
React.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u624B\u673A\u53F7" }))),
|
|
202
|
+
React.createElement("div", { style: { width: '100%', display: 'flex' } },
|
|
203
|
+
React.createElement(Item, { label: "\u77ED\u4FE1\u9A8C\u8BC1\u7801", name: "code", rules: [{ required: true, message: '请输入您的短信验证码' }] },
|
|
204
|
+
React.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u77ED\u4FE1\u9A8C\u8BC1\u7801" })),
|
|
205
|
+
React.createElement(Button, { type: "primary", onClick: onSendCode, loading: codeLoading },
|
|
206
|
+
"\u53D1\u9001\u9A8C\u8BC1\u7801 ",
|
|
207
|
+
codeLoading ? "(" + countDown + "s)" : '')),
|
|
208
|
+
React.createElement("div", { style: { width: '100%', display: 'flex' } },
|
|
209
|
+
React.createElement(Item, { name: "newPassword", label: "\u65B0\u5BC6\u7801", rules: [
|
|
210
|
+
{ required: true, message: '请输入新密码' },
|
|
211
|
+
{
|
|
212
|
+
pattern: validate.passwordValidate,
|
|
213
|
+
message: commonMessage.passwordMessage,
|
|
214
|
+
},
|
|
215
|
+
] },
|
|
216
|
+
React.createElement(Input, { autoComplete: "new-password", type: "password", placeholder: "\u8BF7\u8F93\u5165\u65B0\u5BC6\u7801" })),
|
|
217
|
+
React.createElement("div", null,
|
|
218
|
+
React.createElement("p", { style: { height: 32, lineHeight: '32px', color: 'red' } }, "\u75319-128\u4F4D\u7684\u5B57\u6BCD+\u6570\u5B57\uFF0C\u5B57\u6BCD+\u7279\u6B8A\u5B57\u7B26\uFF0C\u6570\u5B57+\u7279\u6B8A\u5B57\u7B26\u7EC4\u6210"))),
|
|
219
|
+
React.createElement(Item, { name: "newPassword1", label: "\u786E\u8BA4\u65B0\u5BC6\u7801", rules: [
|
|
220
|
+
{ required: true, message: '请确认密码' },
|
|
221
|
+
function (_a) {
|
|
222
|
+
var getFieldValue = _a.getFieldValue;
|
|
223
|
+
return ({
|
|
224
|
+
validator: function (rule, value) {
|
|
225
|
+
if (!value || getFieldValue('newPassword') === value) {
|
|
226
|
+
return Promise.resolve();
|
|
227
|
+
}
|
|
228
|
+
return Promise.reject('两次密码输入不一致');
|
|
229
|
+
},
|
|
230
|
+
});
|
|
231
|
+
},
|
|
232
|
+
], dependencies: ['newPassword'] },
|
|
233
|
+
React.createElement(Input, { autoComplete: "new-password", type: "password", placeholder: "\u786E\u8BA4\u65B0\u5BC6\u7801" }))))))));
|
|
234
|
+
};
|
|
235
|
+
export default ForgetPassword;
|