优化一些样式预计说明文字
This commit is contained in:
Wenjie Zhang
parent
5a098e5ce2
commit
04918055c9
@ -37,7 +37,7 @@ async def route_index():
|
||||
Tool(
|
||||
name="agent",
|
||||
title="智能体（Dev）",
|
||||
description="智能体演练平台",
|
||||
description="智能体演练平台，现在还处于开发预览状态，欢迎提 Issue，但先不要用于正式场景。",
|
||||
url="/tools/agent",
|
||||
)
|
||||
]
|
||||
|
||||
@ -42,7 +42,6 @@ class Config(SimpleConfig):
|
||||
self._update_models_from_file()
|
||||
|
||||
### >>> 默认配置
|
||||
self.add_item("stream", default=True, des="是否开启流式输出")
|
||||
# 功能选项
|
||||
self.add_item("enable_reranker", default=False, des="是否开启重排序")
|
||||
self.add_item("enable_knowledge_base", default=False, des="是否开启知识库")
|
||||
|
||||
@ -41,10 +41,8 @@ MODEL_NAMES:
|
||||
- glm-4
|
||||
- glm-4-plus
|
||||
- glm-4-air
|
||||
- glm-4-airx
|
||||
- glm-4-long
|
||||
- glm-4-flashx
|
||||
- glm-4-flash
|
||||
- glm-z1-air
|
||||
siliconflow:
|
||||
name: SiliconFlow
|
||||
url: https://cloud.siliconflow.cn/models
|
||||
|
||||
@ -4,24 +4,32 @@
|
||||
<div class="header__left">
|
||||
<div
|
||||
v-if="!state.isSidebarOpen"
|
||||
class="close nav-btn"
|
||||
class="close nav-btn nav-btn-icon-only"
|
||||
@click="state.isSidebarOpen = true"
|
||||
>
|
||||
<img src="@/assets/icons/sidebar_left.svg" class="iconfont icon-20" alt="设置" />
|
||||
<a-tooltip title="展开侧边栏" placement="right">
|
||||
<img src="@/assets/icons/sidebar_left.svg" class="iconfont icon-20" alt="设置" />
|
||||
</a-tooltip>
|
||||
</div>
|
||||
|
||||
<div class="newchat nav-btn" @click="$emit('newconv')">
|
||||
<PlusCircleOutlined /> <span class="text">新对话</span>
|
||||
<div class="newchat nav-btn nav-btn-icon-only" @click="$emit('newconv')">
|
||||
<a-tooltip title="新建对话" placement="right">
|
||||
<PlusCircleOutlined />
|
||||
</a-tooltip>
|
||||
</div>
|
||||
<a-dropdown>
|
||||
<a class="model-select nav-btn" @click.prevent>
|
||||
<BulbOutlined /> <span class="text">{{ configStore.config?.model_provider }}/{{ configStore.config?.model_name }}</span>
|
||||
<BulbOutlined />
|
||||
<a-tooltip :title="configStore.config?.model_name" placement="right">
|
||||
<span class="model-text text"> {{ configStore.config?.model_name }} </span>
|
||||
</a-tooltip>
|
||||
<span class="text" style="color: #aaa;">{{ configStore.config?.model_provider }} </span>
|
||||
</a>
|
||||
<template #overlay>
|
||||
<a-menu class="scrollable-menu">
|
||||
<a-menu-item-group v-for="(item, key) in modelKeys" :key="key" :title="modelNames[item]?.name">
|
||||
<a-menu-item v-for="(model, idx) in modelNames[item]?.models" :key="`${item}-${idx}`" @click="selectModel(item, model)">
|
||||
{{ item }}/{{ model }}
|
||||
{{ model }}
|
||||
</a-menu-item>
|
||||
</a-menu-item-group>
|
||||
<a-menu-item-group v-if="customModels.length > 0" title="自定义模型">
|
||||
@ -38,9 +46,6 @@
|
||||
<component :is="opts.showPanel ? FolderOpenOutlined : FolderOutlined" /> <span class="text">选项</span>
|
||||
</div>
|
||||
<div v-if="opts.showPanel" class="my-panal r0 top100 swing-in-top-fwd" ref="panel">
|
||||
<div class="flex-center" @click="meta.stream = !meta.stream">
|
||||
流式输出 <div @click.stop><a-switch v-model:checked="meta.stream" /></div>
|
||||
</div>
|
||||
<div class="flex-center" @click="meta.summary_title = !meta.summary_title">
|
||||
总结对话标题 <div @click.stop><a-switch v-model:checked="meta.summary_title" /></div>
|
||||
</div>
|
||||
@ -210,7 +215,6 @@ const meta = reactive(JSON.parse(localStorage.getItem('meta')) || {
|
||||
use_web: false,
|
||||
graph_name: "neo4j",
|
||||
selectedKB: null,
|
||||
stream: true,
|
||||
summary_title: false,
|
||||
history_round: 20,
|
||||
db_id: null,
|
||||
@ -655,7 +659,7 @@ const modelKeys = computed(() => {
|
||||
const selectModel = (provider, name) => {
|
||||
configStore.setConfigValue('model_provider', provider)
|
||||
configStore.setConfigValue('model_name', name)
|
||||
message.success(`已切换到模型: ${provider}/${name}`)
|
||||
// message.success(`已切换到模型: ${name} | ${provider}`)
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -690,12 +694,6 @@ const selectModel = (provider, name) => {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.header__left {
|
||||
.close {
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-btn {
|
||||
@ -720,14 +718,18 @@ const selectModel = (provider, name) => {
|
||||
}
|
||||
}
|
||||
|
||||
.nav-btn-icon-only {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.model-select {
|
||||
// color: var(--gray-900);
|
||||
max-width: 300px;
|
||||
max-width: 350px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
.text {
|
||||
.model-text {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
@ -208,6 +208,10 @@ const mainList = [{
|
||||
<style lang="less" scoped>
|
||||
@import '@/assets/main.css';
|
||||
|
||||
:root {
|
||||
--header-width: 60px;
|
||||
}
|
||||
|
||||
.app-layout {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@ -243,18 +247,18 @@ div.header, #app-router-view {
|
||||
.header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 0 0 70px;
|
||||
flex: 0 0 var(--header-width);
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
background-color: var(--gray-100);
|
||||
height: 100%;
|
||||
width: 74px;
|
||||
width: var(--header-width);
|
||||
border-right: 1px solid var(--gray-300);
|
||||
|
||||
.logo {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 18px 0 18px 0;
|
||||
margin: 14px 0 14px 0;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
@ -288,7 +292,7 @@ div.header, #app-router-view {
|
||||
color: #222;
|
||||
font-size: 20px;
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
margin: 0 10px;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
|
||||
@ -327,12 +331,6 @@ div.header, #app-router-view {
|
||||
&.api-docs {
|
||||
padding: 10px 12px;
|
||||
}
|
||||
|
||||
&.setting {
|
||||
padding: 16px 12px;
|
||||
width: 56px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
font-weight: bold;
|
||||
color: var(--main-600);
|
||||
@ -362,6 +360,7 @@ div.header, #app-router-view {
|
||||
color: #333;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 10px;
|
||||
padding: 16px 12px;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="conversations" :class="{ 'is-open': state.isSidebarOpen }">
|
||||
<div class="actions">
|
||||
<!-- <div class="action new" @click="addNewConv"><FormOutlined /></div> -->
|
||||
<span class="header-title">对话历史</span>
|
||||
<span class="header-title">Yuxi-Know</span>
|
||||
<div class="action close" @click="state.isSidebarOpen = false">
|
||||
<img src="@/assets/icons/sidebar_left.svg" class="iconfont icon-20" alt="设置" />
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user