调整词表、缓存、关于功能的位置

2026-05-20 15:50:28 +08:00 · 2025-09-11 15:29:24 +08:00
parent 28afe2a922
commit 2ddc51aa4f
10 changed files with 228 additions and 167 deletions
--- a/src/views/setting/AccountSettingAbout.vue
+++ b/src/views/setting/AccountSettingAbout.vue
@@ -118,10 +118,7 @@ onMounted(() => {
 <template>
  <div class="px-3">
    <div class="section">
-      <div>
-        <h3 class="heading">{{ t('setting.about.title') }}</h3>
-      </div>
-      <div class="section border-t border-gray-800">
+      <div class="section border-gray-800">
        <dl>
          <div>
            <div class="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
--- a/src/layouts/components/ShortcutBar.vue
+++ b/src/layouts/components/ShortcutBar.vue
@@ -5,6 +5,8 @@ import LoggingView from '@/views/system/LoggingView.vue'
 import RuleTestView from '@/views/system/RuleTestView.vue'
 import ModuleTestView from '@/views/system/ModuleTestView.vue'
 import MessageView from '@/views/system/MessageView.vue'
+import WordsView from '@/views/system/WordsView.vue'
+import CacheView from '@/views/system/CacheView.vue'
 import api from '@/api'
 import { useDisplay } from 'vuetify'
 import { getQueryValue } from '@/@core/utils'
@@ -41,6 +43,12 @@ const systemTestDialog = ref(false)
 // 消息中心弹窗
 const messageDialog = ref(false)

+// 词表设置弹窗
+const wordsDialog = ref(false)
+
+// 缓存管理弹窗
+const cacheDialog = ref(false)
+
 // 输入消息
 const user_message = ref('')

@@ -100,6 +108,20 @@ const shortcuts = [
    dialog: 'message',
    dialogRef: messageDialog,
  },
+  {
+    title: t('shortcut.words.title'),
+    subtitle: t('shortcut.words.subtitle'),
+    icon: 'mdi-file-word-box',
+    dialog: 'words',
+    dialogRef: wordsDialog,
+  },
+  {
+    title: t('shortcut.cache.title'),
+    subtitle: t('shortcut.cache.subtitle'),
+    icon: 'mdi-database',
+    dialog: 'cache',
+    dialogRef: cacheDialog,
+  },
 ]

 // 打开对话框
@@ -249,7 +271,15 @@ onMounted(() => {
              flat
              class="pa-2 d-flex align-center cursor-pointer transition-transform duration-300 hover:-translate-y-1 border h-full"
              hover
-              @click="item.dialog === 'message' ? openMessageDialog() : openDialog(item.dialogRef)"
+              @click="
+                item.dialog === 'message'
+                  ? openMessageDialog()
+                  : item.dialog === 'words'
+                  ? openDialog(item.dialogRef)
+                  : item.dialog === 'cache'
+                  ? openDialog(item.dialogRef)
+                  : openDialog(item.dialogRef)
+              "
            >
              <VAvatar variant="text" size="48" rounded="lg">
                <VIcon color="primary" :icon="item.icon" size="24" />
@@ -425,4 +455,36 @@ onMounted(() => {
      </VCardActions>
    </VCard>
  </VDialog>
+  <!-- 词表设置弹窗 -->
+  <VDialog v-if="wordsDialog" v-model="wordsDialog" max-width="60rem" scrollable :fullscreen="!display.mdAndUp.value">
+    <VCard>
+      <VCardItem>
+        <VCardTitle>
+          <VIcon icon="mdi-file-word-box" class="me-2" />
+          {{ t('shortcut.words.subtitle') }}
+        </VCardTitle>
+        <VDialogCloseBtn @click="wordsDialog = false" />
+      </VCardItem>
+      <VDivider />
+      <VCardText>
+        <WordsView />
+      </VCardText>
+    </VCard>
+  </VDialog>
+  <!-- 缓存管理弹窗 -->
+  <VDialog v-if="cacheDialog" v-model="cacheDialog" max-width="90rem" scrollable :fullscreen="!display.mdAndUp.value">
+    <VCard>
+      <VCardItem>
+        <VCardTitle>
+          <VIcon icon="mdi-database" class="me-2" />
+          {{ t('shortcut.cache.subtitle') }}
+        </VCardTitle>
+        <VDialogCloseBtn @click="cacheDialog = false" />
+      </VCardItem>
+      <VDivider />
+      <VCardText>
+        <CacheView />
+      </VCardText>
+    </VCard>
+  </VDialog>
 </template>
--- a/src/layouts/components/UserProfile.vue
+++ b/src/layouts/components/UserProfile.vue
@@ -5,6 +5,7 @@ import avatar1 from '@images/avatars/avatar-1.png'
 import api from '@/api'
 import ProgressDialog from '@/components/dialog/ProgressDialog.vue'
 import UserAuthDialog from '@/components/dialog/UserAuthDialog.vue'
+import AboutDialog from '@/components/dialog/AboutDialog.vue'
 import { useAuthStore, useUserStore, useGlobalSettingsStore } from '@/stores'
 import { useI18n } from 'vue-i18n'
 import { useDisplay, useTheme } from 'vuetify'
@@ -55,6 +56,9 @@ const transparencyLevel = ref(localStorage.getItem('transparency-level') || 'med
 const isTransparentTheme = computed(() => currentThemeName.value === 'transparent')
 const showTransparencyDialog = ref(false)

+// 关于对话框
+const aboutDialog = ref(false)
+
 // 预设值配置
 const transparencyPresets = {
  low: { opacity: 0.1, blur: 5 },
@@ -207,6 +211,11 @@ function showSiteAuthDialog() {
  siteAuthDialog.value = true
 }

+// 显示关于对话框
+function showAboutDialog() {
+  aboutDialog.value = true
+}
+
 // 用户站点认证成功
 function siteAuthDone() {
  siteAuthDialog.value = false
@@ -633,6 +642,14 @@ onUnmounted(() => {
            <VListItemTitle>{{ t('user.helpDocs') }}</VListItemTitle>
          </VListItem>

+          <!-- 👉 About -->
+          <VListItem @click="showAboutDialog" class="mb-1 rounded-lg" hover>
+            <template #prepend>
+              <VIcon icon="mdi-information-outline" />
+            </template>
+            <VListItemTitle>{{ t('setting.about.title') }}</VListItemTitle>
+          </VListItem>
+
          <!-- Divider -->
          <VDivider v-if="superUser" class="my-3" />

@@ -777,6 +794,23 @@ onUnmounted(() => {
      </VCardText>
    </VCard>
  </VDialog>
+
+  <!-- 关于对话框 -->
+  <VDialog v-if="aboutDialog" v-model="aboutDialog" max-width="50rem" scrollable>
+    <VCard>
+      <VCardItem>
+        <VCardTitle>
+          <VIcon icon="mdi-information" class="me-2" />
+          {{ t('setting.about.title') }}
+        </VCardTitle>
+        <VDialogCloseBtn @click="aboutDialog = false" />
+      </VCardItem>
+      <VDivider />
+      <VCardText>
+        <AboutDialog />
+      </VCardText>
+    </VCard>
+  </VDialog>
 </template>

 <style lang="scss" scoped>
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -324,11 +324,6 @@ export default {
      title: 'Notifications',
      description: 'Notification channels (WeChat, Telegram, Slack, SynologyChat, VoceChat, WebPush), message scope',
    },
-    words: {
-      title: 'Word Lists',
-      description:
-        'Custom recognition words, custom production/subtitle groups, custom placeholders, file organization block words',
-    },
    about: {
      title: 'About',
      description: 'Software version',
@@ -375,6 +370,7 @@ export default {
    wizardSettings: 'Setup Wizard',
    siteAuth: 'User Authentication',
    helpDocs: 'Help Documents',
+    about: 'About',
    restart: 'Restart',
    management: 'User Management',
    noUsers: 'No Users',
@@ -514,6 +510,14 @@ export default {
      title: 'Messages',
      subtitle: 'Message Center',
    },
+    words: {
+      title: 'Words',
+      subtitle: 'Word Settings',
+    },
+    cache: {
+      title: 'Cache',
+      subtitle: 'Manage Cache',
+    },
  },
  workflow: {
    components: 'Action Components',
@@ -1233,7 +1237,8 @@ export default {
      apiTokenLength: 'API Token must be at least 16 characters',
      githubToken: 'Github Token',
      githubTokenFormat: 'ghp_**** or github_pat_****',
-      githubTokenHint: 'Used to increase the rate limit threshold when plugins access Github API，it is recommended to configure, otherwise plugins may not work properly',
+      githubTokenHint:
+        'Used to increase the rate limit threshold when plugins access Github API，it is recommended to configure, otherwise plugins may not work properly',
      ocrHost: 'OCR Server',
      ocrHostHint: 'Used for site check-in, updating site cookies and other captcha recognition',
      advancedSettings: 'Advanced Settings',
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -323,10 +323,6 @@ export default {
      title: '通知',
      description: '通知渠道（微信、Telegram、Slack、SynologyChat、VoceChat、WebPush）、消息发送范围',
    },
-    words: {
-      title: '词表',
-      description: '自定义识别词、自定义制作组/字幕组、自定义占位符、文件整理屏蔽词',
-    },
    about: {
      title: '关于',
      description: '软件版本',
@@ -373,6 +369,7 @@ export default {
    wizardSettings: '设置向导',
    siteAuth: '用户认证',
    helpDocs: '帮助文档',
+    about: '关于',
    restart: '重启',
    management: '用户管理',
    noUsers: '没有用户',
@@ -511,6 +508,14 @@ export default {
      title: '消息',
      subtitle: '消息中心',
    },
+    words: {
+      title: '词表',
+      subtitle: '词表设置',
+    },
+    cache: {
+      title: '缓存',
+      subtitle: '管理缓存',
+    },
  },
  workflow: {
    components: '动作组件',
--- a/src/locales/zh-TW.ts
+++ b/src/locales/zh-TW.ts
@@ -324,10 +324,6 @@ export default {
      title: '通知',
      description: '通知渠道（微信、Telegram、Slack、SynologyChat、VoceChat、WebPush）、消息發送範圍',
    },
-    words: {
-      title: '詞表',
-      description: '自定義識別詞、自定義製作組/字幕組、自定義占位符、文件整理屏蔽詞',
-    },
    about: {
      title: '關於',
      description: '軟件版本',
@@ -374,6 +370,7 @@ export default {
    wizardSettings: '設定向導',
    siteAuth: '用戶認證',
    helpDocs: '幫助文檔',
+    about: '關於',
    restart: '重啟',
    management: '用戶管理',
    noUsers: '沒有用戶',
@@ -498,6 +495,14 @@ export default {
      title: '消息',
      subtitle: '消息中心',
    },
+    words: {
+      title: '詞表',
+      subtitle: '詞表設置',
+    },
+    cache: {
+      title: '緩存',
+      subtitle: '管理緩存',
+    },
  },
  workflow: {
    components: '動作組件',
--- a/src/pages/setting.vue
+++ b/src/pages/setting.vue
@@ -3,15 +3,12 @@ import { useRoute } from 'vue-router'
 import router from '@/router'
 import AccountSettingNotification from '@/views/setting/AccountSettingNotification.vue'
 import AccountSettingSite from '@/views/setting/AccountSettingSite.vue'
-import AccountSettingWords from '@/views/setting/AccountSettingWords.vue'
-import AccountSettingAbout from '@/views/setting/AccountSettingAbout.vue'
 import AccountSettingSearch from '@/views/setting/AccountSettingSearch.vue'
 import AccountSettingSubscribe from '@/views/setting/AccountSettingSubscribe.vue'
 import AccountSettingSystem from '@/views/setting/AccountSettingSystem.vue'
 import AccountSettingService from '@/views/setting/AccountSettingService.vue'
 import AccountSettingDirectory from '@/views/setting/AccountSettingDirectory.vue'
 import AccountSettingRule from '@/views/setting/AccountSettingRule.vue'
-import AccountSettingCache from '@/views/setting/AccountSettingCache.vue'
 import { getSettingTabs } from '@/router/i18n-menu'
 import { useDynamicHeaderTab } from '@/composables/useDynamicHeaderTab'

@@ -104,15 +101,6 @@ onMounted(() => {
        </transition>
      </VWindowItem>

-      <!-- 缓存 -->
-      <VWindowItem value="cache">
-        <transition name="fade-slide" appear>
-          <div>
-            <AccountSettingCache />
-          </div>
-        </transition>
-      </VWindowItem>
-
      <!-- 通知 -->
      <VWindowItem value="notification">
        <transition name="fade-slide" appear>
@@ -121,24 +109,6 @@ onMounted(() => {
          </div>
        </transition>
      </VWindowItem>
-
-      <!-- 词表 -->
-      <VWindowItem value="words">
-        <transition name="fade-slide" appear>
-          <div>
-            <AccountSettingWords />
-          </div>
-        </transition>
-      </VWindowItem>
-
-      <!-- 关于 -->
-      <VWindowItem value="about">
-        <transition name="fade-slide" appear>
-          <div>
-            <AccountSettingAbout />
-          </div>
-        </transition>
-      </VWindowItem>
    </VWindow>
  </div>
 </template>
--- a/src/router/i18n-menu.ts
+++ b/src/router/i18n-menu.ts
@@ -194,30 +194,12 @@ export function getSettingTabs() {
      tab: 'scheduler',
      description: t('settingTabs.scheduler.description'),
    },
-    {
-      title: t('settingTabs.cache.title'),
-      icon: 'mdi-database',
-      tab: 'cache',
-      description: t('settingTabs.cache.description'),
-    },
    {
      title: t('settingTabs.notification.title'),
      icon: 'mdi-bell',
      tab: 'notification',
      description: t('settingTabs.notification.description'),
    },
-    {
-      title: t('settingTabs.words.title'),
-      icon: 'mdi-file-word-box',
-      tab: 'words',
-      description: t('settingTabs.words.description'),
-    },
-    {
-      title: t('settingTabs.about.title'),
-      icon: 'mdi-information',
-      tab: 'about',
-      description: t('settingTabs.about.description'),
-    },
  ]
 }

--- a/src/views/setting/AccountSettingCache.vue
+++ b/src/views/setting/AccountSettingCache.vue
@@ -232,64 +232,65 @@ onMounted(() => {
 </script>

 <template>
-  <VCard>
-    <VCardItem>
-      <VCardTitle>{{ t('setting.cache.title') }}</VCardTitle>
-      <VCardSubtitle>{{ t('setting.cache.subtitle') }}</VCardSubtitle>
+  <div>
+    <!-- 工具栏操作按钮 -->
+    <VCard class="mb-4">
+      <VCardItem>
+        <VCardTitle>{{ t('setting.cache.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('setting.cache.subtitle') }}</VCardSubtitle>

-      <template #append>
-        <div class="d-flex gap-2">
-          <VBtn icon color="primary" :loading="loading" @click="refreshCache">
-            <VIcon>mdi-refresh</VIcon>
-            <VTooltip activator="parent" location="bottom">{{ t('setting.cache.refresh') }}</VTooltip>
-          </VBtn>
+        <template #append>
+          <div class="d-flex gap-2">
+            <VBtn icon color="primary" :loading="loading" @click="refreshCache">
+              <VIcon>mdi-refresh</VIcon>
+              <VTooltip activator="parent" location="bottom">{{ t('setting.cache.refresh') }}</VTooltip>
+            </VBtn>

-          <VBtn
-            icon
-            color="warning"
-            :loading="loading"
-            :disabled="selectedItems.length === 0"
-            @click="deleteSelectedItems"
-          >
-            <VIcon>mdi-delete-sweep</VIcon>
-            <VTooltip activator="parent" location="bottom"
-              >{{ t('setting.cache.deleteSelected') }} ({{ selectedItems.length }})</VTooltip
+            <VBtn
+              icon
+              color="warning"
+              :loading="loading"
+              :disabled="selectedItems.length === 0"
+              @click="deleteSelectedItems"
            >
-          </VBtn>
+              <VIcon>mdi-delete-sweep</VIcon>
+              <VTooltip activator="parent" location="bottom"
+                >{{ t('setting.cache.deleteSelected') }} ({{ selectedItems.length }})</VTooltip
+              >
+            </VBtn>

-          <VBtn icon color="error" :loading="loading" @click="clearAllCache">
-            <VIcon>mdi-delete-variant</VIcon>
-            <VTooltip activator="parent" location="bottom">{{ t('setting.cache.clearAll') }}</VTooltip>
-          </VBtn>
-        </div>
-      </template>
-    </VCardItem>
+            <VBtn icon color="error" :loading="loading" @click="clearAllCache">
+              <VIcon>mdi-delete-variant</VIcon>
+              <VTooltip activator="parent" location="bottom">{{ t('setting.cache.clearAll') }}</VTooltip>
+            </VBtn>
+          </div>
+        </template>
+      </VCardItem>
+    </VCard>

    <!-- 筛选框 -->
-    <VCardText>
-      <VRow>
-        <VCol cols="6">
-          <VTextField
-            v-model="titleFilter"
-            :label="t('setting.cache.filterByTitle')"
-            prepend-inner-icon="mdi-magnify"
-            clearable
-            density="compact"
-          />
-        </VCol>
-        <VCol cols="6">
-          <VAutocomplete
-            v-model="siteFilter"
-            :label="t('setting.cache.filterBySite')"
-            :items="siteOptions"
-            prepend-inner-icon="mdi-web"
-            clearable
-            density="compact"
-            :placeholder="t('setting.cache.selectSite')"
-          />
-        </VCol>
-      </VRow>
-    </VCardText>
+    <VRow class="mb-4">
+      <VCol cols="6">
+        <VTextField
+          v-model="titleFilter"
+          :label="t('setting.cache.filterByTitle')"
+          prepend-inner-icon="mdi-magnify"
+          clearable
+          density="compact"
+        />
+      </VCol>
+      <VCol cols="6">
+        <VAutocomplete
+          v-model="siteFilter"
+          :label="t('setting.cache.filterBySite')"
+          :items="siteOptions"
+          prepend-inner-icon="mdi-web"
+          clearable
+          density="compact"
+          :placeholder="t('setting.cache.selectSite')"
+        />
+      </VCol>
+    </VRow>

    <!-- 缓存列表 -->
    <VDataTable
@@ -419,54 +420,54 @@ onMounted(() => {
        </div>
      </template>
    </VDataTable>
-  </VCard>

-  <!-- 重新识别对话框 -->
-  <VDialog v-model="reidentifyDialog" scrollable max-width="35rem">
-    <VCard>
-      <VCardItem class="py-2">
-        <template #prepend>
-          <VIcon>mdi-text-recognition</VIcon>
-        </template>
-        <VCardTitle>{{ t('setting.cache.reidentifyDialog.title') }}</VCardTitle>
-        <VCardSubtitle>{{ currentReidentifyItem?.title }}</VCardSubtitle>
-      </VCardItem>
-      <VDialogCloseBtn @click="reidentifyDialog = false" />
-      <VDivider />
-      <VCardText>
-        <VRow>
-          <VCol cols="12">
-            <VTextField
-              v-if="globalSettings.RECOGNIZE_SOURCE === 'themoviedb'"
-              v-model="tmdbId"
-              :label="t('setting.cache.reidentifyDialog.tmdbId')"
-              :hint="t('setting.cache.reidentifyDialog.tmdbIdHint')"
-              clearable
-              prepend-inner-icon="mdi-id-card"
-              persistent-hint
-            />
-            <VTextField
-              v-else
-              v-model="doubanId"
-              :label="t('setting.cache.reidentifyDialog.doubanId')"
-              :hint="t('setting.cache.reidentifyDialog.doubanIdHint')"
-              clearable
-              prepend-inner-icon="mdi-id-card"
-              persistent-hint
-            />
-          </VCol>
-        </VRow>
-        <VAlert type="info" variant="tonal" class="mt-4">
-          {{ t('setting.cache.reidentifyDialog.autoHint') }}
-        </VAlert>
-      </VCardText>
+    <!-- 重新识别对话框 -->
+    <VDialog v-model="reidentifyDialog" scrollable max-width="35rem">
+      <VCard>
+        <VCardItem class="py-2">
+          <template #prepend>
+            <VIcon>mdi-text-recognition</VIcon>
+          </template>
+          <VCardTitle>{{ t('setting.cache.reidentifyDialog.title') }}</VCardTitle>
+          <VCardSubtitle>{{ currentReidentifyItem?.title }}</VCardSubtitle>
+        </VCardItem>
+        <VDialogCloseBtn @click="reidentifyDialog = false" />
+        <VDivider />
+        <VCardText>
+          <VRow>
+            <VCol cols="12">
+              <VTextField
+                v-if="globalSettings.RECOGNIZE_SOURCE === 'themoviedb'"
+                v-model="tmdbId"
+                :label="t('setting.cache.reidentifyDialog.tmdbId')"
+                :hint="t('setting.cache.reidentifyDialog.tmdbIdHint')"
+                clearable
+                prepend-inner-icon="mdi-id-card"
+                persistent-hint
+              />
+              <VTextField
+                v-else
+                v-model="doubanId"
+                :label="t('setting.cache.reidentifyDialog.doubanId')"
+                :hint="t('setting.cache.reidentifyDialog.doubanIdHint')"
+                clearable
+                prepend-inner-icon="mdi-id-card"
+                persistent-hint
+              />
+            </VCol>
+          </VRow>
+          <VAlert type="info" variant="tonal" class="mt-4">
+            {{ t('setting.cache.reidentifyDialog.autoHint') }}
+          </VAlert>
+        </VCardText>

-      <VCardActions>
-        <VSpacer />
-        <VBtn color="primary" :loading="loading" prepend-icon="mdi-check" @click="performReidentify">
-          {{ t('setting.cache.reidentifyDialog.confirm') }}
-        </VBtn>
-      </VCardActions>
-    </VCard>
-  </VDialog>
+        <VCardActions>
+          <VSpacer />
+          <VBtn color="primary" :loading="loading" prepend-icon="mdi-check" @click="performReidentify">
+            {{ t('setting.cache.reidentifyDialog.confirm') }}
+          </VBtn>
+        </VCardActions>
+      </VCard>
+    </VDialog>
+  </div>
 </template>
--- a/src/views/setting/AccountSettingWords.vue
+++ b/src/views/setting/AccountSettingWords.vue