feat: 新增随机密码功能

src/pages/Management/Setting/components/Modal.tsx

@@ -1,5 +1,6 @@
 import { iUserInfo } from '@/types/setting'
 import consts from '@/utils/consts'
+import { generatePsw } from '@/utils/util'
 import { EyeInvisibleOutlined, EyeTwoTone } from '@ant-design/icons'
 import { Button, Form, Input, Modal, Select } from 'antd'
 import React, { useEffect, useState } from 'react'
@@ -31,6 +32,10 @@ const userModal:React.FC<iUserModal> = ({ visible, loading, onCreate, onCancel,
     }
     setDelLoading(false)
   }
+  const pswHandler = () => {
+    const password = generatePsw(12)
+    form.setFieldsValue({ password })
+  }
   return (
     <>
       <Modal
@@ -94,7 +99,7 @@ const userModal:React.FC<iUserModal> = ({ visible, loading, onCreate, onCancel,
         <Form.Item name="password" label="登录密码" rules={[ { required: true, message: '请输入登录密码' } ]}>
           <Input.Password
             placeholder="密码支持英文数字及符号"
-            addonAfter={<span>随机密码</span>}
+            addonAfter={<span className="pi-pd-lr-11" onClick={() => pswHandler()}>随机密码</span>}
             iconRender={visible => (visible ? <EyeTwoTone /> : <EyeInvisibleOutlined />)}
           />
         </Form.Item>

src/pages/Management/Setting/components/PswModal.tsx

@@ -1,5 +1,6 @@
 import { iUserInfo } from '@/types/setting'
 import consts from '@/utils/consts'
+import { generatePsw } from '@/utils/util'
 import { EyeInvisibleOutlined, EyeTwoTone } from '@ant-design/icons'
 import { Form, Input, message, Modal } from 'antd'
 import React, { useEffect, useState } from 'react'
@@ -30,6 +31,11 @@ const PswModal:React.FC<iPswModalProps> = ({ visible, onCancel, userInfo: { id,
   useEffect(() => {
     form.setFieldsValue({ id, ps_account: account })
   }, [ visible ])
+
+  const pswHandler = () => {
+    const ps_password = generatePsw(12)
+    form.setFieldsValue({ ps_password })
+  }
   return (
     <div>
       <Modal
@@ -61,7 +67,7 @@ const PswModal:React.FC<iPswModalProps> = ({ visible, onCancel, userInfo: { id,
             <Form.Item name="ps_password" label="登录密码" rules={[ { required: true, message: '请输入登录密码' } ]}>
               <Input.Password
                 placeholder="密码支持英文数字及符号"
-                addonAfter={<span>随机密码</span>}
+                addonAfter={<span className="pi-pd-lr-11" onClick={() => pswHandler()}>随机密码</span>}
                 iconRender={visible => (visible ? <EyeTwoTone /> : <EyeInvisibleOutlined />)}
               />
         </Form.Item>

src/pages/Management/Setting/index.module.scss

@@ -34,6 +34,7 @@
   }
 
   :global(.ant-input-group-addon) {
+    padding: 0;
     &:hover {
       color: #ffffff;
       background-color: #6c757d;