From 49c96ee8a42c3627e3be8ca47e8522c8bb08ed45 Mon Sep 17 00:00:00 2001
From: liumangmang <a362165265@qq.com>
Date: Wed, 1 Jul 2026 20:47:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E9=99=A4=E4=BE=A7=E8=BE=B9?=
 =?UTF-8?q?=E6=A0=8F=E4=B8=AD=E7=9A=84=E4=B8=8A=E6=B8=B8=E7=BD=91=E5=9D=80?=
 =?UTF-8?q?=E5=BF=AB=E6=8D=B7=E5=85=A5=E5=8F=A3=EF=BC=8C=E5=B9=B6=E5=9C=A8?=
 =?UTF-8?q?=E4=B8=8A=E6=B8=B8=E7=AE=A1=E7=90=86=E5=88=97=E8=A1=A8=E5=90=84?=
 =?UTF-8?q?=E6=9D=A1=E8=AE=B0=E5=BD=95=E6=93=8D=E4=BD=9C=E5=88=97=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E5=AE=98=E7=BD=91=E8=B7=B3=E8=BD=AC=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/AppLayout.vue | 136 +-------------------------
 frontend/src/views/Upstreams.vue      |   8 +-
 2 files changed, 9 insertions(+), 135 deletions(-)

diff --git a/frontend/src/components/AppLayout.vue b/frontend/src/components/AppLayout.vue
index 8eee86d..46d5bb3 100644
--- a/frontend/src/components/AppLayout.vue
+++ b/frontend/src/components/AppLayout.vue
@@ -56,42 +56,6 @@
           </router-link>
         </nav>
       </div>
-
-      <div class="sidebar-divider" />
-
-      <div class="sidebar-section sidebar-section-pages">
-        <div class="sidebar-section-head">
-          <div>
-            <div class="sidebar-section-title">上游网址</div>
-            <p class="sidebar-section-note">外部控制台快捷入口</p>
-          </div>
-          <router-link to="/custom-pages" class="nav-manage-link" title="管理上游网址" @click="closeMobileNav">
-            <el-icon><Setting /></el-icon>
-          </router-link>
-        </div>
-
-        <div class="custom-page-stack">
-          <template v-if="customPages.length > 0">
-            <a
-              v-for="page in customPages"
-              :key="page.id"
-              class="nav-item nav-item-custom"
-              href="#"
-              @click.prevent="openCustomPage(page)"
-            >
-              <span class="nav-icon"><el-icon><component :is="iconMap[page.icon] || LinkIcon" /></el-icon></span>
-              <span class="nav-copy">
-                <strong class="nav-custom-label">{{ page.name }}</strong>
-                <small>{{ page.description || '外部控制台入口' }}</small>
-              </span>
-            </a>
-          </template>
-          <router-link v-else to="/custom-pages" class="add-page-link" @click="closeMobileNav">
-            <el-icon><Plus /></el-icon>
-            <span>添加网址</span>
-          </router-link>
-        </div>
-      </div>
     </aside>
 
     <div class="main-wrap">
