From 3e752f2508b7dd92c91dab789fd94f715c267311 Mon Sep 17 00:00:00 2001
From: Megghy <megghy@qq.com>
Date: Wed, 22 Oct 2025 12:42:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=B9=E6=8D=AE=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E5=85=83=E6=95=B0=E6=8D=AE=E5=8A=A8=E6=80=81=E6=8E=A7=E5=88=B6?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=BC=93=E5=AD=98=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=9B=B4=E6=92=AD=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E5=88=86?=
 =?UTF-8?q?=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components.d.ts              |  6 ++++++
 src/views/ManageLayout.vue       | 22 ++++++++++++++++++----
 src/views/manage/LiveManager.vue | 16 +++++++++++++---
 3 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/components.d.ts b/src/components.d.ts
index aa98134..b368e71 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -19,11 +19,17 @@ declare module 'vue' {
     LabelItem: typeof import('./components/LabelItem.vue')['default']
     LiveInfoContainer: typeof import('./components/LiveInfoContainer.vue')['default']
     MonacoEditorComponent: typeof import('./components/MonacoEditorComponent.vue')['default']
+    NAlert: typeof import('naive-ui')['NAlert']
+    NEllipsis: typeof import('naive-ui')['NEllipsis']
+    NEmpty: typeof import('naive-ui')['NEmpty']
     NFlex: typeof import('naive-ui')['NFlex']
     NFormItemGi: typeof import('naive-ui')['NFormItemGi']
     NGridItem: typeof import('naive-ui')['NGridItem']
+    NIcon: typeof import('naive-ui')['NIcon']
     NScrollbar: typeof import('naive-ui')['NScrollbar']
     NTag: typeof import('naive-ui')['NTag']
+    NText: typeof import('naive-ui')['NText']
+    NTime: typeof import('naive-ui')['NTime']
     PointGoodsItem: typeof import('./components/manage/PointGoodsItem.vue')['default']
     PointHistoryCard: typeof import('./components/manage/PointHistoryCard.vue')['default']
     PointOrderCard: typeof import('./components/manage/PointOrderCard.vue')['default']
diff --git a/src/views/ManageLayout.vue b/src/views/ManageLayout.vue
index 75c16d1..d7e1f2e 100644
--- a/src/views/ManageLayout.vue
+++ b/src/views/ManageLayout.vue
@@ -736,15 +736,29 @@ onMounted(() => {
           >
             <NElement>
               <!-- 已验证邮箱的用户显示内容 -->
-              <RouterView v-if="accountInfo?.isEmailVerified" v-slot="{ Component }">
-                <KeepAlive>
+              <RouterView v-if="accountInfo?.isEmailVerified" v-slot="{ Component, route }">
+                <template v-if="route.meta.keepAlive">
                   <Suspense>
-                    <component :is="Component" />
+                    <template #default>
+                      <KeepAlive>
+                        <component :is="Component" />
+                      </KeepAlive>
+                    </template>
                     <template #fallback>
                       <NSpin show />
                     </template>
                   </Suspense>
-                </KeepAlive>
+                </template>
+                <template v-else>
+                  <Suspense>
+                    <template #default>
+                      <component :is="Component" :key="route.fullPath" />
+                    </template>
+                    <template #fallback>
+                      <NSpin show />
+                    </template>
+                  </Suspense>
+                </template>
               </RouterView>
               <!-- 未验证邮箱的提示 -->
               <template v-else>
diff --git a/src/views/manage/LiveManager.vue b/src/views/manage/LiveManager.vue
index e4979f0..5836076 100644
--- a/src/views/manage/LiveManager.vue
+++ b/src/views/manage/LiveManager.vue
@@ -1,24 +1,34 @@
 <script setup lang="ts">
 import type { ResponseLiveInfoModel } from '@/api/api-models'
 import { NAlert, NDivider, NList, NListItem, NPagination, NSpace, useMessage } from 'naive-ui'
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { useStorage } from '@vueuse/core'
 import { useAccount } from '@/api/account'
 import { QueryGetAPI } from '@/api/query'
 import EventFetcherStatusCard from '@/components/EventFetcherStatusCard.vue'
 import LiveInfoContainer from '@/components/LiveInfoContainer.vue'
 import { LIVE_API_URL } from '@/data/constants'
 
+defineOptions({ name: 'ManageLiveView' })
+
 const accountInfo = useAccount()
 const message = useMessage()
 const route = useRoute()
 const router = useRouter()
 
 const lives = ref<ResponseLiveInfoModel[]>(await getAll())
-const page = ref(1)
-const pageSize = ref(10)
+const page = useSessionStorage<number>('ManageLive.page', 1)
+const pageSize = useStorage<number>('ManageLive.pageSize', 10)
 const defaultDanmakusCount = ref(0)
 
+watch([lives, pageSize], () => {
+  const total = lives.value.length
+  const size = pageSize.value || 10
+  const maxPage = Math.max(1, Math.ceil(total / size))
+  if (page.value > maxPage) page.value = maxPage
+})
+
 async function getAll() {
   try {
     const data = await QueryGetAPI<ResponseLiveInfoModel[]>(`${LIVE_API_URL}get-all`)