diff --git a/react-ui/src/assets/img/confirm-icon.png b/react-ui/src/assets/img/confirm-icon.png new file mode 100644 index 00000000..6865b719 Binary files /dev/null and b/react-ui/src/assets/img/confirm-icon.png differ diff --git a/react-ui/src/assets/img/comfirm-icon.png b/react-ui/src/assets/img/copy-icon.png similarity index 100% rename from react-ui/src/assets/img/comfirm-icon.png rename to react-ui/src/assets/img/copy-icon.png diff --git a/react-ui/src/pages/AutoML/components/ExperimentInstance/index.tsx b/react-ui/src/pages/AutoML/components/ExperimentInstance/index.tsx index 756b11c7..9b27862d 100644 --- a/react-ui/src/pages/AutoML/components/ExperimentInstance/index.tsx +++ b/react-ui/src/pages/AutoML/components/ExperimentInstance/index.tsx @@ -58,7 +58,8 @@ function ExperimentInstanceComponent({ // 删除实验实例确认 const handleRemove = (instance: ExperimentInstance) => { modalConfirm({ - title: '确定删除该条实例吗?', + title: '删除后,该实验实例将不可恢复', + content: '是否确认删除?', onOk: () => { deleteExperimentInstance(instance.id); }, @@ -96,6 +97,18 @@ function ExperimentInstanceComponent({ } }; + // 终止实验实例 + const handleTerminate = (instance: ExperimentInstance) => { + modalConfirm({ + title: '终止后,该次实验运行将不可恢复', + content: '是否确认终止?', + isDelete: false, + onOk: () => { + terminateExperimentInstance(instance); + }, + }); + }; + // 终止实验实例 const terminateExperimentInstance = async (instance: ExperimentInstance) => { const request = config.stopInsReq; @@ -188,7 +201,7 @@ function ExperimentInstanceComponent({ item.status === ExperimentStatus.Terminated } icon={} - onClick={() => terminateExperimentInstance(item)} + onClick={() => handleTerminate(item)} > 终止 diff --git a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx index 9812b893..362cf995 100644 --- a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx +++ b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx @@ -62,7 +62,8 @@ function ExperimentInstanceComponent({ // 删除实验实例确认 const handleRemove = (instance: ExperimentInstance) => { modalConfirm({ - title: '确定删除该条实例吗?', + title: '删除后,该实验实例将不可恢复', + content: '是否确认删除?', onOk: () => { deleteExperimentInstance(instance.id); }, @@ -101,7 +102,8 @@ function ExperimentInstanceComponent({ // 终止实验实例 const handleTerminate = (instance: ExperimentInstance) => { modalConfirm({ - title: '确定要终止此次实验运行吗?', + title: '终止后,该次实验运行将不可恢复', + content: '是否确认终止?', isDelete: false, onOk: () => { terminateExperimentInstance(instance); diff --git a/react-ui/src/utils/ui.tsx b/react-ui/src/utils/ui.tsx index df042bc9..a5472bd5 100644 --- a/react-ui/src/utils/ui.tsx +++ b/react-ui/src/utils/ui.tsx @@ -45,7 +45,7 @@ export function modalConfirm({ src={ isDelete ? require('@/assets/img/delete-icon.png') - : require('@/assets/img/comfirm-icon.png') + : require('@/assets/img/confirm-icon.png') } style={{ width: '120px', marginBottom: '24px' }} draggable={false}