zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of github.com:maxkb-dev/maxkb

Browse Source
This commit is contained in:
shaohuzhang1 2024-01-25 19:22:07 +08:00
commit 1254e5c5ff
4 changed files with 73 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
ui/src/components/ai-chat/ParagraphSourceDialog.vue
View File

@ -6,56 +6,58 @@
destroy-on-close destroy-on-close
append-to-body append-to-body
> >
<el-scrollbar height="450"> <div class="paragraph-source-height">
<div class="p-16"> <el-scrollbar>
<el-form label-position="top"> <div class="p-16">
<el-form-item label="用户问题"> <el-form label-position="top">
<el-input v-model="detail.problem_text" disabled /> <el-form-item label="用户问题">
</el-form-item> <el-input v-model="detail.problem_text" disabled />
<el-form-item label="优化后问题"> </el-form-item>
<el-input v-model="detail.padding_problem_text" disabled /> <el-form-item label="优化后问题">
</el-form-item> <el-input v-model="detail.padding_problem_text" disabled />
<el-form-item label="引用分段"> </el-form-item>
<template v-for="(item, index) in detail.paragraph_list" :key="index"> <el-form-item label="引用分段">
<CardBox <template v-for="(item, index) in detail.paragraph_list" :key="index">
shadow="never" <CardBox
:title="item.title || '-'" shadow="never"
class="paragraph-source-card cursor mb-8" :title="item.title || '-'"
:class="item.is_active ? '' : 'disabled'" class="paragraph-source-card cursor mb-8"
:showIcon="false" :class="item.is_active ? '' : 'disabled'"
> :showIcon="false"
<template #icon> >
<AppAvatar :name="index + 1 + ''" class="mr-12 avatar-light" :size="22" /> <template #icon>
</template> <AppAvatar :name="index + 1 + ''" class="mr-12 avatar-light" :size="22" />
<div class="active-button primary">{{ item.similarity?.toFixed(3) }}</div> </template>
<template #description> <div class="active-button primary">{{ item.similarity?.toFixed(3) }}</div>
<el-scrollbar height="90"> <template #description>
{{ item.content }} <el-scrollbar height="90">
</el-scrollbar> {{ item.content }}
</template> </el-scrollbar>
<template #footer> </template>
<div class="footer-content flex-between"> <template #footer>
<el-text> <div class="footer-content flex-between">
<el-icon> <el-text>
<Document /> <el-icon>
</el-icon> <Document />
{{ item?.document_name }} </el-icon>
</el-text> {{ item?.document_name }}
<div class="flex align-center"> </el-text>
<AppAvatar class="mr-8" shape="square" :size="18"> <div class="flex align-center">
<img src="@/assets/icon_document.svg" style="width: 58%" alt="" /> <AppAvatar class="mr-8" shape="square" :size="18">
</AppAvatar> <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
</AppAvatar>
<span class="ellipsis"> {{ item?.dataset_name }}</span> <span class="ellipsis"> {{ item?.dataset_name }}</span>
</div>
</div> </div>
</div> </template>
</template> </CardBox>
</CardBox> </template>
</template> </el-form-item>
</el-form-item> </el-form>
</el-form> </div>
</div> </el-scrollbar>
</el-scrollbar> </div>
</el-dialog> </el-dialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -88,6 +90,9 @@ defineExpose({ open })
.el-dialog__body { .el-dialog__body {
padding: 8px !important; padding: 8px !important;
} }
.paragraph-source-height {
height: calc(100vh - 260px);
}
} }
.paragraph-source-card { .paragraph-source-card {
height: 210px; height: 210px;

7
ui/src/layout/components/breadcrumb/index.vue
View File

@ -67,7 +67,7 @@
</div> </div>
</template> </template>
</el-dropdown-menu> </el-dropdown-menu>
<div class="border-t" style="padding: 8px 11px; min-width: 200px"> <div class="breadcrumb__footer border-t" style="padding: 8px 11px; min-width: 200px">
<template v-if="isApplication"> <template v-if="isApplication">
<div <div
class="w-full text-left cursor" class="w-full text-left cursor"
@ -195,5 +195,10 @@ onMounted(() => {
color: var(--el-menu-active-color); color: var(--el-menu-active-color);
} }
} }
&__footer {
&:hover {
background-color: var(--app-text-color-light-1);
}
}
} }
</style> </style>

9
ui/src/styles/app.scss
View File

@ -498,3 +498,12 @@ h4 {
border: 1px solid var(--el-color-primary); border: 1px solid var(--el-color-primary);
} }
} }
// AI模型选择：添加模型hover样式
.select-model {
.el-select-dropdown__footer {
&:hover {
background-color: var(--el-fill-color-light);
}
}
}

7
ui/src/views/application/CreateAndSetting.vue
View File

@ -56,6 +56,7 @@
v-model="applicationForm.model_id" v-model="applicationForm.model_id"
placeholder="请选择 AI 模型" placeholder="请选择 AI 模型"
style="width: 100%" style="width: 100%"
popper-class="select-model"
> >
<el-option-group <el-option-group
v-for="(value, label) in modelOptions" v-for="(value, label) in modelOptions"
@ -163,7 +164,7 @@
:max="10000" :max="10000"
style="width: 200px" style="width: 200px"
size="small" size="small"
class="customer-slider" class="custom-slider"
/> />
<span class="ml-4">个字符</span> <span class="ml-4">个字符</span>
</div> </div>
@ -560,9 +561,11 @@ onMounted(() => {
background: var(--app-layout-bg-color); background: var(--app-layout-bg-color);
} }
} }
.customer-slider { .custom-slider {
:deep(.el-input-number.is-without-controls .el-input__wrapper) { :deep(.el-input-number.is-without-controls .el-input__wrapper) {
padding: 0 !important; padding: 0 !important;
} }
} }
</style> </style>