魏超 5 years ago
parent
commit
dc36633417
1 changed files with 43 additions and 37 deletions
  1. 43
    37
      src/components/GlobalHeader/ShowPassword.jsx

+ 43
- 37
src/components/GlobalHeader/ShowPassword.jsx View File

@@ -35,48 +35,54 @@ function passwodForm(props) {
35 35
     });
36 36
   }
37 37
 
38
+  // 弹框取消按钮
39
+  function handlePopCancel(e) {
40
+    props.onSuccess()
41
+  }
42
+
38 43
   const { getFieldDecorator } = props.form
44
+
39 45
   return (
40 46
     <>
41 47
       <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={(e) => handleSubmit(e)}>
42
-      <Form.Item label="请输入旧密码">
43
-            {getFieldDecorator('originalPassword', {
44
-              rules: [{ required: true, message: '请输入旧密码' }],
45
-            })(
46
-              <Input
47
-                prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
48
-                type="password"
49
-                placeholder="Password"
50
-              />,
51
-            )}
52
-          </Form.Item>
48
+        <Form.Item label="请输入旧密码">
49
+          {getFieldDecorator('originalPassword', {
50
+            rules: [{ required: true, message: '请输入旧密码' }],
51
+          })(
52
+            <Input
53
+              prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
54
+              type="password"
55
+              placeholder="Password"
56
+            />,
57
+          )}
58
+        </Form.Item>
53 59
         <Form.Item label="新密码">
54
-            {getFieldDecorator('newPassword', {
55
-              rules: [{ required: true, message: '请输入新密码' }],
56
-            })(
57
-              <Input
58
-                prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
59
-                type="password"
60
-                placeholder="Password"
61
-              />,
62
-            )}
63
-          </Form.Item>
64
-          <Form.Item label="确认新密码">
65
-            {getFieldDecorator('newPasswordToo', {
66
-              rules: [{ required: true, message: '请确认新密码' }],
67
-            })(
68
-              <Input
69
-                prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
70
-                type="password"
71
-                placeholder="Password"
72
-              />,
73
-            )}
74
-          </Form.Item>
75
-          <Form.Item>
76
-            <Button type="primary" htmlType="submit">
77
-                确定
78
-            </Button>
79
-          </Form.Item>
60
+          {getFieldDecorator('newPassword', {
61
+            rules: [{ required: true, message: '请输入新密码' }],
62
+          })(
63
+            <Input
64
+              prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
65
+              type="password"
66
+              placeholder="Password"
67
+            />,
68
+          )}
69
+        </Form.Item>
70
+        <Form.Item label="确认新密码">
71
+          {getFieldDecorator('newPasswordToo', {
72
+            rules: [{ required: true, message: '请确认新密码' }],
73
+          })(
74
+            <Input
75
+              prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
76
+              type="password"
77
+              placeholder="Password"
78
+            />,
79
+          )}
80
+        </Form.Item>
81
+        <Form.Item>
82
+          <Button type="primary" htmlType="submit">保存</Button>
83
+          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
84
+          <Button onClick={(e) => handlePopCancel(e)}>取消</Button>
85
+        </Form.Item>
80 86
       </Form>
81 87
     </>
82 88
   )