perf: 美化绘画界面UI

web/src/components/MjLogsTable.js

@@ -37,7 +37,7 @@ function renderType(type) {
         case 'BLEAND':
         case 'BLEAND':
             return <Tag color="lime" size='large'>图混合</Tag>;
             return <Tag color="lime" size='large'>图混合</Tag>;
         default:
         default:
-            return <Tag color="black" size='large'>未知</Tag>;
+            return <Tag color="white" size='large'>未知</Tag>;
     }
     }
 }
 }
 
 
@@ -51,7 +51,7 @@ function renderCode(code) {
         case 22:
         case 22:
             return <Tag color="orange" size='large'>重复提交</Tag>;
             return <Tag color="orange" size='large'>重复提交</Tag>;
         default:
         default:
-            return <Tag color="black" size='large'>未知</Tag>;
+            return <Tag color="white" size='large'>未知</Tag>;
     }
     }
 }
 }
 
 
@@ -70,7 +70,7 @@ function renderStatus(type) {
         case 'FAILURE':
         case 'FAILURE':
             return <Tag color="red" size='large'>失败</Tag>;
             return <Tag color="red" size='large'>失败</Tag>;
         default:
         default:
-            return <Tag color="black" size='large'>未知</Tag>;
+            return <Tag color="white" size='large'>未知</Tag>;
     }
     }
 }
 }
 
 
@@ -173,7 +173,7 @@ const LogsTable = () => {
                     <div>
                     <div>
                         {
                         {
                             // 转换例如100%为数字100，如果text未定义，返回0
                             // 转换例如100%为数字100，如果text未定义，返回0
-                            <Progress percent={text ? parseInt(text.replace('%', '')) : 0} showInfo={true}
+                            <Progress stroke={record.status === "FAILURE"?"var(--semi-color-warning)":null} percent={text ? parseInt(text.replace('%', '')) : 0} showInfo={true}
                                       aria-label="drawing progress"/>
                                       aria-label="drawing progress"/>
                         }
                         }
                     </div>
                     </div>

web/src/pages/Midjourney/index.js

 import React from 'react';
 import React from 'react';
-import { Header, Segment } from 'semantic-ui-react';
 import MjLogsTable from '../../components/MjLogsTable';
 import MjLogsTable from '../../components/MjLogsTable';
 
 
 const Midjourney = () => (
 const Midjourney = () => (