diff --git a/react-ui/src/pages/Experiment/experimentText/index.jsx b/react-ui/src/pages/Experiment/experimentText/index.jsx index 5eeec61d..7911ec53 100644 --- a/react-ui/src/pages/Experiment/experimentText/index.jsx +++ b/react-ui/src/pages/Experiment/experimentText/index.jsx @@ -1,5 +1,5 @@ import { ReactComponent as ViewParam } from '@/assets/svg/view-param.svg'; -import { useAntdModal } from '@/hooks'; +import { useVisible } from '@/hooks'; import { getExperimentIns } from '@/services/experiment/index.js'; import { getWorkflowById } from '@/services/pipeline/index.js'; import { elapsedTime } from '@/utils/date'; @@ -22,7 +22,7 @@ function ExperimentText() { const navgite = useNavigate(); const locationParams = useParams(); //新版本获取路由参数接口 let graph = null; - const [paramsModalOpen, openParamsModal, closeParamsModal] = useAntdModal(false); + const [paramsModalOpen, openParamsModal, closeParamsModal] = useVisible(false); const timers = (time) => { let timer = new Date(time); @@ -128,9 +128,9 @@ function ExperimentText() { experimentStatusObjs[item.id] && experimentStatusObjs[item.id].phase ? item.img.slice(0, item.img.length - 4) + - '-' + - experimentStatusObjs[item.id].phase + - '.png' + '-' + + experimentStatusObjs[item.id].phase + + '.png' : item.img, }; }); @@ -189,6 +189,11 @@ function ExperimentText() { }); return res; }; + // 获取文本的长度 + const getTextSize = (str, maxWidth, fontSize) => { + let width = G6.Util.getTextSize(str, fontSize)[0]; + return width > maxWidth ? maxWidth : width; + }; G6.registerNode( 'rect-node', { @@ -380,8 +385,8 @@ function ExperimentText() { }, }, // linkCenter: true, - fitView: false, - fitViewPadding: [60, 60, 60, 80], + fitView: true, + fitViewPadding: [320, 320, 220, 320], }); graph.on('dblclick', handlerClick);