From 14267bab3a0dd9cbc1a613f8b06f9fe0a51b75fb Mon Sep 17 00:00:00 2001
From: Megghy <megghy@qq.com>
Date: Thu, 21 Nov 2024 08:54:21 +0800
Subject: [PATCH] fix route tab select

---
 src/views/ManageLayout.vue                    |  1 +
 src/views/manage/DashboardView.vue            |  2 +-
 src/views/manage/SettingsManageView.vue       | 19 ++++++++-----------
 src/views/manage/SongListManageView.vue       |  2 +-
 .../TraditionalSongListTemplate.vue           |  1 +
 5 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/views/ManageLayout.vue b/src/views/ManageLayout.vue
index e5b8e63..40569b9 100644
--- a/src/views/ManageLayout.vue
+++ b/src/views/ManageLayout.vue
@@ -49,6 +49,7 @@ import {
 } from 'naive-ui'
 import { computed, h, onMounted, ref, watch } from 'vue'
 import { RouterLink, useRoute } from 'vue-router'
+// @ts-ignore
 import APlayer from 'vue3-aplayer'
 import DanmakuLayout from './manage/DanmakuLayout.vue'
 
diff --git a/src/views/manage/DashboardView.vue b/src/views/manage/DashboardView.vue
index 997258b..924b414 100644
--- a/src/views/manage/DashboardView.vue
+++ b/src/views/manage/DashboardView.vue
@@ -287,7 +287,7 @@ onUnmounted(() => {
 
 <template>
   <NFlex justify="center" align="center" vertical>
-    <NTabs type="segment" animated v-if="accountInfo" style="width: 100%;">
+    <NTabs type="segment" animated v-if="accountInfo" style="width: 100%;" :default-value="$route.query.tab?.toString() ?? 'info'">
       <NTabPane name="info" tab="个人信息" style="width: 100%;" display-directive="show:lazy">
         <NFlex justify="center" align="center">
           <NCard embedded style="width: 100%;max-width: 800px;">
diff --git a/src/views/manage/SettingsManageView.vue b/src/views/manage/SettingsManageView.vue
index 3c0577d..cfae083 100644
--- a/src/views/manage/SettingsManageView.vue
+++ b/src/views/manage/SettingsManageView.vue
@@ -234,7 +234,7 @@ const templateOptions = [
   },
 ] as SelectOption[]
 const selectedOption = ref(route.query.template?.toString() ?? 'index')
-const selectedTab = ref(route.query.tab?.toString() ?? 'general')
+const selectedTab = ref(route.query.setting?.toString() ?? 'general')
 
 const dynamicConfigRef = ref()
 const selectedTemplateData = computed(() => templates.value[selectedOption.value])
@@ -513,7 +513,7 @@ async function getIndexInfo() {
 
 onActivated(() => {
   if (route.query.tab) {
-    selectedTab.value = route.query.tab.toString()
+    selectedTab.value = route.query.setting?.toString() ?? 'general'
   }
   if (route.query.template) {
     selectedOption.value = route.query.template.toString()
@@ -522,17 +522,14 @@ onActivated(() => {
 onMounted(async () => {
   await RequestBiliUserData()
   indexDisplayInfo.value = await getIndexInfo()
-  if (route.query.tab) {
-    message.info('已切换到指定面板, 在页面下方')
-  }
 })
 </script>
 
 <template>
   <NCard title="设置" :style="`${selectedTab === 'general' ? '' : 'min-height: 800px;'}`">
     <NSpin :show="isSaving">
-      <NTabs v-model:value="selectedTab">
-        <NTabPane tab="常规" name="general">
+      <NTabs v-model:value="selectedTab" :default-value="$route.query.setting?.toString() ?? 'general'">
+        <NTabPane tab="常规" name="general" display-directive="show:lazy">
           <NDivider style="margin: 0"> 启用功能 </NDivider>
           <NCheckboxGroup v-model:value="accountInfo.settings.enableFunctions" @update:value="SaveComboGroupSetting">
             <NCheckbox :value="FunctionTypes.SongList"> 歌单 </NCheckbox>
@@ -559,7 +556,7 @@ onMounted(async () => {
             </NCheckbox>
           </NSpace>
         </NTabPane>
-        <NTabPane tab="主页" name="index">
+        <NTabPane tab="主页" name="index" display-directive="show:lazy">
           <NDivider> 通知 </NDivider>
           <NInput v-model:value="accountInfo.settings.index.notification" type="textarea" />
           <br /><br />
@@ -610,7 +607,7 @@ onMounted(async () => {
             </NFlex>
           </NModal>
         </NTabPane>
-        <NTabPane tab="黑名单" name="blacklist">
+        <NTabPane tab="黑名单" name="blacklist" display-directive="show:lazy">
           <NList v-if="accountInfo.biliBlackList && Object.keys(accountInfo.biliBlackList).length > 0">
             <NListItem v-for="item in Object.entries(accountInfo.biliBlackList)" :key="item[0]">
               <NSpace align="center">
@@ -639,7 +636,7 @@ onMounted(async () => {
           </NList>
           <NEmpty v-else />
         </NTabPane>
-        <NTabPane tab="模板" name="template">
+        <NTabPane tab="模板" name="template" display-directive="show:lazy">
           <NAlert type="success"> 如果有合适的设计稿或者想法可以给我说然后做成模板捏 </NAlert>
           <br />
           <NSpace vertical>
@@ -657,7 +654,7 @@ onMounted(async () => {
               <NDivider />
               <Transition name="fade" mode="out-in">
                 <div v-if="selectedComponent" :key="selectedTemplateData.Selected">
-                  <component ref="dynamicConfigRef"  @vue:mounted="getTemplateConfig" :is="selectedComponent"
+                  <component ref="dynamicConfigRef" @vue:mounted="getTemplateConfig" :is="selectedComponent"
                     :user-info="accountInfo" :bili-info="biliUserInfo" :data="selectedTemplateData.Data"
                     :config="selectedTemplateData.Config" />
                 </div>
diff --git a/src/views/manage/SongListManageView.vue b/src/views/manage/SongListManageView.vue
index 16c81e0..503415d 100644
--- a/src/views/manage/SongListManageView.vue
+++ b/src/views/manage/SongListManageView.vue
@@ -596,7 +596,7 @@ onMounted(async () => {
     >
       刷新
     </NButton>
-    <NButton @click="$router.push({ name: 'manage-index', query: { tab: 'template', template: 'songlist' } })">
+    <NButton @click="$router.push({ name: 'manage-index', query: { tab: 'setting', setting: 'template', template: 'songlist' } })">
       修改模板
     </NButton>
   </NSpace>
diff --git a/src/views/view/songListTemplate/TraditionalSongListTemplate.vue b/src/views/view/songListTemplate/TraditionalSongListTemplate.vue
index 66ff72e..6aa88dc 100644
--- a/src/views/view/songListTemplate/TraditionalSongListTemplate.vue
+++ b/src/views/view/songListTemplate/TraditionalSongListTemplate.vue
@@ -36,6 +36,7 @@ export const Config: TemplateConfig<ConfigType> = {
 </script>
 
 <template>
+  WIP...
   <div :style="{
     backgroundImage: `${props.config?.background ? 'url(' + FILE_BASE_URL + props.config?.background[0] + ')' : ''}`,
     height: '100%', 'max-width': '100%',