F

src/components/Page/LeftIcon.jsx

 };
 
 export default (props) => {
-  const { children, back } = props;
+  const { children, back, navigateNum } = props;
   const navigate = useNavigate();
   const goBack = (e) => {
- 
-    const router = useRoute();
-    console.log(router);
     e.preventDefault();
     e.stopPropagation();
 
-    navigate(-1);
+    navigate(navigateNum);
   };
   return (
     <Typography.Title
       style={{ fontWeight: 400, flex: "none", margin: "0" }}
     >
       <div style={titleStyle}>
-        {back ? <LeftCircleFilled onClick={goBack} style={IconStyle} /> : ""}
+        {back ? (
+          <LeftCircleFilled
+            onClick={goBack}
+            style={IconStyle}
+            navigateNum={navigateNum}
+          />
+        ) : (
+          ""
+        )}
         {children}
       </div>
     </Typography.Title>

src/components/Page/index.jsx

   minHeight: "calc(100% - 24px)",
 };
 
-
 export default (props) => {
+  const { back = false, navigateNum = -1 } = props;
   const { meta = {} } = useRoute() || {};
   const style = meta.noLayout ? { height: "100%" } : pageStyle;
 
   return (
     <div style={style}>
       {title && !meta.noLayout && (
-        <LeftIcon back={props?.back}> {title}</LeftIcon>
+        <LeftIcon back={back} navigateNum={navigateNum}>
+          {title}
+        </LeftIcon>
       )}
       {props.children}
     </div>

src/pages/project/Edit.jsx

-import React, { useState, useEffect } from 'react'
-import Page from '@/components/Page'
-import { useNavigate, useSearchParams } from 'react-router-dom'
-import ProjectMessage from './components/ProjectMessage'
-import ProjectDeploy from './components/ProjectDeploy'
-import { Card } from 'antd'
+import React, { useState, useEffect } from "react";
+import Page from "@/components/Page";
+import { useNavigate, useSearchParams } from "react-router-dom";
+import ProjectMessage from "./components/ProjectMessage";
+import ProjectDeploy from "./components/ProjectDeploy";
+import { Card } from "antd";
 
 export default (props) => {
-  const [activeTabKey, setActiveTabKey] = useState('tab1')
-  const navigate = useNavigate()
+  const [activeTabKey, setActiveTabKey] = useState("tab1");
+  const navigate = useNavigate();
 
-  const [params] = useSearchParams()
-  const tab = params.get('tab')
+  const [params] = useSearchParams();
+  const tab = params.get("tab");
 
   useEffect(() => {
     if (tab) {
-      setActiveTabKey(tab)
+      setActiveTabKey(tab);
     }
-  }, [tab])
+  }, [tab]);
 
   const tabList = [
     {
-      key: 'tab1',
-      tab: '项目信息',
+      key: "tab1",
+      tab: "项目信息",
     },
     {
-      key: 'tab2',
-      tab: '部署信息',
+      key: "tab2",
+      tab: "部署信息",
     },
-  ]
+  ];
 
   const contentList = {
     tab1: <ProjectMessage />,
     tab2: <ProjectDeploy />,
-  }
+  };
 
   return (
-    <Page back>
+    <Page back navigateNum={"/project/project"}>
       <Card
-        style={{ backgroundColor: '#F0F2F5' }}
+        style={{ backgroundColor: "#F0F2F5" }}
         tabList={tabList}
         activeTabKey={activeTabKey}
-        onTabChange={(key) => navigate(`?tab=${key}`)}
+        onTabChange={setActiveTabKey}
       >
         {contentList[activeTabKey]}
       </Card>
     </Page>
-  )
-}
+  );
+};