1.1.8

下载器文件同步插件logo

package.json

@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "1.0.9",
+  "version": "1.1.8",
   "private": true,
   "scripts": {
     "dev": "vite --host",
@@ -59,6 +59,7 @@
     "@iconify/vue": "4.1.1",
     "@intlify/unplugin-vue-i18n": "^0.10.0",
     "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@types/lodash": "^4.14.197",
     "@types/node": "^20.1.4",
     "@types/webfontloader": "^1.6.34",
     "@typescript-eslint/eslint-plugin": "^5.59.5",

src/@core/scss/_vertical-nav.scss

@@ -50,7 +50,7 @@
           rgba(#{variables.$vertical-nav-background-color-rgb}, 30%) 75%,
           transparent
         );
-      block-size: calc(env(safe-area-inset-top) + 64px);
+      block-size: calc(env(safe-area-inset-top) + 4rem);
       inline-size: 100%;
       inset-block-start: calc(#{variables.$vertical-nav-header-height} - 2px);
       opacity: 0;

src/@core/utils/formatters.ts

@@ -88,9 +88,9 @@ export function formatSeconds(seconds: number) {
 }
 
 // YYYY-MM-DD 转化为Date
-export function parseDate(dateString: string): Date {
+export function parseDate(dateString: string): Date | null {
   if (!dateString)
-    return new Date()
+    return null
   const [year, month, day] = dateString.split('-').map(Number)
 
   return new Date(year, month - 1, day)

src/@layouts/components/VerticalNavLayout.vue

@@ -111,7 +111,7 @@ export default defineComponent({
 
   .layout-navbar {
     position: fixed;
-    width: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
+    width: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem);
     z-index: variables.$layout-vertical-nav-layout-navbar-z-index;
     inset-block-start: 0;
 

src/@layouts/styles/_default-layout.scss

@@ -38,7 +38,7 @@ body,
   overflow: hidden;
   // TODO: Use grid gutter variable here
   padding-block: 1.5rem;
-  padding-top: calc(env(safe-area-inset-top) + 65px);
+  padding-top: calc(env(safe-area-inset-top) + 4.25rem);
   // display: flex;
 
 
@@ -49,7 +49,7 @@ body,
     & > div:first-child {
       flex: auto;
       position: relative;
-      width: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
+      width: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem);
     }
   }
 }

src/@layouts/styles/_variables.scss

@@ -2,24 +2,24 @@
 
 // 👉 Vertical nav
 $layout-vertical-nav-z-index: 12 !default;
-$layout-vertical-nav-width: 260px !default;
-$layout-vertical-nav-collapsed-width: 80px !default;
+$layout-vertical-nav-width: 16.25rem !default;
+$layout-vertical-nav-collapsed-width: 5rem !default;
 
 // 👉 Horizontal nav
 $layout-horizontal-nav-z-index: 11 !default;
-$layout-horizontal-nav-navbar-height: 64px !default;
+$layout-horizontal-nav-navbar-height: 4rem !default;
 
 // 👉 Navbar
-$layout-vertical-nav-navbar-height: 64px !default;
+$layout-vertical-nav-navbar-height: 4rem !default;
 $layout-vertical-nav-navbar-is-contained: true !default;
 $layout-vertical-nav-layout-navbar-z-index: 11 !default;
 $layout-horizontal-nav-layout-navbar-z-index: 11 !default;
 
 // 👉 Main content
-$layout-boxed-content-width: 1440px !default;
+$layout-boxed-content-width: 90rem !default;
 
 //  👉Footer
-$layout-vertical-nav-footer-height: 56px !default;
+$layout-vertical-nav-footer-height: 3.5rem !default;
 
 // 👉 Layout overlay
 $layout-overlay-z-index: 11 !default;

src/App.vue

@@ -1,10 +1,7 @@
 <script lang="ts" setup>
 import { useToast } from 'vue-toast-notification'
 import { useTheme } from 'vuetify'
-import api from './api'
-import type { User } from './api/types'
 import store from './store'
-import avatar1 from '@images/avatars/avatar-1.png'
 
 // 第一时间应用主题
 const { global: globalTheme } = useTheme()
@@ -36,39 +33,10 @@ function startSSEMessager() {
   }
 }
 
-// 当前用户信息
-const accountInfo = ref<User>({
-  id: 0,
-  name: '',
-  password: '',
-  email: '',
-  is_active: false,
-  is_superuser: false,
-  avatar: avatar1,
-})
-
-// 调用API，加载当前用户数据
-async function loadAccountInfo() {
-  try {
-    const user: User = await api.get('user/current')
-
-    accountInfo.value = user
-    if (!accountInfo.value.avatar)
-      accountInfo.value.avatar = avatar1
-  }
-  catch (error) {
-    console.log(error)
-  }
-}
-
 // 页面加载时，加载当前用户数据
 onBeforeMount(async () => {
-  await loadAccountInfo()
   startSSEMessager()
 })
-
-// 提供给所有元素复用
-provide('accountInfo', accountInfo)
 </script>
 
 <template>

src/api/types.ts

@@ -526,6 +526,9 @@ export interface Plugin {
 
   // 运行状态
   state?: boolean
+
+  // 是否有详情页面
+  has_page?: boolean
 }
 
 // 种子信息
@@ -905,4 +908,5 @@ export interface FileItem {
   extension: string
   size: number
   children: FileItem[]
+  modify_time: number
 }

src/components/FileBrowser.vue

@@ -57,6 +57,8 @@ const loading = ref(0)
 const activeStorage = ref('local')
 // 刷新
 const refreshPending = ref(false)
+// 排序
+const sort = ref('name')
 // axios实例
 const axiosInstance = ref<Axios>()
 
@@ -83,6 +85,12 @@ function pathChanged(_path: string) {
   emit('pathchanged', _path)
 }
 
+// 排序变化
+function sortChanged(s: string) {
+  sort.value = s
+  refreshPending.value = true
+}
+
 // 初始化
 onBeforeMount(() => {
   activeStorage.value = props.storage ?? 'local'
@@ -101,6 +109,7 @@ onBeforeMount(() => {
       @storagechanged="storageChanged"
       @pathchanged="pathChanged"
       @foldercreated="refreshPending = true"
+      @sortchanged="sortChanged"
     />
     <VRow no-gutters>
       <VCol v-if="tree" sm="auto" class="d-none d-md-block">
@@ -125,6 +134,7 @@ onBeforeMount(() => {
           :endpoints="endpoints"
           :axios="axiosInstance"
           :refreshpending="refreshPending"
+          :sort="sort"
           @pathchanged="pathChanged"
           @loading="loadingChanged"
           @refreshed="refreshPending = false"

src/components/NoDataFound.vue

@@ -1,18 +1,8 @@
 <script setup lang="ts">
-import { useTheme } from 'vuetify'
 import miscpose from '@images/pages/pose-fs-9.png'
-import miscMaskDark from '@images/pages/misc-mask-dark.png'
-import miscMaskLight from '@images/pages/misc-mask-light.png'
-import tree from '@images/pages/tree.png'
 
 const props = defineProps<Props>()
 
-const vuetifyTheme = useTheme()
-
-const authThemeMask = computed(() => {
-  return vuetifyTheme.global.name.value === 'light' ? miscMaskLight : miscMaskDark
-})
-
 interface Props {
   errorCode?: string
   errorTitle?: string
@@ -21,7 +11,7 @@ interface Props {
 </script>
 
 <template>
-  <div class="misc-wrapper">
+  <div class="flex flex-col">
     <ErrorHeader
       :error-code="props.errorCode"
       :error-title="props.errorTitle"
@@ -29,7 +19,7 @@ interface Props {
     />
 
     <!-- 👉 Image -->
-    <div class="misc-avatar text-center">
+    <div class="text-center">
       <VImg
         :src="miscpose"
         class="mx-auto pt-10"
@@ -38,40 +28,8 @@ interface Props {
       />
       <slot name="button" />
     </div>
-
-    <!-- 👉 Footer -->
-    <VImg
-      :src="tree"
-      class="misc-footer-tree d-none d-lg-block"
-    />
-
-    <VImg
-      :src="authThemeMask"
-      class="misc-footer-img d-none d-md-block"
-    />
   </div>
 </template>
 
 <style lang="scss">
-@use "@configured-variables" as variables;
-@use '@core/scss/pages/misc.scss';
-
-.misc-wrapper {
-  position: relative;
-
-  .misc-footer-tree {
-    position: fixed;
-    z-index: 1;
-    inline-size: 15.625rem;
-    inset-block-end: 3.5rem;
-    inset-inline-start: 0.375rem;
-    left: variables.$layout-vertical-nav-width;
-  }
-
-  .misc-footer-img {
-    position: fixed;
-    inline-size: 100%;
-    inset-block-end: 0;
-  }
-}
 </style>

src/components/cards/FilterRuleCard.vue

@@ -50,9 +50,6 @@ const selectFilterOptions = ref<{ [key: string]: string }[]>([
   { title: '排除: 国语配音', value: ' !CNVOI ' },
   { title: '促销: 免费', value: ' FREE ' },
 ])
-
-// 已选择的过滤规则
-const selectedFilters = ref<string[]>(props.rules ?? [])
 </script>
 
 <template>
@@ -64,7 +61,7 @@ const selectedFilters = ref<string[]>(props.rules ?? [])
         <VCol>
           <VSelect
             :key="props.pri"
-            v-model="selectedFilters"
+            v-model="props.rules"
             variant="underlined"
             :items="selectFilterOptions"
             chips

src/components/cards/MediaCard.vue

@@ -462,7 +462,7 @@ const getImgUrl: Ref<string> = computed(() => {
   </VHover>
   <VDialog
     v-model="subscribeSeasonDialog"
-    max-width="600"
+    max-width="50rem"
     content-class="whitespace-nowrap"
     scrollable
   >

src/components/cards/MediaInfoCard.vue

@@ -0,0 +1,147 @@
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import type { Context } from '@/api/types'
+
+// 输入参数
+const props = defineProps({
+  context: Object as PropType<Context>,
+})
+
+// TMDB图片转换为w500大小
+function getW500Image(url = '') {
+  if (!url)
+    return ''
+  return url.replace('original', 'w500')
+}
+
+// 打开TMDB详情页面
+function openTmdbPage(type: string, tmdbId: number) {
+  if (!type || !tmdbId)
+    return
+
+  const url = `https://www.themoviedb.org/${type === '电影' ? 'movie' : 'tv'}/${tmdbId}`
+  window.open(url, '_blank')
+}
+</script>
+
+<template>
+  <div v-show="context">
+    <VCol>
+      <div
+        v-if="context?.meta_info?.name"
+        class="d-flex justify-space-between flex-wrap flex-md-nowrap flex-column flex-md-row"
+      >
+        <div
+          v-if="context?.media_info?.poster_path"
+          class="ma-auto"
+        >
+          <VImg
+            width="10rem"
+            aspect-ratio="2/3"
+            class="object-cover aspect-w-2 aspect-h-3 rounded-lg ring-1 ring-gray-500"
+            :src="getW500Image(context?.media_info?.poster_path)"
+            cover
+          >
+            <template #placeholder>
+              <div class="w-full h-full">
+                <VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
+              </div>
+            </template>
+          </VImg>
+        </div>
+
+        <div>
+          <VCardItem class="pb-1">
+            <VCardTitle class="text-center text-md-left">
+              {{ context?.media_info?.title || context?.meta_info?.name }}
+              {{ context?.meta_info?.season_episode }}
+            </VCardTitle>
+            <VCardSubtitle class="text-center text-md-left">
+              {{ context?.media_info?.year || context?.meta_info?.year }}
+            </VCardSubtitle>
+          </VCardItem>
+
+          <VCardText
+            v-if="context?.media_info?.overview"
+            class="line-clamp-4 overflow-hidden text-ellipsis text-center text-md-left ..."
+          >
+            {{ context?.media_info?.overview }}
+          </VCardText>
+
+          <VCardItem class="text-center text-md-left">
+            <!-- 类型 -->
+            <VChip
+              v-if="context?.media_info?.type || context?.meta_info?.type"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-blue-500"
+            >
+              {{
+                context?.media_info?.type || context?.meta_info?.type
+              }}
+            </VChip>
+            <!-- 二级分类 -->
+            <VChip
+              v-if="context?.media_info?.category"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-blue-500"
+            >
+              {{ context?.media_info?.category }}
+            </VChip>
+            <!-- TMDBID -->
+            <VChip
+              v-if="context?.media_info?.tmdb_id"
+              variant="elevated"
+              color="success"
+              class="me-1 mb-1"
+              @click="openTmdbPage(context?.media_info?.type || '', context?.media_info?.tmdb_id)"
+            >
+              {{ context?.media_info?.tmdb_id }}
+            </VChip>
+            <!-- meta_info -->
+            <VChip
+              v-if="context?.meta_info?.edition"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-red-500"
+            >
+              {{ context?.meta_info?.edition }}
+            </VChip>
+            <VChip
+              v-if="context?.meta_info?.resource_pix"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-red-500"
+            >
+              {{ context?.meta_info?.resource_pix }}
+            </VChip>
+            <VChip
+              v-if="context?.meta_info?.video_encode"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-orange-500"
+            >
+              {{ context?.meta_info?.video_encode }}
+            </VChip>
+            <VChip
+              v-if="context?.meta_info?.audio_encode"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-orange-500"
+            >
+              {{ context?.meta_info?.audio_encode }}
+            </VChip>
+            <VChip
+              v-if="context?.meta_info?.resource_team"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-cyan-500"
+            >
+              {{ context?.meta_info?.resource_team }}
+            </VChip>
+          </VCardItem>
+        </div>
+      </div>
+      <VAlert
+        v-if="!context?.meta_info?.name"
+        icon="mdi-alert-circle-outline"
+      >
+        识别失败，无法识别到有效信息！
+      </VAlert>
+    </VCol>
+  </div>
+</template>

src/components/cards/PluginCard.vue

@@ -119,6 +119,8 @@ async function savePluginConf() {
 
 // 显示插件详情
 async function showPluginInfo() {
+  // 加载详情
+  await loadPluginPage()
   pluginConfigDialog.value = false
   pluginInfoDialog.value = true
 }
@@ -129,17 +131,35 @@ async function showPluginConfig() {
   await loadPluginForm()
   // 加载配置
   await loadPluginConf()
-  // 加载详情
-  await loadPluginPage()
   // 显示对话框
+  pluginInfoDialog.value = false
   pluginConfigDialog.value = true
 }
 
 // 弹出菜单
 const dropdownItems = ref([
   {
-    title: '卸载',
+    title: '查看详情',
     value: 1,
+    show: props.plugin?.has_page,
+    props: {
+      prependIcon: 'mdi-information-outline',
+      click: showPluginInfo,
+    },
+  },
+  {
+    title: '配置',
+    value: 2,
+    show: true,
+    props: {
+      prependIcon: 'mdi-cog-outline',
+      click: showPluginConfig,
+    },
+  },
+  {
+    title: '卸载',
+    value: 3,
+    show: true,
     props: {
       prependIcon: 'mdi-trash-can-outline',
       color: 'error',
@@ -155,7 +175,12 @@ const dropdownItems = ref([
     v-if="isVisible"
     :width="props.width"
     :height="props.height"
-    @click="showPluginConfig"
+    @click="() => {
+      if (props.plugin?.has_page)
+        showPluginInfo()
+      else
+        showPluginConfig()
+    }"
   >
     <div
       class="relative pa-4 text-center card-cover-blurred"
@@ -171,6 +196,7 @@ const dropdownItems = ref([
             <VList>
               <VListItem
                 v-for="(item, i) in dropdownItems"
+                v-show="item.show"
                 :key="i"
                 variant="plain"
                 :base-color="item.props.color"
@@ -214,7 +240,7 @@ const dropdownItems = ref([
     scrollable
     persistent
   >
-    <VCard :title="props.plugin?.plugin_name">
+    <VCard :title="`${props.plugin?.plugin_name} - 配置`">
       <DialogCloseBtn @click="pluginConfigDialog = false" />
       <VCardText>
         <FormRender
@@ -226,7 +252,7 @@ const dropdownItems = ref([
       </VCardText>
       <VCardActions>
         <VBtn v-if="pluginPageItems.length > 0" @click="showPluginInfo">
-          详情
+          查看详情
         </VBtn>
         <VSpacer />
         <VBtn @click="savePluginConf">
@@ -243,7 +269,7 @@ const dropdownItems = ref([
     scrollable
     persistent
   >
-    <VCard :title="`${props.plugin?.plugin_name} - 详情`">
+    <VCard :title="`${props.plugin?.plugin_name}`">
       <DialogCloseBtn @click="pluginInfoDialog = false" />
       <VCardText>
         <PageRender
@@ -253,6 +279,9 @@ const dropdownItems = ref([
         />
       </VCardText>
       <VCardActions>
+        <VBtn @click="showPluginConfig">
+          配置
+        </VBtn>
         <VSpacer />
         <VBtn @click="pluginInfoDialog = false">
           关闭

src/components/cards/RssCard.vue

@@ -368,6 +368,7 @@ onMounted(() => {
   >
     <!-- Dialog Content -->
     <VCard :title="`订阅 - ${props.media?.name}`">
+      <DialogCloseBtn @click="rssInfoDialog = false" />
       <VCardText class="pt-2">
         <VForm @submit.prevent="() => {}">
           <VRow>
@@ -425,6 +426,7 @@ onMounted(() => {
             </VCol>
             <VCol
               cols="12"
+              md="6"
             >
               <VTextField
                 v-model="rssForm.include"
@@ -433,6 +435,7 @@ onMounted(() => {
             </VCol>
             <VCol
               cols="12"
+              md="6"
             >
               <VTextField
                 v-model="rssForm.exclude"
@@ -441,6 +444,7 @@ onMounted(() => {
             </VCol>
             <VCol
               cols="12"
+              md="6"
             >
               <VTextField
                 v-model="rssForm.save_path"

src/components/cards/SiteCard.vue

@@ -244,13 +244,7 @@ function getVolumeFactorClass(downloadVolume: number, uploadVolume: number) {
 async function getResourceList() {
   resourceLoading.value = true
   try {
-    resourceDataList.value = await api.get('search/title', {
-      params: {
-        keyword: resourceSearch.value,
-        page: resourceCurrentPage.value,
-        site: cardProps.site?.id,
-      },
-    })
+    resourceDataList.value = await api.get(`site/resource/${cardProps.site?.id}`)
     resourceLoading.value = false
   }
   catch (error) {
@@ -389,7 +383,7 @@ onMounted(() => {
   <!-- 更新站点Cookie & UA弹窗 -->
   <VDialog
     v-model="siteCookieDialog"
-    max-width="600"
+    max-width="50rem"
   >
     <!-- Dialog Content -->
     <VCard title="更新站点Cookie & UA">

src/components/cards/TorrentCard.vue

@@ -62,7 +62,7 @@ async function handleAddDownload(_site: any = undefined,
     confirmationText: '确认',
     cancellationText: '取消',
     dialogProps: {
-      maxWidth: 600,
+      maxWidth: '50rem',
     },
   })
 

src/components/filebrowser/List.vue

@@ -6,9 +6,10 @@ import axios from 'axios'
 import { useToast } from 'vue-toast-notification'
 import { numberValidator } from '@/@validators'
 import { formatBytes } from '@core/utils/formatters'
-import type { EndPoints, FileItem } from '@/api/types'
+import type { Context, EndPoints, FileItem } from '@/api/types'
 import store from '@/store'
 import api from '@/api'
+import MediaInfoCard from '@/components/cards/MediaInfoCard.vue'
 
 // 输入参数
 const inProps = defineProps({
@@ -18,6 +19,7 @@ const inProps = defineProps({
   endpoints: Object as PropType<EndPoints>,
   axios: Object as PropType<Axios>,
   refreshpending: Boolean,
+  sort: String,
 })
 
 // 对外事件
@@ -84,6 +86,12 @@ const transferForm = reactive({
 
 })
 
+// 识别结果
+const nameTestResult = ref<Context>()
+
+// 识别结果对话框
+const nameTestDialog = ref(false)
+
 // 生成1到50季的下拉框选项
 const seasonItems = ref(
   Array.from({ length: 51 }, (_, i) => i).map(item => ({
@@ -118,18 +126,18 @@ const isImage = computed(() => {
 async function load() {
   loading.value = true
   emit('loading', true)
-  if (isDir.value) {
-    const url = inProps.endpoints?.list.url
-      .replace(/{storage}/g, storage.value)
-      .replace(/{path}/g, encodeURIComponent(inProps.path || ''))
+  // 参数
+  const url = inProps.endpoints?.list.url
+    .replace(/{storage}/g, storage.value)
+    .replace(/{path}/g, encodeURIComponent(inProps.path || ''))
+    .replace(/{sort}/g, inProps.sort || 'name')
 
-    const config = {
-      url,
-      method: inProps.endpoints?.list.method || 'get',
-    }
-    // 加载数据
-    items.value = await axiosInstance.value.request(config) ?? []
+  const config = {
+    url,
+    method: inProps.endpoints?.list.method || 'get',
   }
+  // 加载数据
+  items.value = await axiosInstance.value.request(config) ?? []
   emit('loading', false)
   loading.value = false
 }
@@ -144,7 +152,7 @@ async function deleteItem(item: FileItem) {
     confirmationText: '确认',
     cancellationText: '取消',
     dialogProps: {
-      maxWidth: 600,
+      maxWidth: '50rem',
     },
   })
 
@@ -254,7 +262,7 @@ async function transfer() {
       stopLoadingProgress()
       // 显示结果
       if (res.success) {
-        $toast.success(`${currentItem.value?.name} 整理成功！`)
+        $toast.success(`${currentItem.value?.name} 整理完成！`)
         // 重新加载
         load()
       }
@@ -268,11 +276,18 @@ async function transfer() {
   }
 }
 
+// 将文件修改时间（timestape）转换为本地时间
+function formatTime(timestape: number) {
+  return new Date(timestape * 1000).toLocaleString()
+}
+
 // 监听path变化
 watch(
   () => inProps.path,
   async () => {
     items.value = []
+    nameTestResult.value = undefined
+    nameTestDialog.value = false
     await load()
   },
 )
@@ -311,11 +326,43 @@ function stopLoadingProgress() {
   progressEventSource.value?.close()
 }
 
+// 调用API识别
+async function recognize(path: string) {
+  try {
+    // 显示进度条
+    progressDialog.value = true
+    progressText.value = `正在识别 ${path} ...`
+    progressValue.value = 0
+    nameTestResult.value = await api.get('media/recognize_file', {
+      params: {
+        path,
+      },
+    })
+    // 关闭进度条
+    progressDialog.value = false
+    if (!nameTestResult.value)
+      $toast.error(`${path} 识别失败！`)
+    nameTestDialog.value = !!nameTestResult.value?.meta_info?.name
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
 // 弹出菜单
 const dropdownItems = ref([
   {
-    title: '重命名',
+    title: '识别',
     value: 1,
+    props: {
+      prependIcon: 'mdi-text-recognition',
+      click: (_item: FileItem) => {
+        recognize(_item.path || '')
+      },
+    },
+  }, {
+    title: '重命名',
+    value: 2,
     props: {
       prependIcon: 'mdi-rename',
       click: showRenmae,
@@ -323,7 +370,7 @@ const dropdownItems = ref([
   },
   {
     title: '整理',
-    value: 2,
+    value: 3,
     props: {
       prependIcon: 'mdi-folder-arrow-right',
       click: showTransfer,
@@ -331,7 +378,7 @@ const dropdownItems = ref([
   },
   {
     title: '删除',
-    value: 3,
+    value: 4,
     props: {
       prependIcon: 'mdi-delete-outline',
       color: 'error',
@@ -365,9 +412,11 @@ onMounted(() => {
     </VCardText>
     <VCardText
       v-else-if="isFile && !isImage"
-      class="grow d-flex justify-center align-center break-all"
+      class="text-center break-all"
     >
-      文件: {{ path }}<br>
+      <strong>{{ items[0]?.name }}</strong><br>
+      大小：{{ formatBytes(items[0]?.size || 0) }}<br>
+      修改时间：{{ formatTime(items[0]?.modify_time || 0) }}
     </VCardText>
     <VCardText
       v-else-if="isFile && isImage"
@@ -413,6 +462,9 @@ onMounted(() => {
                 </VList>
               </VMenu>
             </IconBtn>
+            <IconBtn class="d-none d-sm-block" @click.stop="recognize(item.path)">
+              <VIcon icon="mdi-text-recognition" />
+            </IconBtn>
             <IconBtn class="d-none d-sm-block" @click.stop="showRenmae(item)">
               <VIcon icon="mdi-rename" />
             </IconBtn>
@@ -466,6 +518,9 @@ onMounted(() => {
                 </VList>
               </VMenu>
             </IconBtn>
+            <IconBtn class="d-none d-sm-block" @click.stop="recognize(item.path)">
+              <VIcon icon="mdi-text-recognition" />
+            </IconBtn>
             <IconBtn class="d-none d-sm-block" @click.stop="showRenmae(item)">
               <VIcon icon="mdi-rename" />
             </IconBtn>
@@ -505,18 +560,27 @@ onMounted(() => {
         class="me-2"
       />
       <VSpacer v-if="isFile" />
-      <VBtn v-if="isFile" @click="download(inProps.path || '')">
-        <VIcon>mdi-download</VIcon>
-      </VBtn>
-      <VBtn v-if="!isFile" @click="load">
-        <VIcon>mdi-refresh</VIcon>
-      </VBtn>
+      <IconBtn v-if="isFile" @click="recognize(inProps.path || '')">
+        <VIcon color="primary">
+          mdi-text-recognition
+        </VIcon>
+      </IconBtn>
+      <IconBtn v-if="isFile" @click="download(inProps.path || '')">
+        <VIcon color="primary">
+          mdi-download
+        </VIcon>
+      </IconBtn>
+      <IconBtn v-if="!isFile" @click="load">
+        <VIcon color="primary">
+          mdi-refresh
+        </VIcon>
+      </IconBtn>
     </VToolbar>
   </VCard>
   <!-- 重命名弹窗 -->
   <VDialog
     v-model="renamePopper"
-    max-width="600"
+    max-width="50rem"
   >
     <template #activator="{ props }">
       <IconBtn title="重命名" v-bind="props">
@@ -682,6 +746,7 @@ onMounted(() => {
       <vCardText class="text-center">
         {{ progressText }}
         <vProgressLinear
+          v-if="progressValue"
           color="white"
           class="mb-0 mt-1"
           :model-value="progressValue"
@@ -689,6 +754,18 @@ onMounted(() => {
       </vCardText>
     </vCard>
   </vDialog>
+  <!-- 识别结果对话框 -->
+  <vDialog
+    v-model="nameTestDialog"
+    width="800"
+  >
+    <vCard>
+      <DialogCloseBtn @click="nameTestDialog = false" />
+      <VCardItem>
+        <MediaInfoCard :context="nameTestResult" />
+      </VCardItem>
+    </vCard>
+  </vDialog>
 </template>
 
 <style lang="scss" scoped>

src/components/filebrowser/Toolbar.vue

@@ -12,7 +12,7 @@ const inProps = defineProps({
 })
 
 // 对外事件
-const emit = defineEmits(['storagechanged', 'pathchanged', 'loading', 'foldercreated'])
+const emit = defineEmits(['storagechanged', 'pathchanged', 'loading', 'foldercreated', 'sortchanged'])
 
 // 新建文件夹名称
 const newFolderPopper = ref(false)
@@ -20,6 +20,19 @@ const newFolderPopper = ref(false)
 // 新建文件名称
 const newFolderName = ref('')
 
+// 排序方式
+const sort = ref('name')
+
+// 调整排序方式
+function changeSort() {
+  if (sort.value === 'name')
+    sort.value = 'time'
+  else
+    sort.value = 'name'
+
+  emit('sortchanged', sort.value)
+}
+
 // 计算PATH面包屑
 const pathSegments = computed(() => {
   let path_str = ''
@@ -81,6 +94,14 @@ async function mkdir() {
   // 通知重新加载
   emit('foldercreated')
 }
+
+// 计算排序图标
+const sortIcon = computed(() => {
+  if (sort.value === 'time')
+    return 'mdi-sort-clock-ascending-outline'
+  else
+    return 'mdi-sort-alphabetical-ascending'
+})
 </script>
 
 <template>
@@ -123,12 +144,15 @@ async function mkdir() {
       </template>
     </VToolbarItems>
     <div class="flex-grow-1" />
+    <IconBtn @click="changeSort">
+      <VIcon :icon="sortIcon" />
+    </IconBtn>
     <IconBtn v-if="pathSegments.length > 0" @click="goUp">
       <VIcon icon="mdi-arrow-up-bold-outline" />
     </IconBtn>
     <VDialog
       v-model="newFolderPopper"
-      max-width="600"
+      max-width="50rem"
     >
       <template #activator="{ props }">
         <IconBtn title="新建文件夹" v-bind="props">

src/layouts/components/DefaultLayoutWithVerticalNav.vue

@@ -9,6 +9,10 @@ import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
 import SearchBar from '@/layouts/components/SearchBar.vue'
 import ShortcutBar from '@/layouts/components/ShortcutBar.vue'
 import UserProfile from '@/layouts/components/UserProfile.vue'
+import store from '@/store'
+
+// 从Vuex Store中获取superuser信息
+const superUser = store.state.auth.superUser
 </script>
 
 <template>
@@ -87,6 +91,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
         }"
       />
       <VerticalNavLink
+        v-if="superUser"
         :item="{
           title: '电影',
           icon: 'mdi-movie-check-outline',
@@ -94,6 +99,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
         }"
       />
       <VerticalNavLink
+        v-if="superUser"
         :item="{
           title: '电视剧',
           icon: 'mdi-television-classic',
@@ -101,6 +107,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
         }"
       />
       <VerticalNavLink
+        v-if="superUser"
         :item="{
           title: '自定义',
           icon: 'mdi-rss',
@@ -128,6 +135,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
         }"
       />
       <VerticalNavLink
+        v-if="superUser"
         :item="{
           title: '历史记录',
           icon: 'mdi-history',
@@ -135,6 +143,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
         }"
       />
       <VerticalNavLink
+        v-if="superUser"
         :item="{
           title: '文件管理',
           icon: 'mdi-folder-multiple-outline',
@@ -144,11 +153,13 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
 
       <!-- 👉 系统 -->
       <VerticalNavSectionTitle
+        v-if="superUser"
         :item="{
           heading: '系统',
         }"
       />
       <VerticalNavLink
+        v-if="superUser"
         :item="{
           title: '插件',
           icon: 'mdi-apps',
@@ -156,6 +167,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
         }"
       />
       <VerticalNavLink
+        v-if="superUser"
         :item="{
           title: '站点管理',
           icon: 'mdi-web',
@@ -163,6 +175,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
         }"
       />
       <VerticalNavLink
+        v-if="superUser"
         :item="{
           title: '设定',
           icon: 'mdi-cog',

src/layouts/components/NavbarThemeSwitcher.vue

@@ -10,6 +10,10 @@ const themes: ThemeSwitcherTheme[] = [
     name: 'dark',
     icon: 'mdi-weather-night',
   },
+  {
+    name: 'purple',
+    icon: 'mdi-brightness-4',
+  },
 ]
 </script>
 

src/layouts/components/SearchBar.vue

@@ -31,7 +31,7 @@ function search() {
   >
     <VDialog
       v-model="searchDialog"
-      max-width="600"
+      max-width="50rem"
       transition="dialog-top-transition"
     >
       <!-- Dialog Activator -->

src/layouts/components/ShortcutBar.vue

@@ -1,6 +1,8 @@
 <script lang="ts" setup>
 import NameTestView from '@/views/system/NameTestView.vue'
 import NetTestView from '@/views/system/NetTestView.vue'
+import LoggingView from '@/views/system/LoggingView.vue'
+import RuleTestView from '@/views/system/RuleTestView.vue'
 
 // App捷径
 const appsMenu = ref(false)
@@ -10,6 +12,12 @@ const nameTestDialog = ref(false)
 
 // 网络测试弹窗
 const netTestDialog = ref(false)
+
+// 实时日志弹窗
+const loggingDialog = ref(false)
+
+// 过滤规则弹窗
+const ruleTestDialog = ref(false)
 </script>
 
 <template>
@@ -86,13 +94,57 @@ const netTestDialog = ref(false)
             </VListItem>
           </VCol>
         </VRow>
+        <VRow class="ma-0 mt-n1 border-t">
+          <VCol
+            cols="6"
+            class="text-center cursor-pointer pa-0 shortcut-icon border-e"
+            @click="() => {}"
+          >
+            <VListItem
+              class="pa-4"
+              @click="loggingDialog = true"
+            >
+              <VAvatar
+                size="48"
+                variant="tonal"
+              >
+                <VIcon icon="mdi-file-document-outline" />
+              </VAvatar>
+              <h6 class="text-base font-weight-medium mt-2 mb-0">
+                日志
+              </h6>
+              <span class="text-sm">系统实时日志</span>
+            </VListItem>
+          </VCol>
+          <VCol
+            cols="6"
+            class="text-center cursor-pointer pa-0 shortcut-icon border-e"
+            @click="() => {}"
+          >
+            <VListItem
+              class="pa-4"
+              @click="ruleTestDialog = true"
+            >
+              <VAvatar
+                size="48"
+                variant="tonal"
+              >
+                <VIcon icon="mdi-filter-cog-outline" />
+              </VAvatar>
+              <h6 class="text-base font-weight-medium mt-2 mb-0">
+                规则
+              </h6>
+              <span class="text-sm">过滤规则测试</span>
+            </VListItem>
+          </VCol>
+        </VRow>
       </div>
     </VCard>
   </VMenu>
   <!-- 名称测试弹窗 -->
   <VDialog
     v-model="nameTestDialog"
-    max-width="800"
+    max-width="50rem"
   >
     <VCard title="名称识别测试">
       <DialogCloseBtn @click="nameTestDialog = false" />
@@ -104,7 +156,7 @@ const netTestDialog = ref(false)
   <!-- 网络测试弹窗 -->
   <VDialog
     v-model="netTestDialog"
-    max-width="600"
+    max-width="35rem"
   >
     <VCard title="网络测试">
       <DialogCloseBtn @click="netTestDialog = false" />
@@ -113,4 +165,30 @@ const netTestDialog = ref(false)
       </VCardItem>
     </VCard>
   </VDialog>
+  <!-- 实时日志弹窗 -->
+  <VDialog
+    v-model="loggingDialog"
+    class="w-full lg:w-4/5"
+    scrollable
+  >
+    <VCard title="实时日志">
+      <DialogCloseBtn @click="loggingDialog = false" />
+      <VCardText>
+        <LoggingView />
+      </VCardText>
+    </VCard>
+  </VDialog>
+  <!-- 规则测试弹窗 -->
+  <VDialog
+    v-model="ruleTestDialog"
+    max-width="50rem"
+    scrollable
+  >
+    <VCard title="过滤规则测试">
+      <DialogCloseBtn @click="ruleTestDialog = false" />
+      <VCardText>
+        <RuleTestView />
+      </VCardText>
+    </VCard>
+  </VDialog>
 </template>

src/layouts/components/UserProfile.vue

@@ -1,10 +1,23 @@
 <script setup lang="ts">
 import { useStore } from 'vuex'
+import { useConfirm } from 'vuetify-use-dialog'
+import { useToast } from 'vue-toast-notification'
 import router from '@/router'
+import avatar1 from '@images/avatars/avatar-1.png'
+import api from '@/api'
 
 // Vuex Store
 const store = useStore()
 
+// 确认框
+const createConfirm = useConfirm()
+
+// 提示框
+const $toast = useToast()
+
+// 进度框
+const progressDialog = ref(false)
+
 // 执行注销操作
 function logout() {
   // 清除登录状态信息
@@ -14,8 +27,45 @@ function logout() {
   router.push('/login')
 }
 
-// 获取当前用户信息
-const accountInfo: any = inject('accountInfo')
+// 执行重启操作
+async function restart() {
+  // 弹出提示
+  const confirmed = await createConfirm({
+    title: '确认',
+    content: '确认重启系统吗？',
+    confirmationText: '确认',
+    cancellationText: '取消',
+    dialogProps: {
+      maxWidth: '30rem',
+    },
+  })
+
+  if (confirmed) {
+    // 调用API重启
+    try {
+      // 显示等待框
+      progressDialog.value = true
+      const result: { [key: string]: any } = await api.get('system/restart')
+      if (!result?.success) {
+        // 隐藏等待框
+        progressDialog.value = false
+        // 重启不成功
+        $toast.error(result.message)
+        return
+      }
+    }
+    catch (error) {
+      console.error(error)
+    }
+    // 注销
+    logout()
+  }
+}
+
+// 从Vuex Store中获取信息
+const superUser = store.state.auth.superUser
+const userName = store.state.auth.userName
+const avatar = store.state.auth.avatar
 </script>
 
 <template>
@@ -24,7 +74,7 @@ const accountInfo: any = inject('accountInfo')
     color="primary"
     variant="tonal"
   >
-    <VImg :src="accountInfo.avatar" />
+    <VImg :src="avatar ?? avatar1" />
 
     <!-- SECTION Menu -->
     <VMenu
@@ -42,20 +92,21 @@ const accountInfo: any = inject('accountInfo')
                 color="primary"
                 variant="tonal"
               >
-                <VImg :src="accountInfo.avatar" />
+                <VImg :src="avatar ?? avatar1" />
               </VAvatar>
             </VListItemAction>
           </template>
 
           <VListItemTitle class="font-weight-semibold">
-            {{ accountInfo.is_superuser ? "管理员" : "普通用户" }}
+            {{ superUser ? "管理员" : "普通用户" }}
           </VListItemTitle>
-          <VListItemSubtitle>{{ accountInfo.name }}</VListItemSubtitle>
+          <VListItemSubtitle>{{ userName }}</VListItemSubtitle>
         </VListItem>
         <VDivider class="my-2" />
 
         <!-- 👉 Profile -->
         <VListItem
+          v-if="superUser"
           link
           to="setting"
         >
@@ -89,6 +140,19 @@ const accountInfo: any = inject('accountInfo')
         <!-- Divider -->
         <VDivider class="my-2" />
 
+        <!-- 👉 restart -->
+        <VListItem @click="restart">
+          <template #prepend>
+            <VIcon
+              class="me-2"
+              icon="mdi-restart"
+              size="22"
+            />
+          </template>
+
+          <VListItemTitle>重启</VListItemTitle>
+        </VListItem>
+
         <!-- 👉 Logout -->
         <VListItem @click="logout">
           <template #prepend>
@@ -105,4 +169,22 @@ const accountInfo: any = inject('accountInfo')
     </VMenu>
     <!-- !SECTION -->
   </VAvatar>
+  <!-- 重启进度框 -->
+  <vDialog
+    v-model="progressDialog"
+    width="400"
+  >
+    <vCard
+      color="primary"
+    >
+      <vCardText class="text-center">
+        正在重启 ...
+        <vProgressLinear
+          indeterminate
+          color="white"
+          class="mb-0 mt-1"
+        />
+      </vCardText>
+    </vCard>
+  </vDialog>
 </template>

src/pages/dashboard.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import AnalyticsMediaStatistic from '@/views/dashboard/AnalyticsMediaStatistic.vue'
-import AnalyticsProcesses from '@/views/dashboard/AnalyticsProcesses.vue'
 import AnalyticsScheduler from '@/views/dashboard/AnalyticsScheduler.vue'
 import AnalyticsSpeed from '@/views/dashboard/AnalyticsSpeed.vue'
 import AnalyticsStorage from '@/views/dashboard/AnalyticsStorage.vue'
 import AnalyticsWeeklyOverview from '@/views/dashboard/AnalyticsWeeklyOverview.vue'
+import AnalyticsCpu from '@/views/dashboard/AnalyticsCpu.vue'
+import AnalyticsMemory from '@/views/dashboard/AnalyticsMemory.vue'
 </script>
 
 <template>
@@ -44,8 +45,18 @@ import AnalyticsWeeklyOverview from '@/views/dashboard/AnalyticsWeeklyOverview.v
       <AnalyticsScheduler />
     </VCol>
 
-    <VCol cols="12">
-      <AnalyticsProcesses />
+    <VCol
+      cols="12"
+      md="6"
+    >
+      <AnalyticsCpu />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="6"
+    >
+      <AnalyticsMemory />
     </VCol>
   </VRow>
 </template>

src/pages/login.vue

@@ -66,10 +66,16 @@ function login() {
     .then((response: any) => {
       // 获取token
       const token = response.access_token
+      const superuser = response.super_user
+      const username = response.user_name
+      const avatar = response.avatar
 
       // 更新token和remember状态到Vuex Store
       store.dispatch('auth/updateToken', token)
       store.dispatch('auth/updateRemember', form.value.remember)
+      store.dispatch('auth/updateSuperUser', superuser)
+      store.dispatch('auth/updateUserName', username)
+      store.dispatch('auth/updateAvatar', avatar)
 
       // 跳转到首页
       router.push('/')

src/pages/ranking.vue

@@ -10,6 +10,12 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue'
       title="流行趋势"
     />
 
+    <MediaCardSlideView
+      apipath="douban/showing"
+      linkurl="/browse/douban/showing?title=正在热映"
+      title="正在热映"
+    />
+
     <MediaCardSlideView
       apipath="tmdb/movies"
       linkurl="/browse/tmdb/movies?title=热门电影"

src/pages/setting.vue

@@ -5,7 +5,6 @@ import AccountSettingNotification from '@/views/setting/AccountSettingNotificati
 import AccountSettingRule from '@/views/setting/AccountSettingRule.vue'
 import AccountSettingSite from '@/views/setting/AccountSettingSite.vue'
 import AccountSettingWords from '@/views/setting/AccountSettingWords.vue'
-import AccountSettingLogging from '@/views/setting/AccountSettingLogging.vue'
 import AccountSettingAbout from '@/views/setting/AccountSettingAbout.vue'
 
 const route = useRoute()
@@ -39,11 +38,6 @@ const tabs = [
     icon: 'mdi-file-word-box',
     tab: 'words',
   },
-  {
-    title: '日志',
-    icon: 'mdi-text-box',
-    tab: 'logging',
-  },
   {
     title: '关于',
     icon: 'mdi-information',
@@ -96,12 +90,6 @@ const tabs = [
           <AccountSettingWords />
         </transition>
       </VWindowItem>
-      <!-- Logging -->
-      <VWindowItem value="logging">
-        <transition name="fade-slide" appear>
-          <AccountSettingLogging />
-        </transition>
-      </VWindowItem>
       <!-- About -->
       <VWindowItem value="about">
         <transition name="fade-slide" appear>

src/plugins/vuetify/theme.ts

@@ -55,6 +55,56 @@ const theme: VuetifyOptions['theme'] = {
       },
     },
     dark: {
+      dark: true,
+      colors: {
+        'primary': '#6E66ED',
+        'secondary': '#8A8D93',
+        'on-secondary': '#fff',
+        'success': '#56CA00',
+        'info': '#16B1FF',
+        'warning': '#FFB400',
+        'error': '#FF4C51',
+        'on-primary': '#FFFFFF',
+        'on-success': '#FFFFFF',
+        'on-warning': '#FFFFFF',
+        'background': '#111827',
+        'on-background': '#E7E3FC',
+        'surface': '#161D2C',
+        'on-surface': '#E7E3FC',
+        'grey-50': '#2A2E42',
+        'grey-100': '#474360',
+        'grey-200': '#4A5072',
+        'grey-300': '#5E6692',
+        'grey-400': '#7983BB',
+        'grey-500': '#8692D0',
+        'grey-600': '#AAB3DE',
+        'grey-700': '#B6BEE3',
+        'grey-800': '#CFD3EC',
+        'grey-900': '#E7E9F6',
+        'perfect-scrollbar-thumb': '#4A5072',
+        'skin-bordered-background': '#312d4b',
+        'skin-bordered-surface': '#312d4b',
+      },
+      variables: {
+        'code-color': '#d400ff',
+        'overlay-scrim-background': '#1F2937',
+        'overlay-scrim-opacity': 0.6,
+        'hover-opacity': 0.04,
+        'focus-opacity': 0.1,
+        'selected-opacity': 0.12,
+        'activated-opacity': 0.1,
+        'pressed-opacity': 0.14,
+        'dragged-opacity': 0.1,
+        'border-color': '#E7E3FC',
+        'table-header-background': '#1F2937',
+        'custom-background': '#373452',
+        // Shadows
+        'shadow-key-umbra-opacity': 'rgba(20, 18, 33, 0.08)',
+        'shadow-key-penumbra-opacity': 'rgba(20, 18, 33, 0.12)',
+        'shadow-key-ambient-opacity': 'rgba(20, 18, 33, 0.04)',
+      },
+    },
+    purple: {
       dark: true,
       colors: {
         'primary': '#9155FD',

src/store/auth.ts

@@ -4,6 +4,9 @@ import type { Module } from 'vuex'
 interface AuthState {
   token: string | null
   remember: boolean
+  superUser: boolean
+  userName: string
+  avatar: string
 }
 
 // 定义根状态类型
@@ -17,6 +20,9 @@ const authModule: Module<AuthState, RootState> = {
   state: {
     token: null,
     remember: false,
+    superUser: false,
+    userName: '',
+    avatar: '',
   },
   mutations: {
     setToken(state, token: string) {
@@ -28,6 +34,15 @@ const authModule: Module<AuthState, RootState> = {
     setRemember(state, remember: boolean) {
       state.remember = remember
     },
+    setSuperUser(state, superUser: boolean) {
+      state.superUser = superUser
+    },
+    setUserName(state, userName: string) {
+      state.userName = userName
+    },
+    setAvatar(state, avatar: string) {
+      state.avatar = avatar
+    },
   },
   actions: {
     updateToken({ commit }, token: string) {
@@ -39,10 +54,22 @@ const authModule: Module<AuthState, RootState> = {
     updateRemember({ commit }, remember: boolean) {
       commit('setRemember', remember)
     },
+    updateSuperUser({ commit }, superUser: boolean) {
+      commit('setSuperUser', superUser)
+    },
+    updateUserName({ commit }, userName: string) {
+      commit('setUserName', userName)
+    },
+    updateAvatar({ commit }, avatar: string) {
+      commit('setAvatar', avatar)
+    },
   },
   getters: {
     getToken: state => state.token,
     getRemember: state => state.remember,
+    getSuperUser: state => state.superUser,
+    getUserName: state => state.userName,
+    getAvatar: state => state.avatar,
   },
 }
 

src/styles/styles.scss

@@ -3,14 +3,13 @@
 @tailwind components;
 @tailwind utilities;
 
-
 #nprogress .bar {
-  background: #7D34FD !important;
+  background: rgb(var(--v-theme-primary)) !important;
   top: env(safe-area-inset-top) !important;
 }
 
 #nprogress .peg {
-  box-shadow: 0 0 10px #7D34FD, 0 0 5px #7D34FD !important;
+  box-shadow: 0 0 10px rgb(var(--v-theme-primary)), 0 0 5px rgb(var(--v-theme-primary)) !important;
   -webkit-transform: rotate(0deg) translate(0px, -1px);
   -ms-transform: rotate(0deg) translate(0px, -1px);
       transform: rotate(0deg) translate(0px, -1px);
@@ -112,3 +111,14 @@
     background: #a1a1a1;
   }
 }
+
+.v-alert--variant-elevated, .v-alert--variant-flat {
+  background: rgb(var(--v-table-header-background));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+
+.backdrop-blur {
+  --tw-backdrop-blur: blur(8px)!important;
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;
+}

src/views/dashboard/AnalyticsCpu.vue

@@ -0,0 +1,134 @@
+<script setup lang="ts">
+import VueApexCharts from 'vue3-apexcharts'
+import { useTheme } from 'vuetify'
+import { hexToRgb } from '@layouts/utils'
+import api from '@/api'
+
+const vuetifyTheme = useTheme()
+
+const currentTheme = controlledComputed(() => vuetifyTheme.name.value, () => vuetifyTheme.current.value.colors)
+const variableTheme = controlledComputed(() => vuetifyTheme.name.value, () => vuetifyTheme.current.value.variables)
+
+// 定时器
+let refreshTimer: NodeJS.Timer | null = null
+
+// 时间序列
+const series = ref([
+  {
+    data: [0],
+  },
+])
+
+// 当前值
+const current = ref(0)
+
+const chartOptions = controlledComputed(() => vuetifyTheme.name.value, () => {
+  return {
+    chart: {
+      parentHeightOffset: 0,
+      toolbar: { show: false },
+      animations: { enabled: false },
+    },
+    tooltip: { enabled: false },
+    grid: {
+      borderColor: `rgba(${hexToRgb(String(variableTheme.value['border-color']))},${variableTheme.value['border-opacity']})`,
+      strokeDashArray: 6,
+      xaxis: {
+        lines: { show: false },
+      },
+      yaxis: {
+        lines: { show: true },
+      },
+      padding: {
+        top: -10,
+        left: -7,
+        right: 5,
+        bottom: 5,
+      },
+    },
+    stroke: {
+      width: 3,
+      lineCap: 'butt',
+      curve: 'smooth',
+    },
+    colors: [currentTheme.value.primary],
+    markers: {
+      size: 6,
+      offsetY: 4,
+      offsetX: -2,
+      strokeWidth: 3,
+      colors: ['transparent'],
+      strokeColors: 'transparent',
+      discrete: [
+        {
+          size: 5.5,
+          seriesIndex: 0,
+          strokeColor: currentTheme.value.primary,
+          fillColor: currentTheme.value.surface,
+        },
+      ],
+      hover: { size: 7 },
+    },
+    xaxis: {
+      labels: { show: false },
+      axisTicks: { show: false },
+      axisBorder: { show: false },
+    },
+    yaxis: {
+      labels: { show: false },
+      max: 100,
+    },
+  }
+})
+
+// 调用API接口获取最新CPU使用率
+async function getCpuUsage() {
+  try {
+    // 请求数据
+    current.value = await api.get('dashboard/cpu') ?? 0
+    // 添加到序列
+    series.value[0].data.push(current.value)
+    // 序列超过30条记录时，清掉前面的
+    if (series.value[0].data.length > 30)
+      series.value[0].data.shift()
+  }
+  catch (e) {
+    console.log(e)
+  }
+}
+
+onMounted(() => {
+  getCpuUsage()// 启动定时器
+  refreshTimer = setInterval(() => {
+    getCpuUsage()
+  }, 2000)
+})
+
+// 组件卸载时停止定时器
+onUnmounted(() => {
+  if (refreshTimer) {
+    clearInterval(refreshTimer)
+    refreshTimer = null
+  }
+})
+</script>
+
+<template>
+  <VCard>
+    <VCardText>
+      <h6 class="text-h6">
+        CPU
+      </h6>
+      <VueApexCharts
+        type="line"
+        :options="chartOptions"
+        :series="series"
+        :height="150"
+      />
+
+      <p class="text-center font-weight-medium mb-0">
+        当前：{{ current }}%
+      </p>
+    </VCardText>
+  </VCard>
+</template>

src/views/dashboard/AnalyticsMemory.vue

@@ -0,0 +1,140 @@
+<script setup lang="ts">
+import VueApexCharts from 'vue3-apexcharts'
+import { useTheme } from 'vuetify'
+import { hexToRgb } from '@layouts/utils'
+import api from '@/api'
+import { formatBytes } from '@/@core/utils/formatters'
+
+const vuetifyTheme = useTheme()
+
+const currentTheme = controlledComputed(() => vuetifyTheme.name.value, () => vuetifyTheme.current.value.colors)
+const variableTheme = controlledComputed(() => vuetifyTheme.name.value, () => vuetifyTheme.current.value.variables)
+
+// 定时器
+let refreshTimer: NodeJS.Timer | null = null
+
+// 时间序列
+const series = ref([
+  {
+    data: [0],
+  },
+])
+
+// 占用的内存
+const usedMemory = ref(0)
+// 内存使用百分比
+const memoryUsage = ref(0)
+
+const chartOptions = controlledComputed(() => vuetifyTheme.name.value, () => {
+  return {
+    chart: {
+      parentHeightOffset: 0,
+      toolbar: { show: false },
+      animations: { enabled: false },
+    },
+    tooltip: { enabled: false },
+    grid: {
+      borderColor: `rgba(${hexToRgb(String(variableTheme.value['border-color']))},${variableTheme.value['border-opacity']})`,
+      strokeDashArray: 6,
+      xaxis: {
+        lines: { show: false },
+      },
+      yaxis: {
+        lines: { show: true },
+      },
+      padding: {
+        top: -10,
+        left: -7,
+        right: 5,
+        bottom: 5,
+      },
+    },
+    stroke: {
+      width: 3,
+      lineCap: 'butt',
+      curve: 'smooth',
+    },
+    colors: [currentTheme.value.primary],
+    markers: {
+      size: 6,
+      offsetY: 4,
+      offsetX: -2,
+      strokeWidth: 3,
+      colors: ['transparent'],
+      strokeColors: 'transparent',
+      discrete: [
+        {
+          size: 5.5,
+          seriesIndex: 0,
+          strokeColor: currentTheme.value.primary,
+          fillColor: currentTheme.value.surface,
+        },
+      ],
+      hover: { size: 7 },
+    },
+    dataLabels: {
+      enabled: false,
+    },
+    xaxis: {
+      labels: { show: false },
+      axisTicks: { show: false },
+      axisBorder: { show: false },
+    },
+    yaxis: {
+      labels: { show: false },
+      max: 100,
+    },
+  }
+})
+
+// 调用API接口获取最新内存使用量
+async function getMemorgUsage() {
+  try {
+    // 请求数据
+    [usedMemory.value, memoryUsage.value] = await api.get('dashboard/memory')
+    series.value[0].data.push(memoryUsage.value)
+    // 序列超过30条记录时，清掉前面的
+    if (series.value[0].data.length > 30)
+      series.value[0].data.shift()
+  }
+  catch (e) {
+    console.log(e)
+  }
+}
+
+onMounted(() => {
+  getMemorgUsage()
+  // 启动定时器
+  refreshTimer = setInterval(() => {
+    getMemorgUsage()
+  }, 3000)
+})
+
+// 组件卸载时停止定时器
+onUnmounted(() => {
+  if (refreshTimer) {
+    clearInterval(refreshTimer)
+    refreshTimer = null
+  }
+})
+</script>
+
+<template>
+  <VCard>
+    <VCardText>
+      <h6 class="text-h6">
+        内存
+      </h6>
+      <VueApexCharts
+        type="area"
+        :options="chartOptions"
+        :series="series"
+        :height="150"
+      />
+
+      <p class="text-center font-weight-medium mb-0">
+        当前：{{ formatBytes(usedMemory) }}
+      </p>
+    </VCardText>
+  </VCard>
+</template>

src/views/discover/MediaDetailView.vue

@@ -430,9 +430,13 @@ onBeforeMount(() => {
               <div class="relative z-20 flex items-center false"><span>已入库</span></div>
             </span>
           </div>
-          <h1 class="flex flex-row items-baseline justify-start lg:justify-center">
-            <span>{{ mediaDetail.title }}</span>
-            <span v-if="mediaDetail.year" class="text-lg">（{{ mediaDetail.year }}）</span>
+          <h1 class="d-flex flex-column flex-lg-row align-baseline justify-center justify-lg-start">
+            <div class="align-self-center align-self-lg-end">
+              {{ mediaDetail.title }}
+            </div>
+            <div v-if="mediaDetail.year" class="text-lg align-self-center align-self-lg-end">
+              （{{ mediaDetail.year }}）
+            </div>
           </h1>
           <span class="media-attributes">
             <span v-if="mediaDetail.runtime || mediaDetail.episode_run_time[0]">{{ mediaDetail.runtime || mediaDetail.episode_run_time[0] }} 分钟</span>

src/views/discover/TorrentCardListView.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
+import _ from 'lodash'
 import api from '@/api'
 import type { Context } from '@/api/types'
 import TorrentCard from '@/components/cards/TorrentCard.vue'
@@ -111,7 +112,7 @@ watchEffect(() => {
         )
       })
       if (matchData.length > 0) {
-        const firstData = matchData[0] as SearchTorrent
+        const firstData = _.cloneDeepWith(matchData[0]) as SearchTorrent
         if (matchData.length > 1)
           firstData.more = matchData.slice(1)
 
@@ -134,9 +135,8 @@ async function fetchData(): Promise<Array<Context>> {
     }
     else {
       startLoadingProgress()
-      const qualify = props.keyword?.startsWith('tmdb:') ?? props.keyword?.startsWith('douban:')
       // 优先按TMDBID精确查询
-      if (qualify) {
+      if (props.keyword?.startsWith('tmdb:') || props.keyword?.startsWith('douban:')) {
         searchData = await api.get(`search/media/${props.keyword}`, {
           params: {
             mtype,
@@ -313,7 +313,7 @@ onMounted(initData)
     <span>{{ progressText }}</span>
   </div>
   <div v-if="dataList.length > 0" class="grid gap-3 grid-torrent-card items-start">
-    <TorrentCard v-for="data in dataList" :key="`${data.torrent_info.title}_${data.torrent_info.site}`" :torrent="data" :more="data.more" />
+    <TorrentCard v-for="data in dataList" :key="`${data.torrent_info.title}_${data.torrent_info.site_name}_${data.torrent_info.page_url}`" :torrent="data" :more="data.more" />
   </div>
   <NoDataFound
     v-if="dataList.length === 0 && isRefreshed"

src/views/reorganize/FileBrowserView.vue

@@ -3,7 +3,7 @@ import api from '@/api'
 import FileBrowser from '@/components/FileBrowser.vue'
 
 const endpoints = {
-  list: { url: '/filebrowser/list?path={path}', method: 'get' },
+  list: { url: '/filebrowser/list?path={path}&sort={sort}', method: 'get' },
   mkdir: { url: '/filebrowser/mkdir?path={path}', method: 'get' },
   delete: { url: '/filebrowser/delete?path={path}', method: 'get' },
   download: { url: '/filebrowser/download?path={path}', method: 'get' },

src/views/reorganize/TransferHistoryView.vue

@@ -30,6 +30,9 @@ const redoTypeItems = ref([
 // 当前操作记录
 const currentHistory = ref<TransferHistory>()
 
+// 已选中的数据
+const selected = ref<TransferHistory[]>([])
+
 // 表头
 const headers = [
   { title: '标题', key: 'title', sortable: false },
@@ -59,6 +62,15 @@ const itemsPerPage = ref(25)
 // 当前页码
 const currentPage = ref(1)
 
+// 进度条
+const progressDialog = ref(false)
+
+// 进度文本
+const progressText = ref('请稍候 ...')
+
+// 进度值
+const progressValue = ref(0)
+
 // 获取订阅列表数据
 async function fetchData({
   page,
@@ -113,21 +125,30 @@ const TransferDict: { [key: string]: string } = {
 
 // 删除历史记录
 async function removeHistory(item: TransferHistory) {
+  const isConfirmed = await createConfirm({
+    title: '确认',
+    content: `同步删除 ${item.title} 对应的媒体库文件 ?`,
+    confirmationText: '同步删除文件',
+    cancellationText: '仅删除历史记录',
+    dialogProps: {
+      maxWidth: '50rem',
+    },
+    confirmationButtonProps: {
+      color: 'error',
+    },
+  })
+  if (isConfirmed === undefined)
+    return
+
+  // 执行删除
+  remove(item, isConfirmed || false)
+  // 清空选中项
+  selected.value = []
+}
+
+// 调用API删除记录
+async function remove(item: TransferHistory, deleteFile: boolean) {
   try {
-    const isConfirmed = await createConfirm({
-      title: '确认',
-      content: `同步删除 ${item.title} 对应的媒体库文件 ?`,
-      confirmationText: '同步删除文件',
-      cancellationText: '仅删除历史记录',
-      dialogProps: {
-        maxWidth: 600,
-      },
-    })
-
-    let deleteFile = false
-    if (isConfirmed)
-      deleteFile = true
-
     // 调用删除API
     const result: { [key: string]: any } = await api.delete(`history/transfer?delete_file=${deleteFile}`, {
       data: item,
@@ -148,6 +169,54 @@ async function removeHistory(item: TransferHistory) {
   }
 }
 
+// 批量删除历史记录
+async function removeHistoryBatch() {
+  if (selected.value.length === 0)
+    return
+  // 确认
+  const isConfirmed = await createConfirm({
+    title: '确认',
+    content: `同步删除 ${selected.value.length} 条记录对应的媒体库文件 ?`,
+    confirmationText: '同步删除文件',
+    cancellationText: '仅删除历史记录',
+    dialogProps: {
+      maxWidth: '50rem',
+    },
+    confirmationButtonProps: {
+      color: 'error',
+    },
+  })
+  if (isConfirmed === undefined)
+    return
+
+  console.log(selected.value)
+
+  // 总条数
+  const total = selected.value.length
+  // 已处理条数
+  let handled = 0
+  // 显示进度条
+  progressDialog.value = true
+  // 循环调用removeHistory
+  for (const item of selected.value) {
+    // 开始删除
+    progressText.value = `正在删除 ${item.title} ${item.seasons}${item.episodes} ...`
+    await remove(item, isConfirmed || false)
+    // 删除完成
+    handled++
+    progressValue.value = handled / total * 100
+  }
+  // 清空选中项
+  selected.value = []
+  // 隐藏进度条
+  progressDialog.value = false
+  // 重新获取数据
+  fetchData({
+    page: currentPage.value,
+    itemsPerPage: itemsPerPage.value,
+  })
+}
+
 // 重新整理
 async function rehandleHistory() {
   try {
@@ -238,6 +307,7 @@ const dropdownItems = ref([
       </VCardTitle>
     </VCardItem>
     <VDataTableServer
+      v-model="selected"
       v-model:items-per-page="itemsPerPage"
       :headers="headers"
       :items="dataList"
@@ -248,6 +318,7 @@ const dropdownItems = ref([
       item-value="id"
       return-object
       fixed-header
+      show-select
       items-per-page-text="每页条数"
       page-text="{0}-{1} 共 {2} 条"
       @update:options="fetchData"
@@ -322,7 +393,7 @@ const dropdownItems = ref([
   </VCard>
   <VDialog
     v-model="redoDialog"
-    max-width="600"
+    max-width="50rem"
   >
     <!-- Dialog Content -->
     <VCard title="重新整理">
@@ -357,6 +428,33 @@ const dropdownItems = ref([
       </VCardActions>
     </VCard>
   </VDialog>
+  <span v-if="selected.length > 0" class="fixed right-5 bottom-5">
+    <VBtn
+      icon="mdi-trash-can-outline"
+      color="error"
+      size="x-large"
+      @click="removeHistoryBatch"
+    />
+  </span>
+  <!-- 进度框 -->
+  <vDialog
+    v-model="progressDialog"
+    :scrim="false"
+    width="400"
+  >
+    <vCard
+      color="primary"
+    >
+      <vCardText class="text-center">
+        {{ progressText }}
+        <vProgressLinear
+          color="white"
+          class="mb-0 mt-1"
+          :model-value="progressValue"
+        />
+      </vCardText>
+    </vCard>
+  </vDialog>
 </template>
 
 <style lang="scss">

src/views/setting/AccountSettingAccount.vue

@@ -365,7 +365,7 @@ onMounted(() => {
               </td>
               <td>{{ user.is_superuser ? "是" : "否" }}</td>
               <td>
-                <IconBtn v-show="!user.is_superuser">
+                <IconBtn v-show="accountInfo.is_superuser && accountInfo.name != user.name">
                   <VIcon icon="mdi-dots-vertical" />
                   <VMenu
                     activator="parent"

src/views/setting/AccountSettingLogging.vue

@@ -1,55 +0,0 @@
-<script lang="ts" setup>
-import store from '@/store'
-
-// 日志列表
-const logs = ref<string[]>([])
-
-// SSE持续获取日志
-function startSSELogging() {
-  const token = store.state.auth.token
-  if (token) {
-    const eventSource = new EventSource(
-      `${import.meta.env.VITE_API_BASE_URL}system/logging?token=${token}`,
-    )
-
-    eventSource.addEventListener('message', (event) => {
-      const message = event.data
-      if (message)
-        logs.value.push(message)
-    })
-
-    onBeforeUnmount(() => {
-      eventSource.close()
-    })
-  }
-}
-
-onMounted(() => {
-  startSSELogging()
-})
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VCard title="实时日志">
-        <VCardText>
-          <div
-            v-if="logs.length === 0"
-            class="mt-5 w-full text-center text-gray-500 text-sm flex flex-col items-center"
-          >
-            <VProgressCircular
-              size="48"
-              indeterminate
-              color="primary"
-            />
-            <span class="mt-3">正在刷新 ...</span>
-          </div>
-          <div v-for="(log, i) in logs" :key="i">
-            {{ log }}
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>

src/views/setting/AccountSettingRule.vue

@@ -5,15 +5,10 @@ import FilterRuleCard from '@/components/cards/FilterRuleCard.vue'
 
 // 规则卡片类型
 interface FilterCard {
-
   // 优先级
   pri: string
-
   // 已选规则
   rules: string[]
-
-  // 是否可见
-  visible: boolean
 }
 
 // 提示框
@@ -48,7 +43,6 @@ async function queryCustomFilters(ruleType: string) {
         return {
           pri: (index + 1).toString(),
           rules: group.split('&'),
-          visible: true,
         }
       })
     }
@@ -138,23 +132,18 @@ function updateFilterCardValue2(pri: string, rules: string[]) {
 
 // 移除卡片
 function filterCardClose(ruleType: string, pri: string) {
-  // 将卡片从列表中删除，并更新剩余卡片的序号
-  const cards = ruleType === 'FilterRules' ? filterCards : filterCards2
-  const index = cards.value.findIndex(card => card.pri === pri)
-  if (index !== -1) {
-    // 创建新的数组，然后使用 splice 方法来删除元素
-    const updatedCards = [...cards.value]
-
-    updatedCards.splice(index, 1)
-
-    // 更新剩余卡片的序号
-    updatedCards.forEach((card, i) => {
-      card.pri = (i + 1).toString()
+  // 将pri对应的卡片从列表中删除，并更新剩余卡片的序号
+  const updatedCards = (ruleType === 'FilterRules' ? filterCards.value : filterCards2.value)
+    .filter(card => card.pri !== pri)
+    .map((card, index) => {
+      card.pri = (index + 1).toString()
+      return card
     })
-
-    // 更新 filterCards.value
-    cards.value = updatedCards
-  }
+  // 更新 filterCards.value
+  if (ruleType === 'FilterRules')
+    filterCards.value = updatedCards
+  else
+    filterCards2.value = updatedCards
 }
 
 // 增加卡片
@@ -164,7 +153,7 @@ function addFilterCard(ruleType: string) {
   const pri = (cards.value.length + 1).toString()
 
   // 新卡片
-  const newCard: FilterCard = { pri, rules: [], visible: true }
+  const newCard: FilterCard = { pri, rules: [] }
 
   // 添加到列表
   cards.value.push(newCard)
@@ -189,7 +178,6 @@ onMounted(() => {
               :key="index"
               :pri="card.pri"
               :rules="card.rules"
-              :visible="card.visible"
               @changed="updateFilterCardValue"
               @close="filterCardClose('FilterRules', card.pri)"
             />
@@ -224,7 +212,6 @@ onMounted(() => {
               :key="index"
               :pri="card.pri"
               :rules="card.rules"
-              :visible="card.visible"
               @changed="updateFilterCardValue2"
               @close="filterCardClose('FilterRules2', card.pri)"
             />

src/views/setting/AccountSettingWords.vue

@@ -11,6 +11,9 @@ const customIdentifiers = ref('')
 // 自定义制作组
 const customReleaseGroups = ref('')
 
+// 文件整理屏蔽词
+const transferExcludeWords = ref('')
+
 // 查询已设置的识别词
 async function queryCustomIdentifiers() {
   try {
@@ -39,6 +42,20 @@ async function queryCustomReleaseGroups() {
   }
 }
 
+// 查询已设置的屏蔽词
+async function queryTransferExcludeWords() {
+  try {
+    const result: { [key: string]: any } = await api.get(
+      'system/setting/TransferExcludeWords',
+    )
+
+    transferExcludeWords.value = result.data?.value.join('\n')
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+
 // 保存用户设置的识别词
 async function saveCustomIdentifiers() {
   try {
@@ -77,9 +94,29 @@ async function saveCustomReleaseGroups() {
   }
 }
 
+// 保存文件整理屏蔽词
+async function saveTransferExcludeWords() {
+  try {
+    // 用户名密码
+    const result: { [key: string]: any } = await api.post(
+      'system/setting/TransferExcludeWords',
+      transferExcludeWords.value.split('\n'),
+    )
+
+    if (result.success)
+      $toast.success('文件整理屏蔽词保存成功')
+    else
+      $toast.error('文件整理屏蔽词保存失败！')
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+
 onMounted(() => {
   queryCustomIdentifiers()
   queryCustomReleaseGroups()
+  queryTransferExcludeWords()
 })
 </script>
 
@@ -128,5 +165,25 @@ onMounted(() => {
         </VCardItem>
       </VCard>
     </VCol>
+    <VCol cols="12">
+      <VCard title="文件整理屏蔽词">
+        <VCardSubtitle> 目录名或文件名中包含屏蔽词时不进行整理 </VCardSubtitle>
+        <VCardItem>
+          <VTextarea
+            v-model="transferExcludeWords"
+            auto-grow
+            placeholder="支持正则表达式，特殊字符需要\转义，一行代表一个屏蔽词"
+          />
+        </VCardItem>
+        <VCardItem>
+          <VBtn
+            type="submit"
+            @click="saveTransferExcludeWords"
+          >
+            保存
+          </VBtn>
+        </VCardItem>
+      </VCard>
+    </VCol>
   </VRow>
 </template>

src/views/subscribe/FullCalendarView.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { CalendarOptions } from '@fullcalendar/core'
+import type { CalendarOptions, EventSourceInput } from '@fullcalendar/core'
 import dayGridPlugin from '@fullcalendar/daygrid'
 import interactionPlugin from '@fullcalendar/interaction'
 import timeGridPlugin from '@fullcalendar/timegrid'
@@ -89,7 +89,7 @@ async function getSubscribes() {
     // 合并事件
     const events = [...subEvents, ...rssEvents]
 
-    calendarOptions.value.events = events.flat()
+    calendarOptions.value.events = events.flat().filter(event => event.start) as EventSourceInput
   }
   catch (error) {
     console.error(error)

src/views/subscribe/RssListView.vue

@@ -176,6 +176,7 @@ function onRefresh() {
 
     <!-- Dialog Content -->
     <VCard title="新增自定义订阅">
+      <DialogCloseBtn @click="rssAddDialog = false" />
       <VCardText class="pt-2">
         <VForm @submit.prevent="() => {}">
           <VRow>
@@ -232,6 +233,7 @@ function onRefresh() {
             </VCol>
             <VCol
               cols="12"
+              md="6"
             >
               <VTextField
                 v-model="rssForm.include"
@@ -241,6 +243,7 @@ function onRefresh() {
             </VCol>
             <VCol
               cols="12"
+              md="6"
             >
               <VTextField
                 v-model="rssForm.exclude"
@@ -250,6 +253,7 @@ function onRefresh() {
             </VCol>
             <VCol
               cols="12"
+              md="6"
             >
               <VTextField
                 v-model="rssForm.save_path"

src/views/system/LoggingView.vue

@@ -0,0 +1,121 @@
+<script lang="ts" setup>
+import store from '@/store'
+
+// 日志列表
+const logs = ref<string[]>([])
+
+// SSE持续获取日志
+function startSSELogging() {
+  const token = store.state.auth.token
+  if (token) {
+    const eventSource = new EventSource(
+      `${import.meta.env.VITE_API_BASE_URL}system/logging?token=${token}`,
+    )
+
+    eventSource.addEventListener('message', (event) => {
+      const message = event.data
+      if (message)
+        logs.value.push(message)
+    })
+
+    onBeforeUnmount(() => {
+      eventSource.close()
+    })
+  }
+}
+
+// 从日志中提取日志详情
+function extractLogDetailsFromLogs(logs: string[]): { level: string; time: string; program: string; content: string }[] {
+  const logDetails: { level: string; time: string; program: string; content: string }[] = []
+
+  const logPattern = /^【(.*?)】[0-9\-:]*\s(.*?)\s-\s(.*?)\s-\s(.*)$/
+
+  for (const log of logs) {
+    const matches = RegExp(logPattern).exec(log)
+    if (matches && matches.length === 5) {
+      const [_, level, time, program, content] = matches
+      logDetails.push({ level, time, program, content })
+    }
+  }
+
+  return logDetails
+}
+
+// 计算日志颜色
+function getLogColor(level: string): string {
+  switch (level) {
+    case 'DEBUG':
+      return 'primary'
+    case 'INFO':
+      return 'secondary'
+    case 'WARNING':
+      return 'warning'
+    case 'ERROR':
+      return 'error'
+    default:
+      return 'secondary'
+  }
+}
+
+// 拆分日志数据计算属性
+const extractLogDetails = computed(() => {
+  return extractLogDetailsFromLogs(logs.value)
+})
+
+onMounted(() => {
+  startSSELogging()
+})
+</script>
+
+<template>
+  <div
+    v-if="logs.length === 0"
+    class="mt-5 w-full text-center flex flex-col items-center"
+  >
+    <VProgressCircular
+      size="48"
+      indeterminate
+      color="primary"
+    />
+    <span class="mt-3">正在刷新 ...</span>
+  </div>
+  <div>
+    <VTable
+      class="table-rounded"
+      hide-default-footer
+      disable-sort
+    >
+      <tbody>
+        <tr v-for="(log, i) in extractLogDetails" :key="i" class="text-sm">
+          <td
+            class="text-sm"
+          >
+            <VChip
+              size="small"
+              :color="getLogColor(log.level)"
+              variant="elevated"
+              v-text="log.level"
+            />
+          </td>
+          <!-- name -->
+          <td
+            class="text-sm"
+          >
+            {{ log.time }}
+          </td>
+          <td
+            class="text-sm"
+          >
+            <h6 class="text-sm font-weight-medium">
+              {{ log.program }}
+            </h6>
+          </td>
+          <td
+            class="text-sm"
+            v-text="log.content"
+          />
+        </tr>
+      </tbody>
+    </VTable>
+  </div>
+</template>

src/views/system/NameTestView.vue

@@ -3,6 +3,7 @@ import { reactive, ref } from 'vue'
 import { requiredValidator } from '@/@validators'
 import api from '@/api'
 import type { Context } from '@/api/types'
+import MediaInfoCard from '@/components/cards/MediaInfoCard.vue'
 
 // 识别结果
 const nameTestResult = ref<Context>()
@@ -45,22 +46,6 @@ async function nameTest() {
     console.error(error)
   }
 }
-
-// 打开TMDB详情页面
-function openTmdbPage(type: string, tmdbId: number) {
-  if (!type || !tmdbId)
-    return
-
-  const url = `https://www.themoviedb.org/${type === '电影' ? 'movie' : 'tv'}/${tmdbId}`
-  window.open(url, '_blank')
-}
-
-// TMDB图片转换为w500大小
-function getW500Image(url = '') {
-  if (!url)
-    return ''
-  return url.replace('original', 'w500')
-}
 </script>
 
 <template>
@@ -101,123 +86,7 @@ function getW500Image(url = '') {
   </VForm>
   <VExpandTransition>
     <div v-show="showResult">
-      <VCol>
-        <div
-          v-if="nameTestResult?.meta_info?.name"
-          class="d-flex justify-space-between flex-wrap flex-md-nowrap flex-column flex-md-row"
-        >
-          <div
-            v-if="nameTestResult?.media_info?.poster_path"
-            class="ma-auto"
-          >
-            <VImg
-              width="10rem"
-              aspect-ratio="2/3"
-              class="object-cover aspect-w-2 aspect-h-3 rounded-lg ring-1 ring-gray-500"
-              :src="getW500Image(nameTestResult?.media_info?.poster_path)"
-              cover
-            >
-              <template #placeholder>
-                <div class="w-full h-full">
-                  <VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
-                </div>
-              </template>
-            </VImg>
-          </div>
-
-          <div>
-            <VCardItem class="pb-1">
-              <VCardTitle>
-                {{ nameTestResult?.media_info?.title || nameTestResult?.meta_info?.name }}
-                {{ nameTestResult?.meta_info?.season_episode }}
-              </VCardTitle>
-              <VCardSubtitle>
-                {{ nameTestResult?.media_info?.year || nameTestResult?.meta_info?.year }}
-              </VCardSubtitle>
-            </VCardItem>
-
-            <VCardText
-              v-if="nameTestResult?.media_info?.overview"
-              class="line-clamp-4 overflow-hidden text-ellipsis ..."
-            >
-              {{ nameTestResult?.media_info?.overview }}
-            </VCardText>
-
-            <VCardItem>
-              <!-- 类型 -->
-              <VChip
-                v-if="nameTestResult?.media_info?.type || nameTestResult?.meta_info?.type"
-                variant="elevated"
-                class="me-1 mb-1 text-white bg-blue-500"
-              >
-                {{
-                  nameTestResult?.media_info?.type || nameTestResult?.meta_info?.type
-                }}
-              </VChip>
-              <!-- 二级分类 -->
-              <VChip
-                v-if="nameTestResult?.media_info?.category"
-                variant="elevated"
-                class="me-1 mb-1 text-white bg-blue-500"
-              >
-                {{ nameTestResult?.media_info?.category }}
-              </VChip>
-              <!-- TMDBID -->
-              <VChip
-                v-if="nameTestResult?.media_info?.tmdb_id"
-                variant="elevated"
-                color="success"
-                class="me-1 mb-1"
-                @click="openTmdbPage(nameTestResult?.media_info?.type || '', nameTestResult?.media_info?.tmdb_id)"
-              >
-                {{ nameTestResult?.media_info?.tmdb_id }}
-              </VChip>
-              <!-- meta_info -->
-              <VChip
-                v-if="nameTestResult?.meta_info?.edition"
-                variant="elevated"
-                class="me-1 mb-1 text-white bg-red-500"
-              >
-                {{ nameTestResult?.meta_info?.edition }}
-              </VChip>
-              <VChip
-                v-if="nameTestResult?.meta_info?.resource_pix"
-                variant="elevated"
-                class="me-1 mb-1 text-white bg-red-500"
-              >
-                {{ nameTestResult?.meta_info?.resource_pix }}
-              </VChip>
-              <VChip
-                v-if="nameTestResult?.meta_info?.video_encode"
-                variant="elevated"
-                class="me-1 mb-1 text-white bg-orange-500"
-              >
-                {{ nameTestResult?.meta_info?.video_encode }}
-              </VChip>
-              <VChip
-                v-if="nameTestResult?.meta_info?.audio_encode"
-                variant="elevated"
-                class="me-1 mb-1 text-white bg-orange-500"
-              >
-                {{ nameTestResult?.meta_info?.audio_encode }}
-              </VChip>
-              <VChip
-                v-if="nameTestResult?.meta_info?.resource_team"
-                variant="elevated"
-                class="me-1 mb-1 text-white bg-cyan-500"
-              >
-                {{ nameTestResult?.meta_info?.resource_team }}
-              </VChip>
-            </VCardItem>
-          </div>
-        </div>
-        <VAlert
-          v-if="!nameTestResult?.meta_info?.name"
-          icon="mdi-alert-circle-outline"
-        >
-          识别失败，无法识别到有效信息！
-        </VAlert>
-      </VCol>
+      <MediaInfoCard :context="nameTestResult" />
     </div>
   </VExpandTransition>
 </template>

src/views/system/RuleTestView.vue

@@ -0,0 +1,117 @@
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { requiredValidator } from '@/@validators'
+import api from '@/api'
+
+// 识别结果
+const ruleTestResult = ref('')
+
+// 名称识别表单
+const ruleTestForm = reactive({
+  title: '',
+  subtitle: '',
+  ruletype: '1',
+})
+
+// 识别按钮状态
+const ruleTestLoading = ref(false)
+
+// 识别按钮文本
+const ruleTestText = ref('测试')
+
+// 是否显示结果
+const showResult = ref(false)
+
+// 调用API识别
+async function ruleTest() {
+  if (!ruleTestForm.title)
+    return
+
+  try {
+    ruleTestLoading.value = true
+    ruleTestText.value = '正在测试...'
+    showResult.value = false
+    const result: { [key: string]: any } = await api.get('system/ruletest', {
+      params: {
+        title: ruleTestForm.title,
+        subtitle: ruleTestForm.subtitle,
+        ruletype: ruleTestForm.ruletype,
+      },
+    })
+    if (result.success)
+      ruleTestResult.value = `优先级：${result.data.priority}`
+
+    else
+      ruleTestResult.value = '未命中任何优先级规则！'
+
+    ruleTestLoading.value = false
+    ruleTestText.value = '重新测试'
+    showResult.value = true
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+</script>
+
+<template>
+  <VForm @submit.prevent="() => {}">
+    <VRow class="pt-2">
+      <VCol cols="12" md="8">
+        <VTextField
+          v-model="ruleTestForm.title"
+          label="标题"
+          :rules="[requiredValidator]"
+        />
+      </VCol>
+      <VCol cols="12" md="4">
+        <VSelect
+          v-model="ruleTestForm.ruletype"
+          label="规则类型"
+          :items="[{
+            title: '默认规则',
+            value: '1',
+          }, {
+            title: '洗版规则',
+            value: '2',
+          }]"
+        />
+      </VCol>
+      <VCol cols="12">
+        <VTextarea
+          v-model="ruleTestForm.subtitle"
+          label="副标题"
+          rows="2"
+          auto-grow
+        />
+      </VCol>
+    </VRow>
+    <VRow>
+      <VCol
+        cols="12"
+        class="text-center"
+      >
+        <VBtn
+          :disabled="ruleTestLoading"
+          @click="ruleTest"
+        >
+          <template #prepend>
+            <VIcon icon="mdi-filter-check-outline" />
+          </template>
+          {{ ruleTestText }}
+        </VBtn>
+      </VCol>
+    </VRow>
+  </VForm>
+  <VExpandTransition>
+    <div v-show="showResult">
+      <VCol>
+        <VAlert
+          icon="mdi-alert-circle-outline"
+        >
+          {{ ruleTestResult }}
+        </VAlert>
+      </VCol>
+    </div>
+  </VExpandTransition>
+</template>

yarn.lock

@@ -1836,6 +1836,11 @@
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
+"@types/lodash@^4.14.197":
+  version "4.14.198"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.198.tgz#4d27465257011aedc741a809f1269941fa2c5d4c"
+  integrity sha512-trNJ/vtMZYMLhfN45uLq4ShQSw0/S7xCTLLVM+WM1rmFpba/VS42jVUgaO3w/NOLiWR/09lnYk0yMaA/atdIsg==
+
 "@types/mdast@^3.0.0":
   version "3.0.11"
   resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-3.0.11.tgz#dc130f7e7d9306124286f6d6cee40cf4d14a3dc0"