feat: 1

config/routes.ts

@@ -35,12 +35,18 @@
     routes: [
       {
         path: '/project',
-        redirect: '/project/management'
+        redirect: '/project/management/list'
       },
       {
-        path: 'management',
-        name: 'management',
-        component: './Project/Management'
+        path: '/project/management/list',
+        name: 'management-list',
+        component: './Project/Management/index'
+      },
+      {
+        path: '/project/management/add',
+        name: 'management-add',
+        hideInMenu: true,
+        component: './Project/Management/create'
       }
     ]
   },

package.json

@@ -56,6 +56,8 @@
     "antd": "^4.14.0",
     "classnames": "^2.2.6",
     "dayjs": "^1.10.7",
+    "form-render": "^1.8.4-beta.3",
+    "fr-generator": "^2.6.1",
     "lodash": "^4.17.11",
     "moment": "^2.25.3",
     "omit.js": "^2.0.2",

src/locales/zh-CN/menu.ts

@@ -16,7 +16,8 @@ export default {
   'menu.account.trigger': '触发报错',
   'menu.account.logout': '退出登录',
   'menu.project': '项目',
-  'menu.project.management': '项目管理',
+  'menu.project.management-list': '项目管理',
+  'menu.project.management-add': '新增项目',
   'menu.institutions': '企事业单位',
   'menu.institutions.company': '单位管理',
   'menu.institutions.staff': '人员管理',

src/pages/Project/Management/create.tsx

@@ -0,0 +1,7 @@
+import { PageContainer } from '@ant-design/pro-layout'
+
+const create = () => {
+  return <PageContainer title={false}>111</PageContainer>
+}
+
+export default create

src/pages/Project/Management/index.tsx

@@ -4,7 +4,7 @@ import type { ProColumnType, ActionType } from '@ant-design/pro-table'
 import { Button, Popconfirm } from 'antd'
 import consts from '@/utils/consts'
 import { useRef, useState, useEffect } from 'react'
-import { connect, useRequest } from 'umi'
+import { connect, useRequest, history } from 'umi'
 import type { ConnectProps } from 'umi'
 import type { ProjectModelState } from '../model'
 import { DeleteOutlined } from '@ant-design/icons'
@@ -123,12 +123,13 @@ const List: React.FC<ListProps> = ({ dispatch, pTypeList }) => {
             onSearch: val => setState({ ...state, params: { ...state.params, search: val } })
           },
           actions: [
-            <Button
-              onClick={() =>
-                setState({ ...state, visible: true, currentModalType: ModalType.ADD })
-              }>
-              新建项目
-            </Button>
+            <Button onClick={() => history.push('/project/management/add')}>新建项目</Button>
+            // <Button
+            //   onClick={() =>
+            //     setState({ ...state, visible: true, currentModalType: ModalType.ADD })
+            //   }>
+            //   新建项目
+            // </Button>
           ]
         }}
         search={false}