From 0a5b553bb84dc58a7f7be83b19e6dd0fa2a56856 Mon Sep 17 00:00:00 2001
From: Aqr-K <95741669+Aqr-K@users.noreply.github.com>
Date: Thu, 24 Oct 2024 17:16:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=20network=20?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E9=A1=B5=EF=BC=8C=E8=B0=83=E6=95=B4=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E5=AF=B9=E9=BD=90=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/setting.vue                       |  12 +-
 src/router/menu.ts                          |   6 +
 src/views/setting/AccountSettingNetwork.vue | 262 ++++++++++++++++++++
 3 files changed, 279 insertions(+), 1 deletion(-)
 create mode 100644 src/views/setting/AccountSettingNetwork.vue

diff --git a/src/pages/setting.vue b/src/pages/setting.vue
index 9fc87a16..6d704dd7 100644
--- a/src/pages/setting.vue
+++ b/src/pages/setting.vue
@@ -11,6 +11,7 @@ import AccountSettingService from '@/views/setting/AccountSettingService.vue'
 import AccountSettingSystem from '@/views/setting/AccountSettingSystem.vue'
 import AccountSettingDirectory from '@/views/setting/AccountSettingDirectory.vue'
 import AccountSettingRule from '@/views/setting/AccountSettingRule.vue'
+import AccountSettingNetwork from '@/views/setting/AccountSettingNetwork.vue'
 import { SettingTabs } from '@/router/menu'
 
 const route = useRoute()
