From dd0daeb6a5e9c98668c9ee4f69a33c285c804830 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 4 Aug 2025 16:25:06 +0800
Subject: [PATCH 1/2] perf: icon  optimize

---
 .../components/app-icon/icons/application.ts  | 26 +++++++++++++++++++
 ui/src/components/app-icon/icons/system.ts    | 21 +++++++++++++++
 ui/src/components/folder-tree/index.vue       |  2 +-
 ui/src/views/application/index.vue            |  5 ++--
 ui/src/views/system/operate-log/index.vue     | 10 ++++---
 ui/src/workflow/common/NodeControl.vue        | 14 +++++-----
 6 files changed, 63 insertions(+), 15 deletions(-)

diff --git a/ui/src/components/app-icon/icons/application.ts b/ui/src/components/app-icon/icons/application.ts
index 5d575c65d9f..282e07d0901 100644
--- a/ui/src/components/app-icon/icons/application.ts
+++ b/ui/src/components/app-icon/icons/application.ts
@@ -713,4 +713,30 @@ export default {
       ])
     },
   },
+
+  'app-clock': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M469.333333 320a21.333333 21.333333 0 0 1 21.333334-21.333333h42.666666a21.333333 21.333333 0 0 1 21.333334 21.333333V469.333333h149.333333a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334h-213.333333a21.333333 21.333333 0 0 1-21.333334-21.333334v-213.333333z',
+              fill: 'currentColor',
+            }),
+            h('path', {
+              d: 'M512 981.333333c259.2 0 469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667 42.666667 252.8 42.666667 512s210.133333 469.333333 469.333333 469.333333z m0-85.333333a384 384 0 1 1 0-768 384 384 0 0 1 0 768z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
 }
diff --git a/ui/src/components/app-icon/icons/system.ts b/ui/src/components/app-icon/icons/system.ts
index b54b6c5b5c1..61561124d3e 100644
--- a/ui/src/components/app-icon/icons/system.ts
+++ b/ui/src/components/app-icon/icons/system.ts
@@ -60,4 +60,25 @@ export default {
       ])
     },
   },
+
+  'app-operate-log': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M213.333333 128v768h597.333334V128H213.333333zM170.666667 42.666667h682.666666c23.552 0 42.666667 20.010667 42.666667 44.714666v849.237334c0 24.704-19.114667 44.714667-42.666667 44.714666H170.666667c-23.552 0-42.666667-20.010667-42.666667-44.714666V87.381333C128 62.677333 147.114667 42.666667 170.666667 42.666667z m149.333333 256h170.666667a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-170.666667a21.333333 21.333333 0 0 1-21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333333-21.333333z m0 170.666666h384a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334h-384a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334z m0 170.666667h384a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-384a21.333333 21.333333 0 0 1-21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333333-21.333333z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
 }
diff --git a/ui/src/components/folder-tree/index.vue b/ui/src/components/folder-tree/index.vue
index 0bf13b27b03..51cd44fc8ee 100644
--- a/ui/src/components/folder-tree/index.vue
+++ b/ui/src/components/folder-tree/index.vue
@@ -39,7 +39,7 @@
           <template #default="{ node, data }">
             <div class="flex-between w-full" @mouseenter.stop="handleMouseEnter(data)">
               <div class="flex align-center">
-                <AppIcon iconName="app-folder" style="font-size: 16px"></AppIcon>
+                <AppIcon iconName="app-folder" style="font-size: 20px"></AppIcon>
                 <span class="ml-8 ellipsis" style="max-width: 110px" :title="node.label">{{
                   node.label
                 }}</span>
diff --git a/ui/src/views/application/index.vue b/ui/src/views/application/index.vue
index 36daff5c546..de74f3eb895 100644
--- a/ui/src/views/application/index.vue
+++ b/ui/src/views/application/index.vue
@@ -219,9 +219,8 @@
                         {{ $t('views.application.status.published') }}
                       </span>
                       <el-divider direction="vertical" />
-                      <el-icon class="mr-8">
-                        <Clock />
-                      </el-icon>
+                      <AppIcon iconName="app-clock" class="color-secondary mr-8"></AppIcon>
+
                       <span class="color-secondary">{{ dateFormat(item.update_time) }}</span>
                     </div>
                     <div v-else class="flex align-center">
diff --git a/ui/src/views/system/operate-log/index.vue b/ui/src/views/system/operate-log/index.vue
index 1463b5039d6..74a641194eb 100644
--- a/ui/src/views/system/operate-log/index.vue
+++ b/ui/src/views/system/operate-log/index.vue
@@ -230,12 +230,14 @@
               {{ datetimeFormat(row.create_time) }}
             </template>
           </el-table-column>
-          <el-table-column :label="$t('common.operation')" width="110" align="left" fixed="right">
+          <el-table-column :label="$t('common.operation')" width="60" align="left" fixed="right">
             <template #default="{ row }">
               <span class="mr-4">
