feat: 个人设置基本信息底部按钮加上固钉

src/pages/User/Account/Settings/components/BaseView.jsx

@@ -1,11 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react'
 import { Col, message, Row, Tabs } from 'antd'
-import ProForm, {
-  ProFormDatePicker,
-  ProFormSelect,
-  ProFormRadio,
-  ProFormText
-} from '@ant-design/pro-form'
+import ProForm, { ProFormDatePicker, ProFormSelect, ProFormRadio, ProFormText } from '@ant-design/pro-form'
 import styles from './BaseView.less'
 import {
   educationOptions,
@@ -17,6 +12,8 @@ import consts from '@/consts'
 import AvatarView from './AvatarView'
 import { isDevMode } from '@/utils/env'
 import dayjs from 'dayjs'
+import { Button } from 'antd'
+import { Affix } from 'antd'
 
 const { TabPane } = Tabs
 
@@ -73,8 +70,24 @@ const BaseView = () => {
               }}
               submitter={{
                 resetButtonProps: false,
-                submitButtonProps: {
-                  className: 'ml-120px'
+                // submitButtonProps: {
+                //   className: 'ml-120px'
+                // }
+                render: (props, doms) => {
+                  return [
+                    <Affix key="affix" offsetBottom={50}>
+                      <Button
+                        type="primary"
+                        key="submit"
+                        className="ml-120px"
+                        onClick={() => props.form?.submit?.()}>
+                        提交
+                      </Button>
+                    </Affix>
+                    // <button type="button" key="submit" onClick={() => props.form?.submit?.()}>
+                    //   提交
+                    // </button>
+                  ]
                 }
               }}>
               <ProFormText name="avatar" hidden />
@@ -83,11 +96,7 @@ const BaseView = () => {
                   <ProFormText disabled name="jobNumber" label="工号" placeholder="" />
                   <ProFormText disabled name="departmentName" label="办事处/部门" placeholder="" />
                   <ProFormText disabled name="birthday" label="入职日期" placeholder="" />
-                  <ProFormText
-                    name="qq"
-                    label="QQ"
-                    rules={[{ required: true, message: '请输入QQ号码' }]}
-                  />
+                  <ProFormText name="qq" label="QQ" rules={[{ required: true, message: '请输入QQ号码' }]} />
                   <ProFormText
                     name="telephone"
                     label="电话"