diff --git a/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx b/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx index 19509ee..427d5d2 100644 --- a/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx +++ b/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx @@ -29,7 +29,7 @@ export default function OperatorPluginCreate() { const { message } = App.useApp(); const [uploadStep, setUploadStep] = useState< "upload" | "parsing" | "configure" | "preview" - >("upload"); + >(id ? "configure" : "upload"); const [isUploading, setIsUploading] = useState(false); const [parsedInfo, setParsedInfo] = useState({}); const [parseError, setParseError] = useState(null); @@ -63,10 +63,10 @@ export default function OperatorPluginCreate() { }, ], // 假设只上传一个文件 }); - setParsedInfo({ ...parsedInfo, fileName, percent: 100 }); // 上传完成,进度100% + setParsedInfo({ ...parsedInfo, percent: 100 }); // 上传完成,进度100% // 解析文件过程 const res = await uploadOperatorUsingPost({ fileName }); - setParsedInfo({ ...parsedInfo, ...res.data }); + setParsedInfo({ ...parsedInfo, ...res.data, fileName }); } catch (err) { setParseError("文件解析失败," + err.data.message); } finally { @@ -92,7 +92,6 @@ export default function OperatorPluginCreate() { // 编辑模式,加载已有算子信息逻辑待实现 const { data } = await queryOperatorByIdUsingGet(operatorId); setParsedInfo(data); - setUploadStep("configure"); }; useEffect(() => { @@ -110,7 +109,9 @@ export default function OperatorPluginCreate() { -

上传算子

+

+ {id ? "更新算子" : "上传算子"} +

)} diff --git a/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx b/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx index e317d1a..96bc02a 100644 --- a/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx +++ b/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx @@ -1,11 +1,18 @@ import { Alert, Input, Form } from "antd"; import TextArea from "antd/es/input/TextArea"; +import { useEffect } from "react"; export default function ConfigureStep({ parsedInfo, parseError, setParsedInfo, }) { + const [form] = Form.useForm(); + + useEffect(() => { + form.setFieldsValue(parsedInfo); + }, [parsedInfo]); + return ( <> {/* 解析结果 */} @@ -20,6 +27,7 @@ export default function ConfigureStep({ {parsedInfo && (
{ diff --git a/frontend/src/pages/OperatorMarket/Home/components/List.tsx b/frontend/src/pages/OperatorMarket/Home/components/List.tsx index 010e1e9..dbeac1b 100644 --- a/frontend/src/pages/OperatorMarket/Home/components/List.tsx +++ b/frontend/src/pages/OperatorMarket/Home/components/List.tsx @@ -89,6 +89,7 @@ export function ListView({ operators = [], pagination, operations }) { size="small" title={operation.label} icon={operation.icon} + danger={operation.danger} onClick={() => operation.onClick(operator)} /> )), @@ -117,12 +118,12 @@ export function ListView({ operators = [], pagination, operations }) { description={
{operator.description}
-
+ {/*
作者: {operator.author} 类型: {operator.type} 框架: {operator.framework} 使用次数: {operator?.usage?.toLocaleString()} -
+
*/}
} /> diff --git a/frontend/src/pages/TaskManagement/TaskManagement.tsx b/frontend/src/pages/TaskManagement/TaskManagement.tsx deleted file mode 100644 index e69de29..0000000