-                <el-button type="primary" text @click.stop="showDetails(row)" class="text-button">
-                  {{ $t('views.operateLog.table.opt.label') }}
-                </el-button>
+                <el-tooltip effect="dark" :content="$t('views.operateLog.table.opt.label')" placement="top">
+                  <el-button type="primary" text @click.stop="showDetails(row)" class="text-button">
+                    <AppIcon iconName="app-operate-log"></AppIcon>
+                  </el-button>
+                </el-tooltip>
               </span>
             </template>
           </el-table-column>
diff --git a/ui/src/workflow/common/NodeControl.vue b/ui/src/workflow/common/NodeControl.vue
index 8e822b0978d..32ce5692937 100644
--- a/ui/src/workflow/common/NodeControl.vue
+++ b/ui/src/workflow/common/NodeControl.vue
@@ -1,6 +1,6 @@
 <template>
   <el-card shadow="always" style="--el-card-padding: 8px 12px; --el-card-border-radius: 8px">
-    <el-button link @click="zoomOut">
+    <el-button link @click="zoomOut" style="border: none">
       <el-tooltip
         effect="dark"
         :content="$t('views.applicationWorkflow.control.zoomOut')"
@@ -11,7 +11,7 @@
         /></el-icon>
       </el-tooltip>
     </el-button>
-    <el-button link @click="zoomIn">
+    <el-button link @click="zoomIn" style="border: none">
       <el-tooltip
         effect="dark"
         :content="$t('views.applicationWorkflow.control.zoomIn')"
@@ -22,7 +22,7 @@
         /></el-icon>
       </el-tooltip>
     </el-button>
-    <el-button link @click="fitView">
+    <el-button link @click="fitView" style="border: none">
       <el-tooltip
         effect="dark"
         :content="$t('views.applicationWorkflow.control.fitView')"
@@ -35,7 +35,7 @@
       </el-tooltip>
     </el-button>
     <el-divider direction="vertical" />
-    <el-button link @click="retract">
+    <el-button link @click="retract" style="border: none">
       <el-tooltip
         effect="dark"
         :content="$t('views.applicationWorkflow.control.retract')"
@@ -48,7 +48,7 @@
         ></AppIcon>
       </el-tooltip>
     </el-button>
-    <el-button link @click="extend">
+    <el-button link @click="extend" style="border: none">
       <el-tooltip
         effect="dark"
         :content="$t('views.applicationWorkflow.control.extend')"
@@ -61,7 +61,7 @@
         ></AppIcon>
       </el-tooltip>
     </el-button>
-    <el-button link @click="layout">
+    <el-button link @click="layout" style="border: none">
       <el-tooltip
         effect="dark"
         :content="$t('views.applicationWorkflow.control.beautify')"
@@ -79,7 +79,7 @@
 
 <script setup lang="ts">
 const props = defineProps({
-  lf: Object || String || null
+  lf: Object || String || null,
 })
 
 function zoomIn() {

From 0375b9db211f98f9a7352c7a46800de91b4adf4e Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 4 Aug 2025 17:43:25 +0800
Subject: [PATCH 2/2] perf: Optimize login page

---
 ui/src/views/login/index.vue          | 2 --
 ui/src/views/tool/ToolDebugDrawer.vue | 1 -
 2 files changed, 3 deletions(-)

diff --git a/ui/src/views/login/index.vue b/ui/src/views/login/index.vue
index 4a3ee7d6ee4..d6d3bb4f8e5 100644
--- a/ui/src/views/login/index.vue
+++ b/ui/src/views/login/index.vue
@@ -191,7 +191,6 @@ const loginHandle = () => {
           .asyncLdapLogin(loginForm.value)
           .then(() => {
             locale.value = localStorage.getItem('MaxKB-locale') || getBrowserLang() || 'en-US'
-            loading.value = false
             router.push({ name: 'home' })
           })
           .catch(() => {
@@ -203,7 +202,6 @@ const loginHandle = () => {
           .then(() => {
             locale.value = localStorage.getItem('MaxKB-locale') || getBrowserLang() || 'en-US'
             localStorage.setItem('workspace_id', 'default')
-            loading.value = false
             router.push({ name: 'home' })
           })
           .catch(() => {
diff --git a/ui/src/views/tool/ToolDebugDrawer.vue b/ui/src/views/tool/ToolDebugDrawer.vue
index c9c5ba800a2..0a4eda68ce6 100644
--- a/ui/src/views/tool/ToolDebugDrawer.vue
+++ b/ui/src/views/tool/ToolDebugDrawer.vue
@@ -99,7 +99,6 @@
           :class="isSuccess ? '' : 'color-danger'"
           class="pre-wrap"
           shadow="never"
-          style="max-height: 350px; overflow: scroll"
         >
           {{ String(result) == '0' ? 0 : result || '-' }}
         </el-card>