From a9e35e64bf1f5f4e1e3e3e55e6753f9f184ae4f8 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Tue, 22 Jul 2025 00:23:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=A8=E8=AE=BE=E7=BD=AE=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=E4=B8=AD=E6=B7=BB=E5=8A=A0=E6=9C=8D=E5=8A=A1=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=E9=83=A8=E5=88=86=EF=BC=8C=E6=8F=90=E4=BE=9B=E5=BF=AB?=
 =?UTF-8?q?=E9=80=9F=E8=AE=BF=E9=97=AE=E5=A4=96=E9=83=A8=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E7=9A=84=E5=8A=9F=E8=83=BD=EF=BC=8C=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E7=AE=A1=E7=90=86=E7=BB=84=E4=BB=B6=E7=9A=84?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/SettingView.vue | 123 +++++++++++++++++++++++++++++++++-
 1 file changed, 121 insertions(+), 2 deletions(-)

diff --git a/web/src/views/SettingView.vue b/web/src/views/SettingView.vue
index be99ca85..8d654f11 100644
--- a/web/src/views/SettingView.vue
+++ b/web/src/views/SettingView.vue
@@ -51,14 +51,62 @@
             </a-select>
           </div>
         </div>
+
+        <!-- 服务链接部分 -->
+        <div v-if="userStore.isAdmin">
+          <h3>服务链接</h3>
+          <p>快速访问系统相关的外部服务，需要将 localhost 替换为实际的 IP 地址。</p>
+          <div class="services-grid">
+            <div class="service-link-card">
+              <div class="service-info">
+                <h4>Neo4j 浏览器</h4>
+                <p>图数据库管理界面</p>
+              </div>
+                            <a-button type="default" @click="openLink('http://localhost:7474/')" :icon="h(GlobalOutlined)">
+                访问
+              </a-button>
+            </div>
+
+            <div class="service-link-card">
+              <div class="service-info">
+                <h4>API 接口文档</h4>
+                <p>系统接口文档和调试工具</p>
+              </div>
+              <a-button type="default" @click="openLink('http://localhost:5050/docs')" :icon="h(GlobalOutlined)">
+                访问
+              </a-button>
+            </div>
+
+            <div class="service-link-card">
+              <div class="service-info">
+                <h4>MinIO 对象存储</h4>
+                <p>文件存储管理控制台</p>
+              </div>
+              <a-button type="default" @click="openLink('http://localhost:9001')" :icon="h(GlobalOutlined)">
+                访问
+              </a-button>
+            </div>
+
+            <div class="service-link-card">
+              <div class="service-info">
+                <h4>Milvus WebUI</h4>
+                <p>向量数据库管理界面</p>
+              </div>
+              <a-button type="default" @click="openLink('http://localhost:9091/webui/')" :icon="h(GlobalOutlined)">
+                访问
+              </a-button>
+            </div>
+          </div>
+        </div>
       </div>
       <div class="setting" v-if="(state.windowWidth <= 520 || state.section === 'model') && userStore.isSuperAdmin">
         <h3>模型配置</h3>
         <p>请在 <code>src/.env</code> 文件中配置对应的 APIKEY，并重新启动服务</p>
         <ModelProvidersComponent />
       </div>
+
       <!-- TODO 用户管理优化，添加姓名（默认使用用户名配置项） -->
-      <div class="setting" v-if="state.section === 'user' && userStore.isAdmin">
+      <div class="setting" v-if="(state.windowWidth <= 520 || state.section === 'user') && userStore.isAdmin">
          <UserManagementComponent />
       </div>
     </div>
@@ -75,7 +123,8 @@ import {
   SettingOutlined,
   CodeOutlined,
   FolderOutlined,
-  UserOutlined
+  UserOutlined,
+  GlobalOutlined
 } from '@ant-design/icons-vue';
 import HeaderComponent from '@/components/HeaderComponent.vue';
 import TableConfigComponent from '@/components/TableConfigComponent.vue';
@@ -171,6 +220,10 @@ const sendRestart = () => {
       message.error({ content: `重启失败: ${error.message}`, key: "restart", duration: 2 });
     });
 }
+
+const openLink = (url) => {
+  window.open(url, '_blank')
+}
 </script>
 
 <style lang="less" scoped>
@@ -270,8 +323,56 @@ const sendRestart = () => {
       }
     }
   }
+
+  .services-grid {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 16px;
+    margin-top: 20px;
+
+    @media (min-width: 768px) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+
+    .service-link-card {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px;
+    border: 1px solid var(--gray-300);
+    border-radius: 8px;
+    background: white;
+    transition: all 0.2s;
+    min-height: 80px;
+
+    &:hover {
+      box-shadow: 0 1px 8px var(--gray-200);
+    }
+
+    .service-info {
+      flex: 1;
+      margin-right: 16px;
+
+      h4 {
+        margin: 0 0 4px 0;
+        color: var(--gray-900);
+        font-size: 15px;
+        font-weight: 600;
+      }
+
+      p {
+        margin: 0;
+        color: var(--gray-600);
+        font-size: 13px;
+        line-height: 1.4;
+      }
+    }
+  }
 }
 
+
+
 @media (max-width: 520px) {
   .setting-container {
     flex-direction: column;
@@ -282,6 +383,24 @@ const sendRestart = () => {
     align-items: flex-start;
     flex-direction: column;
   }
+
+  .services-grid {
+    gap: 12px;
+  }
+
+  .service-link-card {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+    min-height: auto;
+    padding: 12px;
+
+    .service-info {
+      text-align: left;
+      margin-bottom: 4px;
+      margin-right: 0;
+    }
+  }
 }
 </style>