//config\config.js
layout: {
locale: false, //locale改为false
siderWidth: 208,
...defaultSettings,
},

//src\components\Footer\index.jsx
import { useIntl } from 'umi';
import { GithubOutlined } from '@ant-design/icons';
import { DefaultFooter } from '@ant-design/pro-layout';
export default () => {
const intl = useIntl();
// const defaultMessage = intl.formatMessage({
// id: 'app.copyright.produced',
// defaultMessage: '蚂蚁集团体验技术部出品',
// });
return (
<DefaultFooter
copyright={`2021 - 中国烟草总公司云南省公司`}
links={[
{
// key: 'Ant Design Pro',
// title: 'Ant Design Pro',
// href: 'https://pro.ant.design',
// blankTarget: true,
},
]}
/>
);
};

//config\config.js
import routes from './routes';
......
// umi routes: https://umijs.org/docs/routing
routes,

//config\routes.js
{
name: '主体管理',
icon: 'table',
path:'/Identity',
access:'canAdmin',
routes:[
{
name: '自然人主体管理',
icon: 'table',
path: '/Identity/Person',
component: './Admin/Identity/IdentityofPerson',
},
{
name: '组织机构主体管理',
icon: 'table',
path: '/Identity/Org',
component: './Admin/Identity/IdentityofOrg',
},
]
},

routes: [
{
path: '/',
component: '../layouts/BasicLayout',
authority: ['admin', 'user'], //通过authority设置可访问的用户类别。
routes: [
{
path: '/',
redirect: '/user/login',
},
{
path: '/welcome',
name: 'welcome',
icon: 'smile',
component: './Welcome',
},
......

//src\access.js
/**
* @see https://umijs.org/zh-CN/plugins/plugin-access
* */
export default function access(initialState) {
const { currentUser } = initialState || {};
return {
canAdmin: currentUser && currentUser.access === 'admin',
//这里是返回的用户数据里面有一个access字段，通过是admin还是user来表示用户权限，所以添加了一个canUser的promise，检查用户权限组是否为user。
canUser:currentUser && currentUser.access === 'user'
};
}

//config\routes/js
{
name: '主体管理',
icon: 'table',
path:'/Identity',
access:'canAdmin', //调用canAdmin来检查是否符合管理员权限
routes:[
......
]
},
{
name: '个人中心',
icon: 'table',
access:'canUser', //调用canUser来检查是否符合用户权限。
path: '/Account',
component: './user/AccountManage',
},

//前面都不匹配，检查/
{
path: '/',
redirect: '/index',
},
//所有的都没有匹配，跳转404
{
component: './404',
},
];

export default ()=>{
const [formRefofModal]=Form.useForm(); //创建一个formInstance
......
function(){
//在需要的地方通过formRef.current.getFieldsValue来取值
const values=formRefofModal.getFieldsValue(true);
console.log(values);
//通过formRef.current.resetFields来快速重置表单项。
formRefofModal.resetFields();
}
......
render(){
......
// 通过form属性绑定到创建的ref
<Form layout="vertical" hideRequiredMark form={formRefofModal}>
......
......
}


//console输出的表单值
{
"Name": "张三2222",
"PhoneticDisplayName": "zhangsan3333",
"Sex": "1",
"Ethnicity": "汉族",
"Mobile": "123123123123",
"Email": "123123",
"ChineseIDCard": "1231231"
}