@@ -124,26 +88,12 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, markRaw } from 'vue'
+import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { useAuthStore } from '@/stores/auth'
 import {
-  Link as LinkIcon,
-  Plus,
-  Setting,
   Close,
   Monitor,
-  SetUp,
-  Reading,
-  Cpu,
-  DataLine,
-  Grid,
-  Ticket,
-  Wallet,
-  Key,
-  Tools,
-  Star,
-  House,
   OfficeBuilding,
   Connection,
   Bell,
@@ -152,66 +102,19 @@ import {
   SwitchButton,
   Operation,
 } from '@element-plus/icons-vue'
-import { customPagesApi, type CustomPageData } from '@/api'
 
 const router = useRouter()
 const auth = useAuthStore()
 const mobileNavOpen = ref(false)
 
-const iconMap: Record<string, any> = {
-  Link: markRaw(LinkIcon),
-  Monitor: markRaw(Monitor),
-  SetUp: markRaw(SetUp),
-  Reading: markRaw(Reading),
-  Cpu: markRaw(Cpu),
-  DataLine: markRaw(DataLine),
-  Grid: markRaw(Grid),
-  Ticket: markRaw(Ticket),
-  Wallet: markRaw(Wallet),
-  Key: markRaw(Key),
-  Tools: markRaw(Tools),
-  Star: markRaw(Star),
-  House: markRaw(House),
-}
-
-const customPages = ref<CustomPageData[]>([])
-
-async function loadCustomPages() {
-  try {
-    const res = await customPagesApi.list()
-    customPages.value = res.data.filter((page) => page.enabled)
-  } catch {
-    // sidebar data is non-blocking
-  }
-}
-
-function onPagesUpdated() {
-  loadCustomPages()
-}
-
 function closeMobileNav() {
   mobileNavOpen.value = false
 }
 
-function openCustomPage(page: CustomPageData) {
-  closeMobileNav()
-  window.open(page.url, '_blank', 'noopener,noreferrer')
-}
-
 function handleLogout() {
   auth.clear()
   router.push('/login')
 }
-
-onMounted(() => {
-  loadCustomPages()
-  window.addEventListener('custom-pages-updated', onPagesUpdated)
-})
-
-onUnmounted(() => {
-  window.removeEventListener('custom-pages-updated', onPagesUpdated)
-})
-
 </script>
 
 <style scoped>
@@ -353,32 +256,11 @@ onUnmounted(() => {
   text-transform: uppercase;
 }
 
-.sidebar-section-head {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 0.85rem;
-}
-
-.sidebar-section-note {
-  margin-top: 0.35rem;
-  color: var(--text-soft);
-  font-size: 0.82rem;
-  line-height: 1.6;
-}
-
-.sidebar-nav,
-.custom-page-stack {
+.sidebar-nav {
   display: grid;
   gap: 0.55rem;
 }
 
-.sidebar-divider {
-  height: 1px;
-  margin: 0 0.4rem;
-  background: linear-gradient(90deg, transparent, var(--border-color), transparent);
-}
-
 .nav-item {
   display: grid;
   grid-template-columns: auto 1fr;
@@ -443,20 +325,6 @@ onUnmounted(() => {
   line-height: 1.45;
 }
 
-.nav-manage-link,
-.add-page-link {
-  min-height: 2.75rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.45rem;
-  padding: 0.7rem 0.95rem;
-  border-radius: 0.95rem;
-  border: 1px solid var(--border-color);
-  color: var(--text-secondary);
-  text-decoration: none;
-  background: rgba(255, 244, 232, 0.02);
-}
 
 .main-wrap {
   flex: 1;
diff --git a/frontend/src/views/Upstreams.vue b/frontend/src/views/Upstreams.vue
index 75a0c7d..fa60461 100644
--- a/frontend/src/views/Upstreams.vue
+++ b/frontend/src/views/Upstreams.vue
@@ -91,9 +91,10 @@
           </template>
         </el-table-column>
 
-        <el-table-column label="操作" width="280">
+        <el-table-column label="操作" width="320">
           <template #default="{ row }">
             <div class="action-row">
+              <el-button size="small" text :disabled="!row.base_url" @click="openOfficialSite(row)" title="在新标签页中打开上游官网">官网</el-button>
               <el-button size="small" text @click="openEdit(row)" title="编辑上游配置（认证、接口、余额等）">编辑</el-button>
               <el-button size="small" text @click="testUpstream(row)" :loading="row._testing" title="仅验证连通性：登录 + 拉取分组列表，不写快照、不触发通知">测试连接</el-button>
               <el-button size="small" text @click="checkNow(row)" :loading="row._checking" title="完整同步：拉取倍率 → 生成快照 → 对比变化 → 触发 Webhook → 同步 Key">立即同步</el-button>
@@ -977,6 +978,11 @@ function openCreate() {
   drawerVisible.value = true
 }
 
+function openOfficialSite(row: UpstreamData) {
+  if (!row.base_url) return
+  window.open(row.base_url, '_blank', 'noopener,noreferrer')
+}
+
 function openEdit(row: UpstreamData) {
   editingId.value = row.id
   quickPlatform.value = inferPlatform(row)