From 1cc2cc6400f8e6d82b52b137983ea62857b1706a Mon Sep 17 00:00:00 2001
From: trom <107225647+see-more@users.noreply.github.com>
Date: Mon, 12 Aug 2024 10:26:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=9B=B4=E6=96=B0=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E4=B8=8A=E7=A7=BB=20#6035=20(#6084)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/app-store/index.vue | 32 ++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/app-store/index.vue b/frontend/src/views/app-store/index.vue
index 8d1858475676..7a0bebaf001f 100644
--- a/frontend/src/views/app-store/index.vue
+++ b/frontend/src/views/app-store/index.vue
@@ -1,7 +1,15 @@
 <template>
     <div>
         <div v-if="showButton">
-            <RouterButton :buttons="buttons" />
+            <RouterButton :buttons="buttons">
+                <template #route-button>
+                    <el-badge is-dot :hidden="!canUpdate" class="pr-5">
+                        <el-button @click="sync" type="primary" plain :disabled="syncing">
+                            {{ $t('app.syncAppList') }}
+                        </el-button>
+                    </el-badge>
+                </template>
+            </RouterButton>
         </div>
         <LayoutContent>
             <router-view></router-view>
@@ -12,9 +20,13 @@
 <script lang="ts" setup>
 import i18n from '@/lang';
 import { onMounted, ref } from 'vue';
-import { SearchAppInstalled } from '@/api/modules/app';
+import { SearchAppInstalled, SyncApp } from '@/api/modules/app';
 import bus from './bus';
+import { MsgSuccess } from '@/utils/message';
 let showButton = ref(false);
+const syncing = ref(false);
+const canUpdate = ref(false);
+
 const buttons = [
     {
         label: i18n.global.t('app.all'),
@@ -31,6 +43,22 @@ const buttons = [
     },
 ];
 
+const sync = () => {
+    syncing.value = true;
+    SyncApp()
+        .then((res) => {
+            if (res.message != '') {
+                MsgSuccess(res.message);
+            } else {
+                MsgSuccess(i18n.global.t('app.syncStart'));
+            }
+            canUpdate.value = false;
+        })
+        .finally(() => {
+            syncing.value = false;
+        });
+};
+
 const search = () => {
     SearchAppInstalled({ update: true, page: 1, pageSize: 100 })
         .then((res) => {