优化设置页面,移除搜索配置

This commit is contained in:
Wenjie Zhang 2025-04-16 21:45:17 +08:00
parent 04918055c9
commit 88f6398e83

View File

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