@@ -32,7 +33,7 @@ function jumpTab(tab: string) {
         @click="jumpTab(item.tab)"
         selected-class="v-slide-group-item--active v-tab--selected"
       >
-        <div>
+        <div class="flex align-center">
           <VIcon size="20" start :icon="item.icon" />
           {{ item.title }}
         </div>
@@ -49,6 +50,15 @@ function jumpTab(tab: string) {
         </transition>
       </VWindowItem>
 
+      <!-- 网络 -->
+      <VWindowItem value="network">
+        <transition name="fade-slide" appear>
+          <div>
+            <AccountSettingNetwork />
+          </div>
+        </transition>
+      </VWindowItem>
+
       <!-- 目录 -->
       <VWindowItem value="directory">
         <transition name="fade-slide" appear>
diff --git a/src/router/menu.ts b/src/router/menu.ts
index 38b48bd0..675fece9 100644
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@@ -133,6 +133,12 @@ export const SettingTabs = [
     tab: 'system',
     description: '下载器（Qbittorrent、Transmission）、媒体服务器（Emby、Jellyfin、Plex）',
   },
+  {
+    title: '网络',
+    icon: 'mdi-access-point-network',
+    tab: 'network',
+    description: 'Github、PIP、OCR、DOH',
+  },
   {
     title: '存储 & 目录',
     icon: 'mdi-folder',
diff --git a/src/views/setting/AccountSettingNetwork.vue b/src/views/setting/AccountSettingNetwork.vue
new file mode 100644
index 00000000..568e5c7d
--- /dev/null
+++ b/src/views/setting/AccountSettingNetwork.vue
@@ -0,0 +1,262 @@
+<script lang="ts" setup>
+import { useToast } from 'vue-toast-notification'
+import { VRow } from 'vuetify/lib/components/index.mjs'
+import api from '@/api'
+import NetworkAdvancedSettingsDialog from '@/components/dialog/NetworkAdvancedSettingsDialog.vue'
+import debounce from 'lodash/debounce'
+
+// 系统设置项
+const SystemSettings = ref({
+  DOH_ENABLE: false,
+  DOH_SERVER: '',
+  DOH_DOMAINS: '',
+  GITHUB_PROXY: '',
+  GITHUB_TOKEN: '',
+  PIP_PROXY: '',
+  OCR_HOST: '',
+})
+
+// 防抖时间
+const debounceTime = 500
+
+// 高级设置卡片开关
+const isAdvanced = ref(false)
+
+// 是否发送请求的总开关
+const isRequest = ref(true)
+
+// 提示框
+const $toast = useToast()
+
+// 重载系统生效配置
+async function reloadSystem() {
+  try {
+    const result: { [key: string]: any } = await api.get('system/reload')
+    if (result.success) $toast.success('系统配置已生效')
+    else $toast.error('重载系统失败！')
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+// 加载系统设置
+async function loadSystemSettings() {
+  try {
+    const result: { [key: string]: any } = await api.get('system/env')
+    if (result.success) {
+      const {
+        // 需要查询的变量
+        DOH_ENABLE,
+        DOH_SERVER,
+        DOH_DOMAINS,
+        GITHUB_PROXY,
+        GITHUB_TOKEN,
+        PIP_PROXY,
+        OCR_HOST,
+      } = result.data
+      SystemSettings.value = {
+        DOH_ENABLE: DOH_ENABLE || false,
+        DOH_SERVER: DOH_SERVER || null,
+        DOH_DOMAINS: DOH_DOMAINS || null,
+        GITHUB_PROXY: GITHUB_PROXY || null,
+        GITHUB_TOKEN: GITHUB_TOKEN || null,
+        PIP_PROXY: PIP_PROXY || null,
+        OCR_HOST: OCR_HOST || null,
+      }
+    }
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+// 调用API保存系统设置
+const saveSystemSetting = debounce(async () => {
+  try {
+    const result: { [key: string]: any } = await api.post('system/env', SystemSettings.value)
+
+    if (result.success) {
+      $toast.success('保存设置成功')
+      await reloadSystem()
+    }
+    else $toast.error('保存设置失败！')
+  } catch (error) {
+    console.log(error)
+  }
+}, debounceTime)
+
+// 保存高级设置
+const saveAdvancedSettings = debounce(async () => {
+  await saveSystemSetting()
+  isAdvanced.value = false
+}, debounceTime)
+
+// 预设部分Github加速站
+const githubMirrorsItems = [
+  'https://mirror.ghproxy.com/',  // GitHub Proxy
+  'https://ghp.ci/',  // GitHub Proxy 子站
+]
+
+
+// 预设部分PIP镜像站
+const pipMirrorsItems = [
+  'https://pypi.tuna.tsinghua.edu.cn/simple',  // 清华大学
+  'https://pypi.mirrors.ustc.edu.cn/simple',  // 中国科技大学
+  'https://mirrors.pku.edu.cn/pypi/web/simple',  // 北京大学
+  'https://mirrors.aliyun.com/pypi/simple',  // 阿里云
+  'https://mirrors.cloud.tencent.com/pypi/simple',  // 腾讯云
+  'https://mirrors.163.com/pypi/simple',  // 网易云
+  'https://pypi.doubanio.com/simple',  // 豆瓣
+  'https://mirrors.hust.edu.cn/pypi/web/simple',  // 华中理工大学
+  'https://mirrors.bfsu.edu.cn/pypi/web/simple', // 北京外国语大学
+]
+
+// 恢复高级设置默认值，直接赋值
+const loadAdvancedSettings = () => {
+  SystemSettings.value = {
+    DOH_ENABLE: SystemSettings.value.DOH_ENABLE,
+    DOH_SERVER: "1.0.0.1,1.1.1.1,9.9.9.9,149.112.112.112",
+    DOH_DOMAINS: "api.themoviedb.org,api.tmdb.org,webservice.fanart.tv,api.github.com,github.com,raw.githubusercontent.com,api.telegram.org",
+    GITHUB_PROXY: SystemSettings.value.GITHUB_PROXY,
+    GITHUB_TOKEN: SystemSettings.value.GITHUB_TOKEN,
+    PIP_PROXY: SystemSettings.value.PIP_PROXY,
+    OCR_HOST: "https://movie-pilot.org",
+  }
+}
+
+
+// 加载数据
+onMounted(() => {
+  loadSystemSettings()
+})
+
+onActivated(async () => {
+  isRequest.value = true
+})
+
+onDeactivated(() => {
+  isRequest.value = false
+})
+</script>
+
+<template>
+  <VRow>
+    <!-- DOH -->
+    <VCol cols="12">
+      <VCard>
+        <VCardItem>
+          <VCardTitle>基础设置</VCardTitle>
+          <VCardSubtitle>设置DNS over HTTPS服务器，对特定域名使用DOH解析以避免DNS污染。</VCardSubtitle>
+        </VCardItem>
+        <VCardText>
+          <VForm>
+            <VRow >
+              <VCol cols="12" md="6" class="flex align-center">
+                <div>
+                  <VSwitch
+                    v-model="SystemSettings.DOH_ENABLE"
+                    label="启用 DNS over HTTPS"
+                    hint="启用后，系统将使用DOH服务器解析域名"
+                    persistent-hint
+                  />
+                </div>
+                <div class="ml-10">
+                  <VAlert
+                    type="info"
+                    variant="tonal"
+                    class="whitespace-pre-line"
+                    style="width: fit-content"
+                    text="如果已经配置了 PROXY_HOST 则建议关闭 DOH 功能。"
+                  />
+                </div>
+              </VCol>
+              <VCol cols="12" md="6" class="flex align-center">
+                <div>
+                  <VSwitch
+                    v-model="isAdvanced"
+                    label="高级设置"
+                    hint="进入高级设置弹窗页面"
+                    persistent-hint
+                  />
+                </div>
+                <div class="ml-10">
+                  <VAlert
+                    type="info"
+                    variant="tonal"
+                    class="whitespace-pre-line mr-3"
+                    style="width: fit-content"
+                    text="该页面包含一些高级设置，不建议修改，除非它们的使用方法！"
+                  />
+                </div>
+              </VCol>
+            </VRow>
+          </VForm>
+        </VCardText>
+        <VCardText>
+          <VForm @submit.prevent="() => {}">
+            <div class="d-flex flex-wrap gap-4 mt-4">
+              <VBtn mtype="submit" @click="saveSystemSetting"> 保存 </VBtn>
+            </div>
+          </VForm>
+        </VCardText>
+      </VCard>
+    </VCol>
+
+    <!-- 加速 -->
+    <VCol cols="12">
+      <VCard>
+        <VCardItem>
+          <VCardTitle>Github 与 PIP</VCardTitle>
+          <VCardSubtitle>设置PIP加速站、Github加速站、Github Token增加连接的限流阈值，保证连通性。</VCardSubtitle>
+        </VCardItem>
+        <VCardText>
+          <VForm>
+            <VRow>
+              <VCol cols="12" md="6">
+                <VCombobox
+                  v-model="SystemSettings.GITHUB_PROXY"
+                  label="Github加速站"
+                  placeholder="格式：https://mirror.ghproxy.com/"
+                  hint="留空则不使用；预设部分可选站点，也可手动输入自建站点。格式：https://mirror.ghproxy.com/ 末尾需要带 /"
+                  persistent-hint
+                  clearable
+                  :items="githubMirrorsItems"
+                  active
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="SystemSettings.GITHUB_TOKEN"
+                  label="Github Token"
+                  placeholder="ghp_**** 或 github_pat_****"
+                  hint="用于提高Github API访问限流阈值"
+                  persistent-hint
+                  clearable
+                  active
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VCombobox
+                  v-model="SystemSettings.PIP_PROXY"
+                  label="PIP加速站"
+                  placeholder="格式：https://pypi.tuna.tsinghua.edu.cn/simple"
+                  hint="留空则不使用；预设部分可选站点，也可手动输入自建站点，格式: https://pypi.tuna.tsinghua.edu.cn/simple"
+                  persistent-hint
+                  clearable
+                  :items="pipMirrorsItems"
+                  active
+                />
+              </VCol>
+            </VRow>
+          </VForm>
+        </VCardText>
+        <VCardText>
+          <VForm @submit.prevent="() => {}">
+            <div class="d-flex flex-wrap gap-4 mt-4">
+              <VBtn mtype="submit" @click="saveSystemSetting"> 保存 </VBtn>
+            </div>
+          </VForm>
+        </VCardText>
+      </VCard>
+    </VCol>
+  </VRow>
+</template>