From 564333ea03f4a05a650d3b1b9ee5bbf2134941ce Mon Sep 17 00:00:00 2001
From: KOMATA <20227709+HynoR@users.noreply.github.com>
Date: Fri, 30 Jan 2026 14:53:58 +0800
Subject: [PATCH] feat: enhance app icon retrieval logic in home view (#11745)

- Updated app icon handling to use a dedicated function for improved clarity and maintainability.
- Introduced a new method, getAppIconSrc, to manage icon source retrieval based on app properties.
- Ensured proper handling of base64 and URL-based icons for better performance and consistency.
---
 frontend/src/views/home/app/index.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/home/app/index.vue b/frontend/src/views/home/app/index.vue
index 1a44d1fc9..8551908e2 100644
--- a/frontend/src/views/home/app/index.vue
+++ b/frontend/src/views/home/app/index.vue
@@ -27,7 +27,7 @@
                     <div class="h-app-card" v-for="(app, index) in apps" :key="index">
                         <el-row :gutter="5">
                             <el-col :span="5">
-                                <el-avatar shape="square" :size="55" :src="'data:image/png;base64,' + app.icon" />
+                                <el-avatar shape="square" :size="55" :src="getAppIconSrc(app)" />
                             </el-col>
                             <el-col :span="16">
                                 <div class="h-app-content" v-if="!app.currentRow">
@@ -179,7 +179,7 @@
 </template>
 
 <script lang="ts" setup>
-import { installedOp } from '@/api/modules/app';
+import { getAppIconUrl, installedOp } from '@/api/modules/app';
 import { getAgentSettingByKey } from '@/api/modules/setting';
 import { changeLauncherStatus, loadAppLauncher, loadAppLauncherOption } from '@/api/modules/dashboard';
 import i18n from '@/lang';
@@ -291,6 +291,14 @@ const loadOption = async () => {
     options.value = res.data || [];
 };
 
+const getAppIconSrc = (app: any) => {
+    const icon = app?.icon || '';
+    if (icon.startsWith('app_') || icon === '') {
+        return getAppIconUrl(app.key);
+    }
+    return `data:image/png;base64,${icon}`;
+};
+
 defineExpose({
     acceptParams,
 });