From daab04867fd9b33ea83ccac062cb6c1c4a96d878 Mon Sep 17 00:00:00 2001
From: anghunk <anghunk@gmail.com>
Date: Thu, 5 Feb 2026 17:29:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=AE=BE=E7=BD=AE=E9=A1=B5=E9=9D=A2):=20?=
 =?UTF-8?q?=E5=90=8C=E6=AD=A5=E6=A0=87=E7=AD=BE=E9=A1=B5=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E5=88=B0URL=E5=B9=B6=E6=9B=B4=E6=96=B0=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将标签页状态与URL查询参数同步，支持直接通过URL访问特定标签页
- 替换域设置组件中的全部移动按钮图标，使用更直观的双箭头图标
---
 .../components/DomainSettings.vue             |  5 +--
 cwd-admin/src/views/SettingsView/index.vue    | 39 ++++++++++++++++++-
 2 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/cwd-admin/src/views/SettingsView/components/DomainSettings.vue b/cwd-admin/src/views/SettingsView/components/DomainSettings.vue
index e26201c..aa6a9fe 100644
--- a/cwd-admin/src/views/SettingsView/components/DomainSettings.vue
+++ b/cwd-admin/src/views/SettingsView/components/DomainSettings.vue
@@ -40,10 +40,10 @@
       <!-- Actions -->
       <div class="transfer-actions">
         <button class="action-btn" @click="moveAllToVisible" title="全部左移">
-          <PhChecks :size="20" />
+          <PhCaretDoubleLeft />
         </button>
         <button class="action-btn" @click="moveAllToHidden" title="全部右移">
-          <PhTrash :size="20" />
+          <PhCaretDoubleRight  />
         </button>
       </div>
 
@@ -91,7 +91,6 @@
 <script setup lang="ts">
 import { ref, onMounted, computed } from 'vue';
 import { fetchDomainList, fetchFeatureSettings, saveFeatureSettings } from '../../../api/admin';
-import { PhArrowRight, PhArrowLeft, PhChecks, PhTrash } from '@phosphor-icons/vue';
 
 const loading = ref(false);
 const allDomains = ref<string[]>([]);
diff --git a/cwd-admin/src/views/SettingsView/index.vue b/cwd-admin/src/views/SettingsView/index.vue
index 530cda4..b197107 100644
--- a/cwd-admin/src/views/SettingsView/index.vue
+++ b/cwd-admin/src/views/SettingsView/index.vue
@@ -528,7 +528,8 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, type Ref, inject } from "vue";
+import { onMounted, ref, type Ref, inject, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
 import {
   fetchCommentSettings,
   saveCommentSettings,
@@ -647,8 +648,42 @@ const savingTelegram = ref(false);
 const settingUpWebhook = ref(false);
 const testingTelegram = ref(false);
 
-const activeTab = ref<"comment" | "feature" | "display" | "emailNotify" | "telegramNotify" | "domain">(
+const route = useRoute();
+const router = useRouter();
+
+type TabKey =
+  | "comment"
+  | "feature"
+  | "display"
+  | "emailNotify"
+  | "telegramNotify"
+  | "domain";
+const validTabs: TabKey[] = [
   "comment",
+  "feature",
+  "display",
+  "emailNotify",
+  "telegramNotify",
+  "domain",
+];
+
+const activeTab = ref<TabKey>(
+  validTabs.includes(route.query.tab as TabKey)
+    ? (route.query.tab as TabKey)
+    : "comment",
+);
+
+watch(activeTab, (newTab) => {
+  router.replace({ query: { ...route.query, tab: newTab } });
+});
+
+watch(
+  () => route.query.tab,
+  (newTab) => {
+    if (newTab && validTabs.includes(newTab as TabKey)) {
+      activeTab.value = newTab as TabKey;
+    }
+  },
 );
 
 function addAllowedDomainsFromInput() {