chore: 修改流水线路由

react-ui/config/routes.ts

@@ -67,24 +67,36 @@ export default [
     path: '/pipeline',
     routes: [
       {
-        name: '流水线',
-        path: '/pipeline/pipelineText',
-        component: './Pipeline/index',
-      },
-      {
-        name: '训练',
-        path: '/pipeline/pytorchtext/:id/:name',
-        component: './Pipeline/editPipeline/index',
+        name: '流水线模板',
+        path: 'template',
+        routes: [
+          {
+            name: '流水线模板',
+            path: '',
+            component: './Pipeline/index',
+          },
+          {
+            name: '流水线详情',
+            path: ':id/:name',
+            component: './Pipeline/editPipeline/index',
+          },
+        ],
       },
       {
         name: '实验',
-        path: '/pipeline/experimentText',
-        component: './Experiment/index',
-      },
-      {
-        name: '实验训练',
-        path: '/pipeline/experimentPytorchtext/:workflowId/:id',
-        component: './Experiment/experimentText/index',
+        path: 'experiment',
+        routes: [
+          {
+            name: '实验',
+            path: '',
+            component: './Experiment/index',
+          },
+          {
+            name: '实验训练',
+            path: ':workflowId/:id',
+            component: './Experiment/training/index',
+          },
+        ],
       },
     ],
   },

react-ui/src/pages/Experiment/components/LogGroup/index.tsx

@@ -5,8 +5,8 @@
  */
 
 import { useStateRef } from '@/hooks';
-import { ExperimentLog } from '@/pages/Experiment/experimentText/props';
 import { ExperimentStatus } from '@/pages/Experiment/status';
+import { ExperimentLog } from '@/pages/Experiment/training/props';
 import { getExperimentPodsLog } from '@/services/experiment/index.js';
 import { DoubleRightOutlined, DownOutlined, UpOutlined } from '@ant-design/icons';
 import { Button } from 'antd';

react-ui/src/pages/Experiment/components/LogList/index.tsx

@@ -1,5 +1,5 @@
-import { ExperimentLog } from '@/pages/Experiment/experimentText/props';
 import { ExperimentStatus } from '@/pages/Experiment/status';
+import { ExperimentLog } from '@/pages/Experiment/training/props';
 import LogGroup from '../LogGroup';
 import styles from './index.less';
 

react-ui/src/pages/Experiment/index.jsx

@@ -198,7 +198,7 @@ function Experiment() {
   };
   const routeToEdit = (e, record) => {
     e.stopPropagation();
-    navgite({ pathname: `/pipeline/pytorchtext/${record.workflow_id}/${record.workflow_name}` });
+    navgite({ pathname: `/pipeline/template/${record.workflow_id}/${record.workflow_name}` });
   };
   // 创建或者编辑实验接口请求
   const handleAddExperiment = async (values) => {
@@ -255,7 +255,7 @@ function Experiment() {
   };
   const routerToText = (e, item, record) => {
     e.stopPropagation();
-    navgite({ pathname: `/pipeline/experimentPytorchtext/${record.workflow_id}/${item.id}` });
+    navgite({ pathname: `/pipeline/experiment/${record.workflow_id}/${item.id}` });
   };
 
   const handleTensorboard = async (experimentIn) => {

react-ui/src/pages/Pipeline/index.jsx

@@ -41,7 +41,7 @@ const Pipeline = () => {
   };
   const routeToEdit = (e, record) => {
     e.stopPropagation();
-    navgite({ pathname: `/pipeline/pytorchtext/${record.id}/${record.name}` });
+    navgite({ pathname: `/pipeline/template/${record.id}/${record.name}` });
   };
   const showModal = () => {
     form.resetFields();
@@ -66,7 +66,7 @@ const Pipeline = () => {
       addWorkflow(values).then((ret) => {
         console.log(ret);
         if (ret.code == 200) {
-          navgite({ pathname: `/pipeline/pytorchtext/${ret.data.id}/${ret.data.name}` });
+          navgite({ pathname: `/pipeline/template/${ret.data.id}/${ret.data.name}` });
         }
       });
     }

react-ui/src/pages/Workspace/components/ExperimentTable/index.tsx

@@ -13,7 +13,7 @@ type ExperimentTableProps = {
 function ExperimentTable({ tableData = [], style }: ExperimentTableProps) {
   const navgite = useNavigate();
   const gotoExperiment = (record: ExperimentInstance) => {
-    navgite(`/pipeline/experimentPytorchtext/${record.workflow_id}/${record.id}`);
+    navgite(`/pipeline/experiment/${record.workflow_id}/${record.id}`);
   };
 
   return (

react-ui/src/pages/Workspace/components/QuickStart/index.tsx

@@ -75,7 +75,7 @@ function QuickStart() {
             buttonTop={20}
             x={left + 2 * (192 + space)}
             y={276}
-            onClick={() => navgite('/pipeline/pipelineText')}
+            onClick={() => navgite('/pipeline/template')}
           />
           <WorkFlow
             content="开发者可以在这里运行流水线模板，产生实验实例，对比实验训练过程与产生的实验训练数据"
@@ -83,7 +83,7 @@ function QuickStart() {
             buttonTop={40}
             x={left + 3 * (192 + space)}
             y={295}
-            onClick={() => navgite('/pipeline/experimentText')}
+            onClick={() => navgite('/pipeline/experiment')}
           />
           <WorkFlow
             content="支持异构硬件(CPU/GPU)的模型加载，高吞吐，低延迟；支持大规模复杂模型的一键部署，实时弹性扩缩容；提供完整的运维监控体系。"