From cb2b15c5f60677c9b23dca55a75daa070c86a6b4 Mon Sep 17 00:00:00 2001
From: anghunk <anghunk@gmail.com>
Date: Thu, 22 Jan 2026 14:43:09 +0800
Subject: [PATCH] =?UTF-8?q?feat(admin):=20=E6=B7=BB=E5=8A=A0=E5=85=A8?=
 =?UTF-8?q?=E5=B1=80=E5=9F=9F=E5=90=8D=E8=BF=87=E6=BB=A4=E5=99=A8=E5=B9=B6?=
 =?UTF-8?q?=E9=87=8D=E6=9E=84=E7=9B=B8=E5=85=B3=E8=A7=86=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将域名过滤器从各视图移至布局组件，通过依赖注入共享状态
更新文档链接和API基础URL
---
 cwd-admin/src/views/AnalyticsVisitView.vue | 52 +++---------------
 cwd-admin/src/views/CommentsView.vue       | 43 ++++-----------
 cwd-admin/src/views/LayoutView.vue         | 63 ++++++++++++++++++++--
 cwd-admin/src/views/StatsView.vue          | 46 +++-------------
 cwd-api/src/index.ts                       |  2 +-
 docs/.vitepress/components/footerDoc.vue   |  2 +-
 6 files changed, 84 insertions(+), 124 deletions(-)

diff --git a/cwd-admin/src/views/AnalyticsVisitView.vue b/cwd-admin/src/views/AnalyticsVisitView.vue
index c0984a3..79b8fff 100644
--- a/cwd-admin/src/views/AnalyticsVisitView.vue
+++ b/cwd-admin/src/views/AnalyticsVisitView.vue
@@ -2,16 +2,6 @@
   <div class="page">
     <div style="display: flex; align-items: center; gap: 20px">
       <h2 class="page-title">访问统计</h2>
-      <div class="toolbar">
-        <div class="toolbar-left">
-          <select v-model="domainFilter" class="toolbar-select">
-            <option value="">全部域名</option>
-            <option v-for="item in domainOptions" :key="item" :value="item">
-              {{ item }}
-            </option>
-          </select>
-        </div>
-      </div>
     </div>
     <div
       v-if="toastVisible"
@@ -122,18 +112,16 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, onBeforeUnmount, ref, nextTick, watch } from "vue";
+import { onMounted, onBeforeUnmount, ref, nextTick, watch, inject } from "vue";
+import type { Ref } from "vue";
 import * as echarts from "echarts";
 import {
   fetchVisitOverview,
   fetchVisitPages,
-  fetchDomainList,
   type VisitOverviewResponse,
   type VisitPageItem,
 } from "../api/admin";
 
-const DOMAIN_STORAGE_KEY = "cwd_admin_domain_filter";
-
 const loading = ref(false);
 const listLoading = ref(false);
 const error = ref("");
