Browse Source

fix: 修复终止实验图标问题

pull/193/head
cp3hnu 7 months ago
parent
commit
a63bddabee
5 changed files with 20 additions and 5 deletions
  1. BIN
      react-ui/src/assets/img/confirm-icon.png
  2. +0
    -0
      react-ui/src/assets/img/copy-icon.png
  3. +15
    -2
      react-ui/src/pages/AutoML/components/ExperimentInstance/index.tsx
  4. +4
    -2
      react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx
  5. +1
    -1
      react-ui/src/utils/ui.tsx

BIN
react-ui/src/assets/img/confirm-icon.png View File

Before After
Width: 462  |  Height: 276  |  Size: 45 kB

react-ui/src/assets/img/comfirm-icon.png → react-ui/src/assets/img/copy-icon.png View File


+ 15
- 2
react-ui/src/pages/AutoML/components/ExperimentInstance/index.tsx View File

@@ -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={<KFIcon type="icon-zhongzhi" />}
onClick={() => terminateExperimentInstance(item)}
onClick={() => handleTerminate(item)}
>
终止
</Button>


+ 4
- 2
react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx View File

@@ -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);


+ 1
- 1
react-ui/src/utils/ui.tsx View File

@@ -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}


Loading…
Cancel
Save