From 07edf16044ed9a668f751e27d7fe8c857245709c Mon Sep 17 00:00:00 2001
From: chenghh-9609 <55340429+chenghh-9609@users.noreply.github.com>
Date: Fri, 31 Oct 2025 17:49:10 +0800
Subject: [PATCH] fix ui bugs (#51)

* fix: adjust upload step handling and improve error display in configuration step
---
 .../Create/OperatorPluginCreate.tsx           |  3 ++-
 .../Create/components/ConfigureStep.tsx       | 24 ++++++++++---------
 .../OperatorMarket/Home/components/List.tsx   |  4 ++--
 3 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx b/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx
index 427d5d2..12bd6a9 100644
--- a/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx
+++ b/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx
@@ -47,7 +47,6 @@ export default function OperatorPluginCreate() {
   const handleFileUpload = async (files: FileList) => {
     setIsUploading(true);
     setParseError(null);
-    setUploadStep("parsing");
     try {
       const fileName = files[0].name;
       await handleUpload({
@@ -67,6 +66,7 @@ export default function OperatorPluginCreate() {
       // 解析文件过程
       const res = await uploadOperatorUsingPost({ fileName });
       setParsedInfo({ ...parsedInfo, ...res.data, fileName });
+      setUploadStep("parsing");
     } catch (err) {
       setParseError("文件解析失败，" + err.data.message);
     } finally {
@@ -92,6 +92,7 @@ export default function OperatorPluginCreate() {
     // 编辑模式，加载已有算子信息逻辑待实现
     const { data } = await queryOperatorByIdUsingGet(operatorId);
     setParsedInfo(data);
+    setUploadStep("configure");
   };
 
   useEffect(() => {
diff --git a/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx b/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx
index 96bc02a..2c76d26 100644
--- a/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx
+++ b/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx
@@ -8,26 +8,28 @@ export default function ConfigureStep({
   setParsedInfo,
 }) {
   const [form] = Form.useForm();
-  
+
   useEffect(() => {
     form.setFieldsValue(parsedInfo);
   }, [parsedInfo]);
-  
+
   return (
     <>
       {/* 解析结果 */}
       {parseError && (
-        <Alert
-          message="解析过程中发现问题"
-          description={parseError}
-          type="error"
-          showIcon
-        />
+        <div className="mb-4">
+          <Alert
+            message="解析过程中发现问题"
+            description={parseError}
+            type="error"
+            showIcon
+          />
+        </div>
       )}
 
-      {parsedInfo && (
+      {!parseError && parsedInfo && (
         <Form
-        form={form}
+          form={form}
           layout="vertical"
           initialValues={parsedInfo}
           onValuesChange={(_, allValues) => {
@@ -76,7 +78,7 @@ export default function ConfigureStep({
             </div>
           </div>
 
-          <h3 className="text-lg font-semibold text-gray-900 mt-8">高级配置</h3>
+          {/* <h3 className="text-lg font-semibold text-gray-900 mt-8">高级配置</h3> */}
         </Form>
       )}
     </>
diff --git a/frontend/src/pages/OperatorMarket/Home/components/List.tsx b/frontend/src/pages/OperatorMarket/Home/components/List.tsx
index dbeac1b..62e51a1 100644
--- a/frontend/src/pages/OperatorMarket/Home/components/List.tsx
+++ b/frontend/src/pages/OperatorMarket/Home/components/List.tsx
@@ -97,8 +97,8 @@ export function ListView({ operators = [], pagination, operations }) {
         >
           <List.Item.Meta
             avatar={
-              <div className="w-12 h-12 bg-gradient-to-br from-blue-100 to-blue-200 rounded-lg flex items-center justify-center">
-                {operator?.icon}
+              <div className="w-12 h-12 bg-gradient-to-br from-sky-300 to-blue-500 rounded-lg flex items-center justify-center">
+                <div className="w-8 h-8 text-white">{operator?.icon}</div>
               </div>
             }
             title={