From 88f6398e83905c6225c39b9c065ad731a88a50b8 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Wed, 16 Apr 2025 21:45:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=BE=E7=BD=AE=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=8C=E7=A7=BB=E9=99=A4=E6=90=9C=E7=B4=A2=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/SettingView.vue | 66 ++++++++++++++++-------------------
 1 file changed, 30 insertions(+), 36 deletions(-)

diff --git a/web/src/views/SettingView.vue b/web/src/views/SettingView.vue
index bec90fc9..d2fdb82c 100644
--- a/web/src/views/SettingView.vue
+++ b/web/src/views/SettingView.vue
@@ -17,7 +17,24 @@
         <a-button type="text" :class="{ activesec: state.section === 'path'}" @click="state.section='path'" :icon="h(FolderOutlined)"> 路径配置 </a-button>
       </div>
       <div class="setting" v-if="state.windowWidth <= 520 || state.section === 'base'">
-        <h3>基础模型配置</h3>
+        <h3>功能配置</h3>
+        <div class="section">
+          <div class="card">
+            <span class="label">{{ items?.enable_knowledge_base.des }}</span>
+            <a-switch
+              :checked="configStore.config.enable_knowledge_base"
+              @change="handleChange('enable_knowledge_base', !configStore.config.enable_knowledge_base)"
+            />
+          </div>
+          <div class="card">
+            <span class="label">{{ items?.enable_knowledge_graph.des }}</span>
+            <a-switch
+              :checked="configStore.config.enable_knowledge_graph"
+              @change="handleChange('enable_knowledge_graph', !configStore.config.enable_knowledge_graph)"
+            />
+          </div>
+        </div>
+        <h3>检索配置</h3>
         <div class="section">
           <div class="card card-select">
             <span class="label">{{ items?.embed_model.des }}</span>
@@ -44,31 +61,6 @@
               </a-select-option>
             </a-select>
           </div>
-        </div>
-        <h3>功能配置</h3>
-        <div class="section">
-          <div class="card">
-            <span class="label">{{ items?.enable_knowledge_base.des }}</span>
-            <a-switch
-              :checked="configStore.config.enable_knowledge_base"
-              @change="handleChange('enable_knowledge_base', !configStore.config.enable_knowledge_base)"
-            />
-          </div>
-          <div class="card">
-            <span class="label">{{ items?.enable_knowledge_graph.des }}</span>
-            <a-switch
-              :checked="configStore.config.enable_knowledge_graph"
-              @change="handleChange('enable_knowledge_graph', !configStore.config.enable_knowledge_graph)"
-            />
-          </div>
-          <div class="card">
-            <span class="label">{{ items?.enable_web_search.des }}</span>
-            <!-- <a-switch
-              :checked="configStore.config.enable_web_search"
-              @change="handleChange('enable_web_search', !configStore.config.enable_web_search)"
-            /> -->
-            <a-switch :checked="configStore.config.enable_web_search" />
-          </div>
           <div class="card">
             <span class="label">{{ items?.enable_reranker.des }}</span>
             <a-switch
@@ -76,9 +68,6 @@
               @change="handleChange('enable_reranker', !configStore.config.enable_reranker)"
             />
           </div>
-        </div>
-        <h3>检索配置</h3>
-        <div class="section">
           <div class="card card-select">
             <span class="label">{{ items?.use_rewrite_query.des }}</span>
             <a-select style="width: 200px"
@@ -166,13 +155,13 @@
             </div>
             <div class="model-title-container">
               <h3>{{ modelNames[item].name }}</h3>
-              <a :href="modelNames[item].url" target="_blank" class="model-url" @click.stop>
+              <!-- <a :href="modelNames[item].url" target="_blank" class="model-url" @click.stop>
                 <InfoCircleOutlined />
-              </a>
+              </a> -->
             </div>
             <a-button
               type="text"
-              class="config-button"
+              class="expand-button"
               @click.stop="openProviderConfig(item)"
               title="配置模型提供商"
             >
@@ -184,7 +173,7 @@
               @click.stop="toggleExpand(item)"
             >
               <span class="icon-wrapper" :class="{'rotated': expandedModels[item]}">
-                <DownOutlined />
+                <DownCircleOutlined />
               </span>
             </a-button>
           </div>
@@ -293,6 +282,8 @@ import {
   DownOutlined,
   UpOutlined,
   LoadingOutlined,
+  UpCircleOutlined,
+  DownCircleOutlined,
 } from '@ant-design/icons-vue';
 import HeaderComponent from '@/components/HeaderComponent.vue';
 import TableConfigComponent from '@/components/TableConfigComponent.vue';
@@ -590,8 +581,12 @@ const cancelProviderConfig = () => {
 </script>
 
 <style lang="less" scoped>
+:root {
+  --setting-header-height: 200px;
+}
+
 .setting-header {
-  height: 100px;
+  height: var(--setting-header-height);
 }
 
 .setting-header p {
@@ -603,7 +598,7 @@ const cancelProviderConfig = () => {
   box-sizing: border-box;
   display: flex;
   position: relative;
-  min-height: 100%;
+  min-height: calc(100vh - var(--setting-header-height));
 }
 
 .sider {
@@ -865,7 +860,6 @@ const cancelProviderConfig = () => {
             align-items: center;
             .name {
               color: var(--gray-1000);
-              font-weight: bold;
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;