From 20cf2a53da0863492ba9d6f0aa5d057be7b5aebd Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <zhengkun@fit2cloud.com>
Date: Wed, 8 Feb 2023 16:35:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/lang/modules/zh.ts               |  1 +
 frontend/src/styles/common.scss               |  1 +
 .../src/views/app-store/installed/index.vue   | 44 ++++++++++---------
 3 files changed, 26 insertions(+), 20 deletions(-)

diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 7e6e474c1..85ba1d536 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -887,6 +887,7 @@ export default {
         doc: '文档',
         document: '文档说明',
         updatePrompt: '当前应用均为最新版本',
+        installPrompt: '尚未安装任何应用',
     },
     website: {
         website: '网站',
diff --git a/frontend/src/styles/common.scss b/frontend/src/styles/common.scss
index 3fe385078..414eb7f15 100644
--- a/frontend/src/styles/common.scss
+++ b/frontend/src/styles/common.scss
@@ -228,6 +228,7 @@
 
 // search条圆角
 .search-button {
+    float: right;
     .el-input__wrapper {
         border-radius: 50px;
     }
diff --git a/frontend/src/views/app-store/installed/index.vue b/frontend/src/views/app-store/installed/index.vue
index 9d5541223..0956ffdf2 100644
--- a/frontend/src/views/app-store/installed/index.vue
+++ b/frontend/src/views/app-store/installed/index.vue
@@ -3,29 +3,31 @@
         <template #toolbar>
             <el-row :gutter="5">
                 <el-col :span="20">
-                    <el-button
-                        class="tag-button"
-                        :class="activeTag === 'all' ? '' : 'no-active'"
-                        @click="changeTag('all')"
-                        :type="activeTag === 'all' ? 'primary' : ''"
-                        :plain="activeTag !== 'all'"
-                    >
-                        {{ $t('app.all') }}
-                    </el-button>
-                    <div v-for="item in tags" :key="item.key" style="display: inline">
+                    <div v-if="data != null">
                         <el-button
                             class="tag-button"
-                            :class="activeTag === item.key ? '' : 'no-active'"
-                            @click="changeTag(item.key)"
-                            :type="activeTag === item.key ? 'primary' : ''"
-                            :plain="activeTag !== item.key"
+                            :class="activeTag === 'all' ? '' : 'no-active'"
+                            @click="changeTag('all')"
+                            :type="activeTag === 'all' ? 'primary' : ''"
+                            :plain="activeTag !== 'all'"
                         >
-                            {{ item.name }}
+                            {{ $t('app.all') }}
                         </el-button>
+                        <div v-for="item in tags" :key="item.key" style="display: inline">
+                            <el-button
+                                class="tag-button"
+                                :class="activeTag === item.key ? '' : 'no-active'"
+                                @click="changeTag(item.key)"
+                                :type="activeTag === item.key ? 'primary' : ''"
+                                :plain="activeTag !== item.key"
+                            >
+                                {{ item.name }}
+                            </el-button>
+                        </div>
                     </div>
                 </el-col>
                 <el-col :span="4">
-                    <div style="float: right" class="search-button">
+                    <div class="search-button">
                         <el-input
                             class="table-button"
                             v-model="searchReq.name"
@@ -41,13 +43,15 @@
             </el-row>
         </template>
         <template #rightButton>
-            <el-button @click="sync" type="primary" link v-if="mode === 'installed'">{{ $t('app.sync') }}</el-button>
+            <el-button @click="sync" type="primary" link v-if="mode === 'installed' && data != null">
+                {{ $t('app.sync') }}
+            </el-button>
         </template>
 
         <template #main>
-            <div class="update-prompt" v-if="mode === 'update' && data == null">
+            <div class="update-prompt" v-if="data == null">
                 <el-empty
-                    :description="$t('app.updatePrompt')"
+                    :description="mode === 'update' ? $t('app.updatePrompt') : $t('app.installPrompt')"
                     image="/src/assets/images/no_update_app.svg"
                     :image-size="200"
                 ></el-empty>
@@ -172,7 +176,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({