From 45a428aba9c1a9590583aeebb0874d8494e6cffc Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <zhengkun@fit2cloud.com>
Date: Mon, 6 Feb 2023 11:45:22 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=8F=AF=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E9=A1=B5=E9=9D=A2=E7=A9=BA=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/app-store/index.scss          | 12 ++++++++----
 frontend/src/views/app-store/installed/index.vue | 15 +++++++++------
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/app-store/index.scss b/frontend/src/views/app-store/index.scss
index 059015f03..05cef5213 100644
--- a/frontend/src/views/app-store/index.scss
+++ b/frontend/src/views/app-store/index.scss
@@ -60,10 +60,6 @@
     margin-right: 5px;
 }
 
-.tag-button {
-    margin-left: 10px;
-}
-
 .app-divider {
     margin-top: 5px;
     border: 0;
@@ -87,3 +83,11 @@
         height: 300px;
     }
 }
+
+.tag-button {
+    margin-right: 10px;
+    &.no-active {
+        background: none;
+        border: none;
+    }
+}
diff --git a/frontend/src/views/app-store/installed/index.vue b/frontend/src/views/app-store/installed/index.vue
index 4a4f15642..9d5541223 100644
--- a/frontend/src/views/app-store/installed/index.vue
+++ b/frontend/src/views/app-store/installed/index.vue
@@ -43,13 +43,16 @@
         <template #rightButton>
             <el-button @click="sync" type="primary" link v-if="mode === 'installed'">{{ $t('app.sync') }}</el-button>
         </template>
+
         <template #main>
-            <div class="update-prompt" v-if="mode === 'update'">
-                <span>{{ $t('app.updatePrompt') }}</span>
-                <div>
-                    <img src="@/assets/images/no_update_app.svg" />
-                </div>
+            <div class="update-prompt" v-if="mode === 'update' && data == null">
+                <el-empty
+                    :description="$t('app.updatePrompt')"
+                    image="/src/assets/images/no_update_app.svg"
+                    :image-size="200"
+                ></el-empty>
             </div>
+
             <el-row :gutter="5">
                 <el-col v-for="(installed, index) in data" :key="index" :span="12">
                     <div class="app-card">
@@ -169,7 +172,7 @@ import Status from '@/components/status/index.vue';
 import { getAge } from '@/utils/util';
 import { useRouter } from 'vue-router';
 
-let data = ref<any>();
+let data = ref<any>([]);
 let loading = ref(false);
 let timer: NodeJS.Timer | null = null;
 const paginationConfig = reactive({