kris/ForcePilot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

ui

Browse Source
This commit is contained in:
Wenjie Zhang 2024-09-29 16:13:47 +08:00
parent 9744b738ba
commit 262eed31b2
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/ChatComponent.vue
View File

@ -10,7 +10,7 @@
> >
<MenuOutlined /> <MenuOutlined />
</div> </div>
<a-tooltip :title="configStore.config?.model_name"> <a-tooltip :title="configStore.config?.model_name" placement="rightTop">
<div class="newchat nav-btn" @click="$emit('newconv')"> <div class="newchat nav-btn" @click="$emit('newconv')">
<PlusCircleOutlined /> <span class="text">新对话</span> <PlusCircleOutlined /> <span class="text">新对话</span>
</div> </div>

15
web/src/views/SettingView.vue
View File

@ -83,7 +83,7 @@
<div class="setting" v-if="state.section == 'model'"> <div class="setting" v-if="state.section == 'model'">
<h3>模型配置</h3> <h3>模型配置</h3>
<p>请在 <code>src/.env</code> 文件中配置对应的 APIKEY</p> <p>请在 <code>src/.env</code> 文件中配置对应的 APIKEY</p>
<div class="model-provider-card" v-for="(item, key) in modelKeys" :key="key"> <div class="model-provider-card" v-for="(item, key) in modelKeys" :key="key" :style="{backgroundColor: modelProvider == item ? colorMap[item] : white }">
<div class="card-header"> <div class="card-header">
<h3>{{ modelNames[item].name }}</h3> <h3>{{ modelNames[item].name }}</h3>
<a :href="modelNames[item].url" target="_blank">详情</a> <a :href="modelNames[item].url" target="_blank">详情</a>
@ -138,6 +138,16 @@ const state = reactive({
section: 'base' section: 'base'
}) })
const colorMap = reactive({
siliconflow: '#FFECFF',
zhipu: '#EFF1FE',
qianfan: '#E8F5FE',
deepseek: '#D3DCFF',
openai: '#E5E7EB',
vllm: '#E5E7EB',
bailian: '#EFF1FE',
})
// 筛选 modelStatus 中为真的key // 筛选 modelStatus 中为真的key
const modelKeys = computed(() => { const modelKeys = computed(() => {
return Object.keys(modelStatus.value).filter(key => modelStatus.value[key]) return Object.keys(modelStatus.value).filter(key => modelStatus.value[key])
@ -320,7 +330,7 @@ const sendRestart = () => {
height: 1rem; height: 1rem;
background-color: green; background-color: green;
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 1px rgba( 0,128, 0, 0.5);
border: 2px solid white; border: 2px solid white;
} }
@ -349,6 +359,7 @@ const sendRestart = () => {
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
box-sizing: border-box; box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.6);
&:hover { &:hover {
border-color: var(--gray-400); border-color: var(--gray-400);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);