fix settings

src/views/setting/AccountSettingNotification.vue

@@ -8,6 +8,29 @@ const messagemTypes = ref<NotificationSwitch[]>([])
 // 选中的消息渠道
 const selectedChannels = ref([])
 
+// 消息渠道标签页
+const messagerTab = ref('wechat')
+
+// 消息设置
+const notificationSettings = ref({
+  WECHAT_CORPID: '',
+  WECHAT_APP_SECRET: '',
+  WECHAT_APP_ID: '',
+  WECHAT_PROXY: '',
+  WECHAT_TOKEN: '',
+  WECHAT_ENCODING_AESKEY: '',
+  WECHAT_ADMINS: '',
+  TELEGRAM_TOKEN: '',
+  TELEGRAM_CHAT_ID: '',
+  TELEGRAM_USERS: '',
+  TELEGRAM_ADMINS: '',
+  SLACK_OAUTH_TOKEN: '',
+  SLACK_APP_TOKEN: '',
+  SLACK_CHANNEL: '',
+  SYNOLOGYCHAT_WEBHOOK: '',
+  SYNOLOGYCHAT_TOKEN: '',
+})
+
 // 消息渠道
 const NotificationChannels = [
   {
@@ -55,8 +78,6 @@ async function saveNotificationSwitchs() {
       $toast.success('保存通知消息设置成功')
     else
       $toast.error('保存通知消息设置失败！')
-
-    // messagemTypes.value = messagemTypes.value
   }
   catch (error) {
     console.log(error)
@@ -64,11 +85,51 @@ async function saveNotificationSwitchs() {
 }
 
 // 调用API查询消息渠道设置
-async function loadNotificationChannels() {
+async function loadNotificationSettings() {
   try {
-    const result: { [key: string]: any } = await api.get('system/setting/MESSAGER')
-    if (result.success)
-      selectedChannels.value = result.data?.value?.split(',')
+    const result1: { [key: string]: any } = await api.get('system/setting/MESSAGER')
+    if (result1.success)
+      selectedChannels.value = result1.data?.value?.split(',')
+
+    const result2: { [key: string]: any } = await api.get('system/env')
+    if (result2.success) {
+      const {
+        WECHAT_CORPID,
+        WECHAT_APP_SECRET,
+        WECHAT_APP_ID,
+        WECHAT_PROXY,
+        WECHAT_TOKEN,
+        WECHAT_ENCODING_AESKEY,
+        WECHAT_ADMINS,
+        TELEGRAM_TOKEN,
+        TELEGRAM_CHAT_ID,
+        TELEGRAM_USERS,
+        TELEGRAM_ADMINS,
+        SLACK_OAUTH_TOKEN,
+        SLACK_APP_TOKEN,
+        SLACK_CHANNEL,
+        SYNOLOGYCHAT_WEBHOOK,
+        SYNOLOGYCHAT_TOKEN,
+      } = result2.data
+      notificationSettings.value = {
+        WECHAT_CORPID,
+        WECHAT_APP_SECRET,
+        WECHAT_APP_ID,
+        WECHAT_PROXY,
+        WECHAT_TOKEN,
+        WECHAT_ENCODING_AESKEY,
+        WECHAT_ADMINS,
+        TELEGRAM_TOKEN,
+        TELEGRAM_CHAT_ID,
+        TELEGRAM_USERS,
+        TELEGRAM_ADMINS,
+        SLACK_OAUTH_TOKEN,
+        SLACK_APP_TOKEN,
+        SLACK_CHANNEL,
+        SYNOLOGYCHAT_WEBHOOK,
+        SYNOLOGYCHAT_TOKEN,
+      }
+    }
   }
   catch (error) {
     console.log(error)
@@ -76,26 +137,47 @@ async function loadNotificationChannels() {
 }
 
 // 调用API保存消息渠道设置
-async function saveNotificationChannels() {
+async function saveNotificationSettings() {
   try {
-    const result: { [key: string]: any } = await api.post(
+    const result1: { [key: string]: any } = await api.post(
       'system/setting/MESSAGER',
       selectedChannels.value.join(','),
     )
 
-    if (result.success)
+    const result2: { [key: string]: any } = await api.post(
+      'system/env',
+      notificationSettings.value,
+    )
+
+    if (result1.success && result2.success) {
       $toast.success('保存通知渠道设置成功')
-    else
-      $toast.error('保存通知渠道设置失败！')
+      reloadModule()
+    }
+    else { $toast.error('保存通知渠道设置失败！') }
   }
   catch (error) {
     console.log(error)
   }
 }
 
+// 调用API接口重新加载模块
+async function reloadModule() {
+  try {
+    const result: { [key: string]: any } = await api.get('system/reload')
+    if (result.success)
+      $toast.success('重新加载模块成功')
+    else
+      $toast.error('重新加载模块失败！')
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+
+// 加载数据
 onMounted(() => {
   loadNotificationSwitchs()
-  loadNotificationChannels()
+  loadNotificationSettings()
 })
 </script>
 
@@ -117,6 +199,161 @@ onMounted(() => {
                 />
               </VCol>
             </VRow>
+            <VRow>
+              <VCol>
+                <VTabs
+                  v-model="messagerTab"
+                  stacked
+                >
+                  <VTab value="wechat">
+                    <VAvatar size="20" icon="mdi-download" />
+                    微信
+                  </VTab>
+                  <VTab value="telegram">
+                    <VAvatar size="20" icon="mdi-download" />
+                    Telegram
+                  </VTab>
+                  <VTab value="slack">
+                    <VAvatar size="20" icon="mdi-download" />
+                    Slack
+                  </VTab>
+                  <VTab value="synologychat">
+                    <VAvatar size="20" icon="mdi-download" />
+                    SynologyChat
+                  </VTab>
+                </VTabs>
+                <VWindow
+                  v-model="messagerTab"
+                  class="mt-5 disable-tab-transition"
+                  :touch="false"
+                >
+                  <VWindowItem value="wechat">
+                    <VForm>
+                      <VRow>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="notificationSettings.WECHAT_CORPID"
+                            label="企业ID"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="notificationSettings.WECHAT_APP_SECRET"
+                            label="应用密钥"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="notificationSettings.WECHAT_APP_ID"
+                            label="应用ID"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="notificationSettings.WECHAT_PROXY"
+                            label="代理地址"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="notificationSettings.WECHAT_TOKEN"
+                            label="Token"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="notificationSettings.WECHAT_ENCODING_AESKEY"
+                            label="EncodingAESKey"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="notificationSettings.WECHAT_ADMINS"
+                            label="管理员白名单"
+                            placeholder="多个用,分隔"
+                          />
+                        </VCol>
+                      </VRow>
+                    </VForm>
+                  </VWindowItem>
+                  <VWindowItem value="telegram">
+                    <VForm>
+                      <VRow>
+                        <VCol cols="12" md="6">
+                          <VTextField
+                            v-model="notificationSettings.TELEGRAM_TOKEN"
+                            label="Bot Token"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="6">
+                          <VTextField
+                            v-model="notificationSettings.TELEGRAM_CHAT_ID"
+                            label="Chat ID"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="6">
+                          <VTextField
+                            v-model="notificationSettings.TELEGRAM_USERS"
+                            label="用户白名单"
+                            placeholder="多个用,分隔"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="6">
+                          <VTextField
+                            v-model="notificationSettings.TELEGRAM_ADMINS"
+                            label="管理员白名单"
+                            placeholder="多个用,分隔"
+                          />
+                        </VCol>
+                      </VRow>
+                    </VForm>
+                  </VWindowItem>
+                  <VWindowItem value="slack">
+                    <VForm>
+                      <VRow>
+                        <VCol cols="12" md="5">
+                          <VTextField
+                            v-model="notificationSettings.SLACK_OAUTH_TOKEN"
+                            label="Slack Bot User OAuth Token"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="5">
+                          <VTextField
+                            v-model="notificationSettings.SLACK_APP_TOKEN"
+                            label="Slack App-Level Token"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="2">
+                          <VTextField
+                            v-model="notificationSettings.SLACK_CHANNEL"
+                            label="频道名称"
+                            placeholder="全体"
+                          />
+                        </VCol>
+                      </VRow>
+                    </VForm>
+                  </VWindowItem>
+                  <VWindowItem value="synologychat">
+                    <VForm>
+                      <VRow>
+                        <VCol cols="12" md="6">
+                          <VTextField
+                            v-model="notificationSettings.SYNOLOGYCHAT_WEBHOOK"
+                            label="Webhook"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="6">
+                          <VTextField
+                            v-model="notificationSettings.SYNOLOGYCHAT_TOKEN"
+                            label="Token"
+                          />
+                        </VCol>
+                      </VRow>
+                    </VForm>
+                  </VWindowItem>
+                </VWindow>
+              </VCol>
+            </VRow>
           </VForm>
         </VCardText>
         <VCardText>
@@ -124,7 +361,7 @@ onMounted(() => {
             <div class="d-flex flex-wrap gap-4 mt-4">
               <VBtn
                 mtype="submit"
-                @click="saveNotificationChannels"
+                @click="saveNotificationSettings"
               >
                 保存
               </VBtn>

src/views/setting/AccountSettingSubscribe.vue

@@ -32,6 +32,9 @@ const selectedRssSites = ref<number[]>([])
 // 当前规则类型
 const currentRuleType = ref('SubscribeFilterRules')
 
+// 是否开启订阅定时搜索
+const enableIntervalSearch = ref(false)
+
 // 包含与排除规则
 const defaultFilterRules = ref({
   include: '',
@@ -41,6 +44,29 @@ const defaultFilterRules = ref({
   show_edit_dialog: false,
 })
 
+// 订阅模式选择项
+const subscribeModeItems = [
+  { title: '自动', value: 'spider' },
+  { title: '站点RSS', value: 'rss' },
+]
+
+// 选择的订阅模式
+const selectedSubscribeMode = ref('spider')
+
+// RSS运行周期选择项
+const rssIntervalItems = [
+  { title: '5分钟', value: 5 },
+  { title: '10分钟', value: 10 },
+  { title: '20分钟', value: 20 },
+  { title: '半小时', value: 30 },
+  { title: '1小时', value: 60 },
+  { title: '12小时', value: 720 },
+  { title: '1天', value: 1440 },
+]
+
+// 选择的RSS运行周期
+const selectedRssInterval = ref<number>(5)
+
 // 导入代码弹窗
 const importCodeDialog = ref(false)
 
@@ -62,9 +88,26 @@ async function querySelectedRssSites() {
 // 保存用户选中的订阅站点
 async function saveSelectedRssSites() {
   try {
-    const result: { [key: string]: any } = await api.post('system/setting/RssSites', selectedRssSites.value)
+    const result1: { [key: string]: any } = await api.post(
+      'system/setting/RssSites',
+      selectedRssSites.value)
 
-    if (result.success)
+    const result2: { [key: string]: any } = await api.post(
+      'system/setting/SUBSCRIBE_SEARCH',
+      enableIntervalSearch.value,
+    )
+
+    const result3: { [key: string]: any } = await api.post(
+      'system/setting/SUBSCRIBE_MODE',
+      selectedSubscribeMode.value,
+    )
+
+    const result4: { [key: string]: any } = await api.post(
+      'system/setting/SUBSCRIBE_RSS_INTERVAL',
+      selectedRssInterval.value,
+    )
+
+    if (result1.success && result2.success && result3.success && result4.success)
       $toast.success('订阅站点保存成功')
     else
       $toast.error('订阅站点保存失败！')
@@ -82,6 +125,19 @@ async function querySites() {
     // 过滤站点，只有启用的站点才显示
     allSites.value = data.filter(item => item.is_active)
     querySelectedRssSites()
+
+    // 查询订阅搜索开关
+    const result: { [key: string]: any } = await api.get('system/setting/SUBSCRIBE_SEARCH')
+    if (result.success)
+      enableIntervalSearch.value = result.data?.value
+    // 查询订阅模式
+    const result2: { [key: string]: any } = await api.get('system/setting/SUBSCRIBE_MODE')
+    if (result2.success)
+      selectedSubscribeMode.value = result2.data?.value
+    // 查询站点RSS周期
+    const result3: { [key: string]: any } = await api.get('system/setting/SUBSCRIBE_RSS_INTERVAL')
+    if (result3.success)
+      selectedRssInterval.value = result3.data?.value
   }
   catch (error) {
     console.log(error)
@@ -346,7 +402,34 @@ onMounted(() => {
             </VChip>
           </VChipGroup>
         </VCardItem>
-
+        <VCardText>
+          <VForm>
+            <VRow>
+              <VCol cols="12" md="6">
+                <VSelect
+                  v-model="selectedSubscribeMode"
+                  :items="subscribeModeItems"
+                  label="订阅模式"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VSelect
+                  v-model="selectedRssInterval"
+                  :items="rssIntervalItems"
+                  label="站点RSS周期"
+                />
+              </VCol>
+            </VRow>
+            <VRow>
+              <VCol cols="12" md="6">
+                <VSwitch
+                  v-model="enableIntervalSearch"
+                  label="开启订阅定时搜索"
+                />
+              </VCol>
+            </VRow>
+          </VForm>
+        </VCardText>
         <VCardItem>
           <VBtn type="submit" @click="saveSelectedRssSites">
             保存

src/views/setting/AccountSettingSystem.vue

@@ -1,17 +1,64 @@
+<!-- eslint-disable sonarjs/no-duplicate-string -->
 <script lang="ts" setup>
 import { useToast } from 'vue-toast-notification'
+import { VRow } from 'vuetify/lib/components/index.mjs'
 import api from '@/api'
 
-// 选中的下载器
-const selectedDownloader = ref('')
-
 // 选中的媒体服务器
 const selectedMediaServers = ref([])
 
-// 是否下载器监控
-const downloaderMonitor = ref<boolean>(false)
+// 下载器选中标签页
+const downloaderTab = ref('qbittorrent')
 
-// 下载器
+// 媒体服务器选中标签页
+const mediaserverTab = ref('emby')
+
+// 媒体库设置项
+const mediaSettings = ref({
+  SCRAP_METADATA: true,
+  DOWNLOAD_PATH: '',
+  DOWNLOAD_MOVIE_PATH: '',
+  DOWNLOAD_TV_PATH: '',
+  DOWNLOAD_ANIME_PATH: '',
+  DOWNLOAD_CATEGORY: false,
+  TRANSFER_TYPE: 'copy',
+  OVERWRITE_MODE: 'size',
+  LIBRARY_PATH: '',
+  LIBRARY_MOVIE_NAME: '',
+  LIBRARY_TV_NAME: '',
+  LIBRARY_ANIME_NAME: '',
+  LIBRARY_CATEGORY: false,
+})
+
+// 下载器设置项
+const downloaderSettings = ref({
+  DOWNLOADER: '',
+  DOWNLOADER_MONITOR: true,
+  QB_HOST: '',
+  QB_USER: '',
+  QB_PASSWORD: '',
+  QB_CATEGORY: false,
+  QB_SEQUENTIAL: false,
+  QB_FORCE_RESUME: false,
+  TR_HOST: '',
+  TR_USER: '',
+  TR_PASSWORD: '',
+})
+
+// 媒体服务器设置项
+const mediaServerSettings = ref({
+  EMBY_HOST: '',
+  EMBY_PLAY_HOST: '',
+  EMBY_API_KEY: '',
+  JELLYFIN_HOST: '',
+  JELLYFIN_PLAY_HOST: '',
+  JELLYFIN_API_KEY: '',
+  PLEX_HOST: '',
+  PLEX_PLAY_HOST: '',
+  PLEX_TOKEN: '',
+})
+
+// 下载器字典项
 const Downloaders = [
   {
     title: 'Qbittorrent',
@@ -23,7 +70,7 @@ const Downloaders = [
   },
 ]
 
-// 媒体服务器
+// 媒体服务器字典项
 const MediaServers = [
   {
     title: 'Emby',
@@ -39,18 +86,119 @@ const MediaServers = [
   },
 ]
 
+// 转移方式字典
+const transferTypeItems = [
+  { title: '硬链接', value: 'link' },
+  { title: '复制', value: 'copy' },
+  { title: '移动', value: 'move' },
+  { title: '软链接', value: 'softlink' },
+  { title: 'rclone复制', value: 'rclone_copy' },
+  { title: 'rclone移动', value: 'rclone_move' },
+]
+
+// 覆盖模式字典
+const overwriteModeItems = [
+  { title: '从不覆盖', value: 'never' },
+  { title: '按大小覆盖', value: 'size' },
+  { title: '总是覆盖', value: 'always' },
+  { title: '仅保留最新版本', value: 'latest' },
+]
+
 // 提示框
 const $toast = useToast()
 
+// 加载媒体库设置
+async function loadMediaSettings() {
+  try {
+    const result: { [key: string]: any } = await api.get('system/env')
+    if (result.success) {
+      const {
+        SCRAP_METADATA,
+        DOWNLOAD_PATH,
+        DOWNLOAD_MOVIE_PATH,
+        DOWNLOAD_TV_PATH,
+        DOWNLOAD_ANIME_PATH,
+        DOWNLOAD_CATEGORY,
+        TRANSFER_TYPE,
+        OVERWRITE_MODE,
+        LIBRARY_PATH,
+        LIBRARY_MOVIE_NAME,
+        LIBRARY_TV_NAME,
+        LIBRARY_ANIME_NAME,
+        LIBRARY_CATEGORY,
+      } = result.data
+      mediaSettings.value = {
+        SCRAP_METADATA,
+        DOWNLOAD_PATH,
+        DOWNLOAD_MOVIE_PATH,
+        DOWNLOAD_TV_PATH,
+        DOWNLOAD_ANIME_PATH,
+        DOWNLOAD_CATEGORY,
+        TRANSFER_TYPE,
+        OVERWRITE_MODE,
+        LIBRARY_PATH,
+        LIBRARY_MOVIE_NAME,
+        LIBRARY_TV_NAME,
+        LIBRARY_ANIME_NAME,
+        LIBRARY_CATEGORY,
+      }
+    }
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+
+// 调用API保存媒体设置
+async function saveMediaSetting() {
+  try {
+    const result: { [key: string]: any } = await api.post(
+      'system/env',
+      mediaSettings.value,
+    )
+
+    if (result.success)
+      $toast.success('保存媒体库设置成功')
+    else
+      $toast.error('保存媒体库设置失败！')
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+
 // 调用API查询下载器设置
 async function loadDownladerSetting() {
   try {
-    const result1: { [key: string]: any } = await api.get('system/setting/DOWNLOADER')
-    if (result1.success)
-      selectedDownloader.value = result1.data?.value
-    const result2: { [key: string]: any } = await api.get('system/setting/DOWNLOADER_MONITOR')
-    if (result2.success)
-      downloaderMonitor.value = result2.data?.value
+    const result: { [key: string]: any } = await api.get('system/env')
+    if (result.success) {
+      const {
+        DOWNLOADER,
+        DOWNLOADER_MONITOR,
+        QB_HOST,
+        QB_USER,
+        QB_PASSWORD,
+        QB_CATEGORY,
+        QB_SEQUENTIAL,
+        QB_FORCE_RESUME,
+        TR_HOST,
+        TR_USER,
+        TR_PASSWORD,
+      } = result.data
+      downloaderSettings.value = {
+        DOWNLOADER,
+        DOWNLOADER_MONITOR,
+        QB_HOST,
+        QB_USER,
+        QB_PASSWORD,
+        QB_CATEGORY,
+        QB_SEQUENTIAL,
+        QB_FORCE_RESUME,
+        TR_HOST,
+        TR_USER,
+        TR_PASSWORD,
+      }
+    }
   }
   catch (error) {
     console.log(error)
@@ -60,20 +208,16 @@ async function loadDownladerSetting() {
 // 调用API保存下载器设置
 async function saveDownloaderSetting() {
   try {
-    const result1: { [key: string]: any } = await api.post(
-      'system/setting/DOWNLOADER',
-      selectedDownloader.value,
+    const result: { [key: string]: any } = await api.post(
+      'system/env',
+      downloaderSettings.value,
     )
 
-    const result2: { [key: string]: any } = await api.post(
-      'system/setting/DOWNLOADER_MONITOR',
-      downloaderMonitor.value,
-    )
-
-    if (result1.success && result2.success)
+    if (result.success) {
       $toast.success('保存下载器设置成功')
-    else
-      $toast.error('保存下载器设置失败！')
+      reloadModule()
+    }
+    else { $toast.error('保存下载器设置失败！') }
   }
   catch (error) {
     console.log(error)
@@ -83,9 +227,35 @@ async function saveDownloaderSetting() {
 // 调用API查询媒体服务器设置
 async function loadMediaServerSetting() {
   try {
-    const result: { [key: string]: any } = await api.get('system/setting/MEDIASERVER')
-    if (result.success)
-      selectedMediaServers.value = result.data?.value?.split(',')
+    const result1: { [key: string]: any } = await api.get('system/setting/MEDIASERVER')
+    if (result1.success)
+      selectedMediaServers.value = result1.data?.value?.split(',')
+
+    const result2: { [key: string]: any } = await api.get('system/env')
+    if (result2.success) {
+      const {
+        EMBY_HOST,
+        EMBY_PLAY_HOST,
+        EMBY_API_KEY,
+        JELLYFIN_HOST,
+        JELLYFIN_PLAY_HOST,
+        JELLYFIN_API_KEY,
+        PLEX_HOST,
+        PLEX_PLAY_HOST,
+        PLEX_TOKEN,
+      } = result2.data
+      mediaServerSettings.value = {
+        EMBY_HOST,
+        EMBY_PLAY_HOST,
+        EMBY_API_KEY,
+        JELLYFIN_HOST,
+        JELLYFIN_PLAY_HOST,
+        JELLYFIN_API_KEY,
+        PLEX_HOST,
+        PLEX_PLAY_HOST,
+        PLEX_TOKEN,
+      }
+    }
   }
   catch (error) {
     console.log(error)
@@ -95,24 +265,46 @@ async function loadMediaServerSetting() {
 // 调用API保存媒体服务器设置
 async function saveMediaServerSetting() {
   try {
-    const result: { [key: string]: any } = await api.post(
+    const result1: { [key: string]: any } = await api.post(
       'system/setting/MEDIASERVER',
       selectedMediaServers.value.join(','),
     )
 
-    if (result.success)
+    const result2: { [key: string]: any } = await api.post(
+      'system/env',
+      mediaServerSettings.value,
+    )
+
+    if (result1.success && result2.success) {
       $toast.success('保存媒体服务器设置成功')
-    else
-      $toast.error('保存媒体服务器设置失败！')
+      reloadModule()
+    }
+    else { $toast.error('保存媒体服务器设置失败！') }
   }
   catch (error) {
     console.log(error)
   }
 }
 
+// 调用API接口重新加载模块
+async function reloadModule() {
+  try {
+    const result: { [key: string]: any } = await api.get('system/reload')
+    if (result.success)
+      $toast.success('重新加载模块成功')
+    else
+      $toast.error('重新加载模块失败！')
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+
+// 加载数据
 onMounted(() => {
   loadDownladerSetting()
   loadMediaServerSetting()
+  loadMediaSettings()
 })
 </script>
 
@@ -126,7 +318,7 @@ onMounted(() => {
             <VRow>
               <VCol cols="12" md="6">
                 <VSelect
-                  v-model="selectedDownloader"
+                  v-model="downloaderSettings.DOWNLOADER"
                   :items="Downloaders"
                   label="当前使用下载器"
                 />
@@ -135,11 +327,106 @@ onMounted(() => {
             <VRow>
               <VCol cols="12" md="6">
                 <VSwitch
-                  v-model="downloaderMonitor"
+                  v-model="downloaderSettings.DOWNLOADER_MONITOR"
                   label="监控下载器"
                 />
               </VCol>
             </VRow>
+            <VRow>
+              <VCol>
+                <VTabs
+                  v-model="downloaderTab"
+                  stacked
+                >
+                  <VTab value="qbittorrent">
+                    <VAvatar size="20" icon="mdi-download" />
+                    Qbittorrent
+                  </VTab>
+                  <VTab value="transmission">
+                    <VAvatar size="20" icon="mdi-download" />
+                    Transmission
+                  </VTab>
+                </VTabs>
+                <VWindow
+                  v-model="downloaderTab"
+                  class="mt-5 disable-tab-transition"
+                  :touch="false"
+                >
+                  <VWindowItem value="qbittorrent">
+                    <VForm>
+                      <VRow>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="downloaderSettings.QB_HOST"
+                            label="地址"
+                            placeholder="IP:PORT"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="downloaderSettings.QB_USER"
+                            label="用户名"
+                            placeholder="admin"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="downloaderSettings.QB_PASSWORD"
+                            type="password"
+                            label="密码"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VSwitch
+                            v-model="downloaderSettings.QB_CATEGORY"
+                            label="自动分类管理"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VSwitch
+                            v-model="downloaderSettings.QB_SEQUENTIAL"
+                            label="顺序下载"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VSwitch
+                            v-model="downloaderSettings.QB_FORCE_RESUME"
+                            label="强制继续"
+                          />
+                        </VCol>
+                      </VRow>
+                    </VForm>
+                  </VWindowItem>
+                  <VWindowItem value="transmission">
+                    <VForm>
+                      <VRow>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="downloaderSettings.TR_HOST"
+                            label="地址"
+                            placeholder="IP:PORT"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="downloaderSettings.TR_USER"
+                            label="用户名"
+                            placeholder="admin"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="downloaderSettings.TR_PASSWORD"
+                            type="password"
+                            label="密码"
+                          />
+                        </VCol>
+                      </VRow>
+                    </VForm>
+                  </VWindowItem>
+                </VWindow>
+              </VCol>
+            </VRow>
           </VForm>
         </VCardText>
         <VCardText>
@@ -174,6 +461,111 @@ onMounted(() => {
                 />
               </VCol>
             </VRow>
+            <VRow>
+              <VCol>
+                <VTabs
+                  v-model="mediaserverTab"
+                  stacked
+                >
+                  <VTab value="emby">
+                    <VAvatar size="20" icon="mdi-download" />
+                    Emby
+                  </VTab>
+                  <VTab value="jellyfin">
+                    <VAvatar size="20" icon="mdi-download" />
+                    Jellyfin
+                  </VTab>
+                  <VTab value="plex">
+                    <VAvatar size="20" icon="mdi-download" />
+                    Plex
+                  </vtab>
+                </VTabs>
+                <VWindow
+                  v-model="mediaserverTab"
+                  class="mt-5 disable-tab-transition"
+                  :touch="false"
+                >
+                  <VWindowItem value="emby">
+                    <VForm>
+                      <VRow>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="mediaServerSettings.EMBY_HOST"
+                            label="地址"
+                            placeholder="IP:PORT"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="mediaServerSettings.EMBY_PLAY_HOST"
+                            label="播放地址"
+                            placeholder="IP:PORT"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="mediaServerSettings.EMBY_API_KEY"
+                            label="API密钥"
+                          />
+                        </VCol>
+                      </VRow>
+                    </VForm>
+                  </VWindowItem>
+                  <VWindowItem value="jellyfin">
+                    <VForm>
+                      <VRow>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="mediaServerSettings.JELLYFIN_HOST"
+                            label="地址"
+                            placeholder="IP:PORT"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="mediaServerSettings.JELLYFIN_PLAY_HOST"
+                            label="外网播放地址"
+                            placeholder="IP:PORT"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="mediaServerSettings.JELLYFIN_API_KEY"
+                            label="API密钥"
+                          />
+                        </VCol>
+                      </VRow>
+                    </VForm>
+                  </VWindowItem>
+                  <VWindowItem value="plex">
+                    <VForm>
+                      <VRow>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="mediaServerSettings.PLEX_HOST"
+                            label="地址"
+                            placeholder="IP:PORT"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="mediaServerSettings.PLEX_PLAY_HOST"
+                            label="外网播放地址"
+                            placeholder="IP:PORT"
+                          />
+                        </VCol>
+                        <VCol cols="12" md="4">
+                          <VTextField
+                            v-model="mediaServerSettings.PLEX_TOKEN"
+                            label="API密钥"
+                          />
+                        </VCol>
+                      </VRow>
+                    </VForm>
+                  </VWindowItem>
+                </VWindow>
+              </VCol>
+            </VRow>
           </VForm>
         </VCardText>
         <VCardText>
@@ -191,4 +583,116 @@ onMounted(() => {
       </VCard>
     </VCol>
   </VRow>
+  <VRow>
+    <VCol cols="12">
+      <VCard title="媒体库">
+        <VCardSubtitle>设置下载目录、媒体库目录以及整理方式。</VCardSubtitle>
+        <VCardText>
+          <VForm>
+            <VRow>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaSettings.DOWNLOAD_PATH"
+                  label="下载目录"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaSettings.DOWNLOAD_MOVIE_PATH"
+                  label="电影下载目录"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaSettings.DOWNLOAD_TV_PATH"
+                  label="电视剧下载目录"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaSettings.DOWNLOAD_ANIME_PATH"
+                  label="动漫下载目录"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VSwitch
+                  v-model="mediaSettings.DOWNLOAD_CATEGORY"
+                  label="下载目录自动分类"
+                />
+              </VCol>
+            </VRow>
+            <VRow>
+              <VCol cols="12" md="6">
+                <VSelect
+                  v-model="mediaSettings.TRANSFER_TYPE"
+                  :items="transferTypeItems"
+                  label="整理方式"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VSelect
+                  v-model="mediaSettings.OVERWRITE_MODE"
+                  :items="overwriteModeItems"
+                  label="覆盖模式"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VSwitch
+                  v-model="mediaSettings.SCRAP_METADATA"
+                  label="自动刮削媒体信息"
+                />
+              </VCol>
+            </VRow>
+            <VRow>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaSettings.LIBRARY_PATH"
+                  label="媒体库目录"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaSettings.LIBRARY_MOVIE_NAME"
+                  label="电影目录名称"
+                  placeholder="电影"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaSettings.LIBRARY_TV_NAME"
+                  label="电视剧目录名称"
+                  placeholder="电视剧"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaSettings.LIBRARY_ANIME_NAME"
+                  label="动漫目录名称"
+                  placeholder="动漫"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VSwitch
+                  v-model="mediaSettings.LIBRARY_CATEGORY"
+                  label="媒体库目录自动分类"
+                />
+              </VCol>
+            </VRow>
+          </VForm>
+        </VCardText>
+        <VCardText>
+          <VForm @submit.prevent="() => {}">
+            <div class="d-flex flex-wrap gap-4 mt-4">
+              <VBtn
+                mtype="submit"
+                @click="saveMediaSetting"
+              >
+                保存
+              </VBtn>
+            </div>
+          </VForm>
+        </VCardText>
+      </VCard>
+    </VCol>
+  </VRow>
 </template>