From 375c8adee5288a74ca7a9bb47d4f4b10d8c0875b Mon Sep 17 00:00:00 2001
From: hawk86104 <hawk86104@163.com>
Date: Tue, 18 Mar 2025 10:23:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20=E5=B7=A6=E4=BE=A7?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E6=8C=89=E9=92=AE=E5=92=8C=E6=A0=87=E8=AF=86?=
 =?UTF-8?q?=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/preview.vue | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/plugins/preview.vue b/src/plugins/preview.vue
index a0ff8d1e..a7180293 100644
--- a/src/plugins/preview.vue
+++ b/src/plugins/preview.vue
@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-11-18 22:17:49
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2025-03-18 09:04:16
+ * @LastEditTime: 2025-03-18 10:22:20
 -->
 <template>
     <div class="absolute menuSelf">
@@ -152,8 +152,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, provide, watch } from 'vue'
-import { defineRouteMeta, useModel } from '@fesjs/fes'
+import { ref, provide, watch, onMounted, nextTick } from 'vue'
+import { defineRouteMeta, useModel, useRoute,useRouter } from '@fesjs/fes'
 import { FBadge, FDrawer, FMenu, FSubMenu, FMenuItem } from '@fesjs/fes-design'
 import { AppstoreOutlined, PictureOutlined, UpCircleOutlined, MoreCircleOutlined, ClusterOutlined } from '@fesjs/fes-design/icon'
 import { getPluginsConfig, getOnlinePluginConfig, detectDeviceType } from '../common/utils'
@@ -177,20 +177,33 @@ const menuGoto = (value: any) => {
     }
 }
 
-const tabListRef = ref([])
+const tabListRef = ref([]) as any
 const pluginsConfig = ref({})
 pluginsConfig.value = getPluginsConfig() as any
 if (process.env.NODE_ENV === 'development' || process.env.FES_APP_ONLINE_API) {
     getOnlinePluginConfig(pluginsConfig)
 }
-const goto = (value: string) => {
+const router = useRouter()
+const goto = (value: any) => {
     if (value.value === 'tvtPluginUrl') {
         window.open('https://www.icegl.cn/tvtstore', '_blank')
     } else {
         tabListRef.value[value.value]?.scrollIntoView({ behavior: 'smooth', block: 'start' })
+        router.replace({ hash: `#${value.value}` })
     }
 }
 
+const route = useRoute()
+onMounted(() => {
+    nextTick(() => {
+        const hash = route.hash
+        const tabdom = hash.startsWith('#') ? hash.slice(1) : hash as any
+        if (tabdom) {
+            tabListRef.value[tabdom]?.scrollIntoView({ behavior: 'smooth', block: 'start' })
+        }
+    })
+})
+
 const scrollToTop = () => {
     document.querySelector('.right-page-list')?.scrollTo({ top: 0, behavior: 'smooth' })
 }