From 5dc5b17bead34f5669f1af88a50e7c07a29b00fc Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Sun, 8 Oct 2023 03:22:14 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BA=94=E7=94=A8=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E5=A2=9E=E5=8A=A0=E9=A1=B5=E7=A0=81=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=20(#2457)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Refs https://github.com/1Panel-dev/1Panel/issues/2293
---
 .../src/components/layout-content/index.vue   |  2 +-
 frontend/src/views/app-store/apps/index.vue   | 19 ++++++++++++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/layout-content/index.vue b/frontend/src/components/layout-content/index.vue
index 611cf8f5d..d6b3b52df 100644
--- a/frontend/src/components/layout-content/index.vue
+++ b/frontend/src/components/layout-content/index.vue
@@ -42,7 +42,7 @@
                                 <el-divider direction="vertical" />
                                 <slot name="buttons"></slot>
                             </span>
-                            <span style="float: right">
+                            <span class="float-right">
                                 <slot v-if="slots.rightButton" name="rightButton"></slot>
                             </span>
                         </span>
diff --git a/frontend/src/views/app-store/apps/index.vue b/frontend/src/views/app-store/apps/index.vue
index 531bb72c9..bd19899ba 100644
--- a/frontend/src/views/app-store/apps/index.vue
+++ b/frontend/src/views/app-store/apps/index.vue
@@ -64,11 +64,20 @@
             </el-row>
         </template>
         <template #rightButton>
-            <el-badge is-dot class="item" :hidden="!canUpdate">
-                <el-button @click="sync" type="primary" link :plain="true" :disabled="syncing">
-                    {{ $t('app.syncAppList') }}
-                </el-button>
-            </el-badge>
+            <div class="flex justify-end">
+                <fu-table-pagination
+                    v-model:current-page="paginationConfig.currentPage"
+                    v-model:page-size="paginationConfig.pageSize"
+                    v-bind="paginationConfig"
+                    @change="search(req)"
+                    :layout="mobile ? ' prev, pager, next' : ' prev, pager, next'"
+                />
+                <el-badge is-dot :hidden="!canUpdate" class="ml-5">
+                    <el-button @click="sync" type="primary" plain :disabled="syncing">
+                        {{ $t('app.syncAppList') }}
+                    </el-button>
+                </el-badge>
+            </div>
         </template>
         <template #main>
             <el-alert type="info" :title="$t('app.appHelper')" :closable="false" />