feat: 实验运行添加message

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

@@ -179,11 +179,12 @@ function ExperimentText() {
     if (!statusNode) {
       return;
     }
-    const { finishedAt, startedAt, phase, id } = statusNode;
+    const { finishedAt, startedAt, phase, id, message } = statusNode;
     workflowNode.experimentStartTime = startedAt;
     workflowNode.experimentEndTime = finishedAt;
     workflowNode.experimentStatus = phase;
     workflowNode.workflowId = id;
+    workflowNode.message = message;
     workflowNode.img = phase
       ? `${workflowNode.imgName}-${phase}.png`
       : `${workflowNode.imgName}.png`;

react-ui/src/pages/Experiment/components/ExperimentDrawer/index.less

@@ -34,7 +34,7 @@
     display: flex;
     align-items: center;
     margin-bottom: 15px;
-    padding-left: 24px;
+    padding: 0 24px;
     color: @text-color;
     font-size: 15px;
   }

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

@@ -3,7 +3,7 @@ import { experimentStatusInfo } from '@/pages/Experiment/status';
 import { PipelineNodeModelSerialize } from '@/types';
 import { elapsedTime, formatDate } from '@/utils/date';
 import { CloseOutlined, DatabaseOutlined, ProfileOutlined } from '@ant-design/icons';
-import { Drawer, Tabs } from 'antd';
+import { Drawer, Tabs, Typography } from 'antd';
 import { useMemo } from 'react';
 import ExperimentParameter from '../ExperimentParameter';
 import ExperimentResult from '../ExperimentResult';
@@ -131,7 +131,10 @@ const ExperimentDrawer = ({
         </div>
         {instanceNodeData.message && (
           <div className={styles['experiment-drawer__info']}>
-            消息：{instanceNodeData.message ?? '--'}
+            <div style={{ flex: 'none' }}>消息：</div>
+            <Typography.Text ellipsis={{ tooltip: instanceNodeData.message }}>
+              {instanceNodeData.message ?? '--'}
+            </Typography.Text>
           </div>
         )}
         <div className={styles['experiment-drawer__info']}>