@@ -148,12 +136,8 @@ const overview = ref<VisitOverviewResponse>({
 const items = ref<VisitPageItem[]>([]);
 const visitTab = ref<"pv" | "latest">("pv");
 
-const storedDomain =
-  typeof window !== "undefined"
-    ? window.localStorage.getItem(DOMAIN_STORAGE_KEY) || ""
-    : "";
-const domainFilter = ref(storedDomain);
-const domainOptions = ref<string[]>([]);
+const injectedDomainFilter = inject<Ref<string> | null>("domainFilter", null);
+const domainFilter = injectedDomainFilter ?? ref("");
 const last30Days = ref<{ date: string; total: number }[]>([]);
 
 const toastMessage = ref("");
@@ -267,21 +251,6 @@ async function loadData() {
   }
 }
 
-async function loadDomains() {
-  try {
-    const res = await fetchDomainList();
-    const domains = Array.isArray(res.domains) ? res.domains : [];
-    const set = new Set(domains);
-    if (domainFilter.value && !set.has(domainFilter.value)) {
-      set.add(domainFilter.value);
-    }
-    domainOptions.value = Array.from(set);
-  } catch (e: any) {
-    const msg = e.message || "加载域名列表失败";
-    showToast(msg, "error");
-  }
-}
-
 async function loadVisitPagesOnly() {
   listLoading.value = true;
   error.value = "";
@@ -370,7 +339,6 @@ function handleResize() {
 
 onMounted(() => {
   loadData();
-  loadDomains();
   window.addEventListener("resize", handleResize);
 });
 
@@ -382,15 +350,9 @@ onBeforeUnmount(() => {
   }
 });
 
-watch(
-  domainFilter,
-  (value) => {
-    if (typeof window !== "undefined") {
-      window.localStorage.setItem(DOMAIN_STORAGE_KEY, value || "");
-    }
-    loadData();
-  }
-);
+watch(domainFilter, () => {
+  loadData();
+});
 </script>
 
 <style scoped>
diff --git a/cwd-admin/src/views/CommentsView.vue b/cwd-admin/src/views/CommentsView.vue
index 683b288..4b95832 100644
--- a/cwd-admin/src/views/CommentsView.vue
+++ b/cwd-admin/src/views/CommentsView.vue
@@ -9,12 +9,6 @@
           <option value="pending">待审核</option>
           <option value="rejected">已拒绝</option>
         </select>
-        <select v-model="domainFilter" class="toolbar-select">
-          <option value="">全部域名</option>
-          <option v-for="item in domainOptions" :key="item" :value="item">
-            {{ item }}
-          </option>
-        </select>
       </div>
       <div class="toolbar-right">
         <button class="toolbar-button" @click="goPage(1)">刷新</button>
@@ -82,7 +76,7 @@
               </span>
               <span
                 v-if="item.priority && item.priority > 1"
-                :title="item.priority"
+                :title="String(item.priority)"
                 class="cell-status cell-pin-flag"
               >
                 置顶
@@ -251,7 +245,8 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, computed, watch } from "vue";
+import { onMounted, ref, computed, watch, inject } from "vue";
+import type { Ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import {
   CommentItem,
@@ -265,8 +260,6 @@ import {
   fetchDomainList,
 } from "../api/admin";
 
-const DOMAIN_STORAGE_KEY = "cwd_admin_domain_filter";
-
 const route = useRoute();
 const router = useRouter();
 
@@ -275,11 +268,8 @@ const pagination = ref<{ page: number; total: number }>({ page: 1, total: 1 });
 const loading = ref(false);
 const error = ref("");
 const statusFilter = ref("");
-const storedDomain =
-  typeof window !== "undefined"
-    ? window.localStorage.getItem(DOMAIN_STORAGE_KEY) || ""
-    : "";
-const domainFilter = ref(storedDomain);
+const injectedDomainFilter = inject<Ref<string> | null>("domainFilter", null);
+const domainFilter = injectedDomainFilter ?? ref("");
 const jumpPageInput = ref("");
 const editVisible = ref(false);
 const editSaving = ref(false);
@@ -294,8 +284,6 @@ const editForm = ref<{
   priority: number;
 } | null>(null);
 
-const domainOptions = ref<string[]>([]);
-
 const filteredComments = computed(() => {
   if (!statusFilter.value) {
     return comments.value;
@@ -558,26 +546,13 @@ onMounted(() => {
     domainFilter.value = d.trim();
   }
 
-  fetchDomainList()
-    .then((res) => {
-      const domains = Array.isArray(res.domains) ? res.domains : [];
-      domainOptions.value = Array.from(new Set(domains));
-    })
-    .catch(() => {
-      domainOptions.value = [];
-    });
-
   loadComments(initialPage);
 });
 
-watch(
-  domainFilter,
-  (value) => {
-    if (typeof window !== "undefined") {
-      window.localStorage.setItem(DOMAIN_STORAGE_KEY, value || "");
-    }
-  }
-);
+watch(domainFilter, () => {
+  updateRoutePage(1);
+  loadComments(1);
+});
 </script>
 
 <style scoped>
diff --git a/cwd-admin/src/views/LayoutView.vue b/cwd-admin/src/views/LayoutView.vue
index b6fc856..3406ef7 100644
--- a/cwd-admin/src/views/LayoutView.vue
+++ b/cwd-admin/src/views/LayoutView.vue
@@ -16,6 +16,14 @@
       </button>
       <div class="layout-title">CWD 评论后台</div>
       <div class="layout-actions-wrapper">
+        <div class="layout-domain-filter">
+          <select v-model="domainFilter" class="layout-domain-select">
+            <option value="">全部域名</option>
+            <option v-for="item in domainOptions" :key="item" :value="item">
+              {{ item }}
+            </option>
+          </select>
+        </div>
         <div class="layout-actions">
           <a class="layout-button" href="https://cwd.js.org" target="_blank">
             使用文档
@@ -107,9 +115,11 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, onMounted, watch, provide } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import { logoutAdmin } from "../api/admin";
+import { logoutAdmin, fetchDomainList } from "../api/admin";
+
+const DOMAIN_STORAGE_KEY = "cwd_admin_domain_filter";
 
 const router = useRouter();
 const route = useRoute();
@@ -117,6 +127,39 @@ const route = useRoute();
 const isMobileSiderOpen = ref(false);
 const isActionsOpen = ref(false);
 
+const storedDomain =
+  typeof window !== "undefined"
+    ? window.localStorage.getItem(DOMAIN_STORAGE_KEY) || ""
+    : "";
+const domainFilter = ref(storedDomain);
+const domainOptions = ref<string[]>([]);
+
+async function loadDomains() {
+  try {
+    const res = await fetchDomainList();
+    const domains = Array.isArray(res.domains) ? res.domains : [];
+    const set = new Set(domains);
+    if (domainFilter.value && !set.has(domainFilter.value)) {
+      set.add(domainFilter.value);
+    }
+    domainOptions.value = Array.from(set);
+  } catch {
+    domainOptions.value = [];
+  }
+}
+
+provide("domainFilter", domainFilter);
+
+onMounted(() => {
+  loadDomains();
+});
+
+watch(domainFilter, (value) => {
+  if (typeof window !== "undefined") {
+    window.localStorage.setItem(DOMAIN_STORAGE_KEY, value || "");
+  }
+});
+
 function isRouteActive(name: string) {
   return route.name === name;
 }
@@ -209,10 +252,24 @@ function handleLogoutFromActions() {
 .layout-actions-wrapper {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 12px;
   position: relative;
 }
 
+.layout-domain-filter {
+  display: flex;
+  align-items: center;
+}
+
+.layout-domain-select {
+  padding: 6px 8px;
+  border-radius: 4px;
+  border: 1px solid #57606a;
+  background-color: #24292f;
+  color: #ffffff;
+  font-size: 13px;
+}
+
 .layout-actions {
   display: flex;
   gap: 8px;
diff --git a/cwd-admin/src/views/StatsView.vue b/cwd-admin/src/views/StatsView.vue
index 75c687f..7f93d9b 100644
--- a/cwd-admin/src/views/StatsView.vue
+++ b/cwd-admin/src/views/StatsView.vue
@@ -2,16 +2,6 @@
   <div class="page">
     <div style="display: flex; align-items: center; gap: 20px">
       <h2 class="page-title">数据看板</h2>
-      <div class="toolbar">
-        <div class="toolbar-left">
-          <select v-model="domainFilter" class="toolbar-select">
-            <option value="">全部域名</option>
-            <option v-for="item in domainOptions" :key="item" :value="item">
-              {{ item }}
-            </option>
-          </select>
-        </div>
-      </div>
     </div>
     <div
       v-if="toastVisible"
@@ -92,9 +82,10 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, onBeforeUnmount, ref, nextTick, watch } from "vue";
+import { onMounted, onBeforeUnmount, ref, nextTick, watch, inject } from "vue";
+import type { Ref } from "vue";
 import * as echarts from "echarts";
-import { fetchCommentStats, fetchDomainList } from "../api/admin";
+import { fetchCommentStats } from "../api/admin";
 
 type DomainStat = {
   domain: string;
@@ -104,8 +95,6 @@ type DomainStat = {
   rejected: number;
 };
 
-const DOMAIN_STORAGE_KEY = "cwd_admin_domain_filter";
-
 const statsLoading = ref(false);
 const statsError = ref("");
 const statsSummary = ref({
@@ -117,12 +106,8 @@ const statsSummary = ref({
 const domainStats = ref<DomainStat[]>([]);
 const last7Days = ref<{ date: string; total: number }[]>([]);
 
-const storedDomain =
-  typeof window !== "undefined"
-    ? window.localStorage.getItem(DOMAIN_STORAGE_KEY) || ""
-    : "";
-const domainFilter = ref(storedDomain);
-const domainOptions = ref<string[]>([]);
+const injectedDomainFilter = inject<Ref<string> | null>("domainFilter", null);
+const domainFilter = injectedDomainFilter ?? ref("");
 
 const toastMessage = ref("");
 const toastType = ref<"success" | "error">("success");
@@ -166,21 +151,6 @@ async function loadStats() {
   }
 }
 
-async function loadDomains() {
-  try {
-    const res = await fetchDomainList();
-    const domains = Array.isArray(res.domains) ? res.domains : [];
-    const set = new Set(domains);
-    if (domainFilter.value && !set.has(domainFilter.value)) {
-      set.add(domainFilter.value);
-    }
-    domainOptions.value = Array.from(set);
-  } catch (e: any) {
-    const msg = e.message || "加载域名列表失败";
-    showToast(msg, "error");
-  }
-}
-
 function renderChart() {
   const el = chartEl.value;
   if (!el) {
@@ -244,14 +214,10 @@ function handleResize() {
 
 onMounted(() => {
   loadStats();
-  loadDomains();
   window.addEventListener("resize", handleResize);
 });
 
-watch(domainFilter, (value) => {
-  if (typeof window !== "undefined") {
-    window.localStorage.setItem(DOMAIN_STORAGE_KEY, value || "");
-  }
+watch(domainFilter, () => {
   loadStats();
 });
 
diff --git a/cwd-api/src/index.ts b/cwd-api/src/index.ts
index f627f4c..7af7dec 100644
--- a/cwd-api/src/index.ts
+++ b/cwd-api/src/index.ts
@@ -210,7 +210,7 @@ app.use('/admin/*', async (c, next) => {
 
 app.get('/', (c) => {
 	return c.html(
-		`CWD 评论部署成功，当前版本 ${VERSION}，<a href="https://github.com/anghunk/cwd" target="_blank" rel="noreferrer">查看文档</a>`
+		`CWD 评论部署成功，当前版本 ${VERSION}，<a href="https://cdw.js.org" target="_blank" rel="noreferrer">查看文档</a>`
 	);
 });
 
diff --git a/docs/.vitepress/components/footerDoc.vue b/docs/.vitepress/components/footerDoc.vue
index 57a9fa8..fc0e2d9 100644
--- a/docs/.vitepress/components/footerDoc.vue
+++ b/docs/.vitepress/components/footerDoc.vue
@@ -10,7 +10,7 @@ const commentsRoot = ref(null);
 onMounted(async () => {
   if (!commentsRoot.value || typeof window === "undefined") return;
 
-  const apiBaseUrl = "https://cwd-api.anghunk.workers.dev";
+  const apiBaseUrl = "https://cwd-api.zishu.me";
 
   if (!apiBaseUrl) return;