-
- {experimentStatusInfo[runStatus?.phase]?.label}
-
-
- {isInstance && runStatus && (
-
- );
-}
-
-export default AutoMLBasic;
diff --git a/react-ui/src/pages/HyperParameter/components/ConfigInfo/index.less b/react-ui/src/pages/HyperParameter/components/ConfigInfo/index.less
deleted file mode 100644
index 33fb3314..00000000
--- a/react-ui/src/pages/HyperParameter/components/ConfigInfo/index.less
+++ /dev/null
@@ -1,20 +0,0 @@
-.config-info {
- :global {
- .kf-basic-info {
- width: 100%;
-
- &__item {
- width: calc((100% - 80px) / 3);
- &__label {
- font-size: @font-size;
- text-align: left;
- text-align-last: left;
- }
- &__value {
- min-width: 0;
- font-size: @font-size;
- }
- }
- }
- }
-}
diff --git a/react-ui/src/pages/HyperParameter/components/ConfigInfo/index.tsx b/react-ui/src/pages/HyperParameter/components/ConfigInfo/index.tsx
deleted file mode 100644
index 10e042e4..00000000
--- a/react-ui/src/pages/HyperParameter/components/ConfigInfo/index.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import BasicInfo, { type BasicInfoData } from '@/components/BasicInfo';
-import InfoGroup from '@/components/InfoGroup';
-import classNames from 'classnames';
-import styles from './index.less';
-export * from '@/components/BasicInfo/format';
-export type { BasicInfoData };
-
-type ConfigInfoProps = {
- title: string;
- data: BasicInfoData[];
- labelWidth: number;
- className?: string;
- style?: React.CSSProperties;
-};
-
-function ConfigInfo({ title, data, labelWidth, className, style }: ConfigInfoProps) {
- return (
-
-
-
+ {experimentStatusInfo[runStatus?.phase]?.label}
+
+
+ {isInstance && runStatus && (
+
+ {info &&
+
+ );
+}
+
+export default HyperParameterBasic;
diff --git a/react-ui/src/pages/HyperParameter/components/ParameterInfo/index.less b/react-ui/src/pages/HyperParameter/components/ParameterInfo/index.less
new file mode 100644
index 00000000..81d6fd56
--- /dev/null
+++ b/react-ui/src/pages/HyperParameter/components/ParameterInfo/index.less
@@ -0,0 +1,7 @@
+.parameter-info {
+ &__title {
+ margin: 20px 0;
+ color: @text-color-secondary;
+ font-size: @font-size;
+ }
+}
diff --git a/react-ui/src/pages/HyperParameter/components/ParameterInfo/index.tsx b/react-ui/src/pages/HyperParameter/components/ParameterInfo/index.tsx
new file mode 100644
index 00000000..9b415d85
--- /dev/null
+++ b/react-ui/src/pages/HyperParameter/components/ParameterInfo/index.tsx
@@ -0,0 +1,108 @@
+import {
+ getReqParamName,
+ type FormParameter,
+} from '@/pages/HyperParameter/components/CreateForm/utils';
+import { HyperparameterData } from '@/pages/HyperParameter/types';
+import tableCellRender, { TableCellValueType } from '@/utils/table';
+import { Table, Tooltip, type TableProps } from 'antd';
+import { useMemo } from 'react';
+import styles from './index.less';
+
+type ParameterInfoProps = {
+ info: HyperparameterData;
+};
+
+function ParameterInfo({ info }: ParameterInfoProps) {
+ const parameters = useMemo(() => {
+ if (!info.parameters) {
+ return [];
+ }
+ return info.parameters.map((item) => {
+ const paramName = getReqParamName(item.type);
+ const range = item[paramName];
+ return {
+ ...item,
+ range,
+ };
+ });
+ }, [info]);
+
+ const runParameters = useMemo(() => {
+ if (!info.points_to_evaluate) {
+ return [];
+ }
+ return info.points_to_evaluate.map((item, index) => ({
+ ...item,
+ id: index,
+ }));
+ }, [info]);
+
+ const columns: TableProps
+
+
+
+ );
+}
+
+export default ParameterInfo;
diff --git a/react-ui/src/pages/HyperParameter/types.ts b/react-ui/src/pages/HyperParameter/types.ts
index 3eec723c..bb412c09 100644
--- a/react-ui/src/pages/HyperParameter/types.ts
+++ b/react-ui/src/pages/HyperParameter/types.ts
@@ -16,7 +16,7 @@ export type FormData = {
dataset: ParameterInputObject; // 数据集
dataset_path: string; // 数据集路径
main_py: string; // 主函数代码文件
- metrics: string; // 指标
+ metric: string; // 指标
mode: string; // 优化方向
search_alg?: string; // 搜索算法
scheduler?: string; // 调度算法
diff --git a/react-ui/src/utils/format.ts b/react-ui/src/utils/format.ts
new file mode 100644
index 00000000..579ae103
--- /dev/null
+++ b/react-ui/src/utils/format.ts
@@ -0,0 +1,87 @@
+import { ResourceInfoTabKeys } from '@/pages/Dataset/components/ResourceInfo';
+import { DataSource, DatasetData, ProjectDependency, TrainTask } from '@/pages/Dataset/config';
+import { getGitUrl } from '@/utils';
+
+// 格式化数据集数组
+export const formatDatasets = (datasets?: DatasetData[]) => {
+ if (!datasets || datasets.length === 0) {
+ return undefined;
+ }
+ return datasets.map((item) => ({
+ value: item.name,
+ url: `${origin}/dataset/dataset/info/${item.id}?tab=${ResourceInfoTabKeys.Introduction}&version=${item.version}&name=${item.name}&owner=${item.owner}&identifier=${item.identifier}`,
+ }));
+};
+
+// 格式化数据集
+export const formatDataset = (dataset?: DatasetData) => {
+ if (!dataset) {
+ return undefined;
+ }
+ return {
+ value: dataset.name,
+ url: `${origin}/dataset/dataset/info/${dataset.id}?tab=${ResourceInfoTabKeys.Introduction}&version=${dataset.version}&name=${dataset.name}&owner=${dataset.owner}&identifier=${dataset.identifier}`,
+ };
+};
+
+// 获取代码配置的仓库的 url
+export const getRepoUrl = (project?: ProjectDependency) => {
+ if (!project) {
+ return undefined;
+ }
+ const { url, branch } = project;
+ return getGitUrl(url, branch);
+};
+
+// 格式化代码配置
+export const formatCodeConfig = (project?: ProjectDependency) => {
+ if (!project) {
+ return undefined;
+ }
+ return {
+ value: project.name,
+ url: getRepoUrl(project),
+ };
+};
+
+// 格式化选中的代码配置
+export const formatSelectCodeConfig = (value?: {
+ code_path: string;
+ branch: string;
+ showValue: string;
+}) => {
+ if (!value) {
+ return undefined;
+ }
+ const { showValue, code_path, branch } = value;
+ return {
+ value: showValue,
+ url: getRepoUrl({
+ url: code_path,
+ branch,
+ } as ProjectDependency),
+ };
+};
+
+// 格式化训练任务（实验实例）
+export const formatTrainTask = (task?: TrainTask) => {
+ if (!task) {
+ return undefined;
+ }
+ return {
+ value: task.name,
+ url: `${origin}/pipeline/experiment/instance/${task.workflow_id}/${task.ins_id}`,
+ };
+};
+
+// 格式化数据来源
+export const formatSource = (source?: string) => {
+ if (source === DataSource.Create) {
+ return '用户上传';
+ } else if (source === DataSource.HandExport) {
+ return '手动导入';
+ } else if (source === DataSource.AtuoExport) {
+ return '实验自动导入';
+ }
+ return source;
+};
参数
+ 手动运行参数
+