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

fix: scrollbar

Browse Source
This commit is contained in:
wangdan-fit2cloud 2025-07-07 15:04:35 +08:00
parent 8ee575b32e
commit 570c891ad2
4 changed files with 186 additions and 176 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/ai-chat/component/knowledge-source-component/index.vue
View File

@ -62,7 +62,7 @@
</div> </div>
<!-- 知识库引用/执行详情 dialog --> <!-- 知识库引用/执行详情 dialog -->
<el-dialog <el-dialog
class="chat-source-dialog" class="scrollbar-dialog"
:title="dialogTitle" :title="dialogTitle"
v-model="dialogVisible" v-model="dialogVisible"
destroy-on-close destroy-on-close

3
ui/src/styles/component.scss
View File

@ -50,6 +50,7 @@
align-items: flex-start; align-items: flex-start;
height: 100%; height: 100%;
width: 100%; width: 100%;
margin: 0;
} }
.el-radio__label { .el-radio__label {
width: 100%; width: 100%;
@ -216,7 +217,7 @@
} }
// 带滚动条dialog // 带滚动条dialog
.chat-source-dialog { .scrollbar-dialog {
padding: 16px !important; padding: 16px !important;
.el-dialog__header { .el-dialog__header {
padding: 4px 16px 12px 12px; padding: 4px 16px 12px 12px;

23
ui/src/views/application/component/ParamSettingDialog.vue
View File

@ -1,15 +1,16 @@
<template> <template>
<el-dialog <el-dialog
class="scrollbar-dialog"
align-center align-center
:title="$t('common.paramSetting')" :title="$t('common.paramSetting')"
class="param-dialog"
v-model="dialogVisible" v-model="dialogVisible"
style="width: 550px" width="550px"
append-to-body append-to-body
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
> >
<el-scrollbar max-height="550"> <el-scrollbar max-height="550">
<div class="p-8">
<el-form label-position="top" ref="paramFormRef" :model="form" v-loading="loading"> <el-form label-position="top" ref="paramFormRef" :model="form" v-loading="loading">
<el-form-item :label="$t('views.application.dialog.selectSearchMode')"> <el-form-item :label="$t('views.application.dialog.selectSearchMode')">
<el-radio-group <el-radio-group
@ -60,12 +61,14 @@
</el-card> </el-card>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-row :gutter="20"> <el-row :gutter="10">
<el-col :span="12"> <el-col :span="12">
<el-form-item> <el-form-item>
<template #label> <template #label>
<div class="flex align-center"> <div class="flex align-center">
<span class="mr-4">{{ $t('views.application.dialog.similarityThreshold') }}</span> <span class="mr-4">{{
$t('views.application.dialog.similarityThreshold')
}}</span>
<el-tooltip <el-tooltip
effect="dark" effect="dark"
:content="$t('views.application.dialog.similarityTooltip')" :content="$t('views.application.dialog.similarityTooltip')"
@ -100,7 +103,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-form-item :label="$t('views.application.dialog.maxCharacters')"> <el-form-item :label="$t('views.application.dialog.maxCharacters')">
<el-slider <el-slider
v-model="form.knowledge_setting.max_paragraph_char_number" v-model="form.knowledge_setting.max_paragraph_char_number"
@ -137,7 +139,9 @@
<el-radio value="designated_answer"> <el-radio value="designated_answer">
<p>{{ $t('views.application.dialog.provideAnswer') }}</p> <p>{{ $t('views.application.dialog.provideAnswer') }}</p>
<el-form-item <el-form-item
v-if="form.knowledge_setting.no_references_setting.status === 'designated_answer'" v-if="
form.knowledge_setting.no_references_setting.status === 'designated_answer'
"
prop="designated_answer" prop="designated_answer"
> >
<el-input <el-input
@ -152,11 +156,12 @@
</el-radio-group> </el-radio-group>
</el-form> </el-form>
</el-form-item> </el-form-item>
<el-form-item @click.prevent v-if="!isWorkflowType"> <el-form-item @click.prevent v-if="!isWorkflowType">
<template #label> <template #label>
<div class="flex align-center"> <div class="flex align-center">
<span class="mr-4">{{ $t('views.application.form.problemOptimization.label') }}</span> <span class="mr-4">{{
$t('views.application.form.problemOptimization.label')
}}</span>
</div> </div>
</template> </template>
<el-switch size="small" v-model="form.problem_optimization"></el-switch> <el-switch size="small" v-model="form.problem_optimization"></el-switch>
@ -173,7 +178,9 @@
:placeholder="defaultPrompt" :placeholder="defaultPrompt"
/> />
</el-form-item> </el-form-item>
</el-form> </el-form>
</div>
</el-scrollbar> </el-scrollbar>
<template #footer> <template #footer>

4
ui/src/views/paragraph/index.vue
View File

@ -49,6 +49,7 @@
<LayoutContainer showCollapse> <LayoutContainer showCollapse>
<template #left> <template #left>
<div class="paragraph-sidebar p-16"> <div class="paragraph-sidebar p-16">
<el-scrollbar class="paragraph-scollbar">
<el-anchor <el-anchor
direction="vertical" direction="vertical"
type="default" type="default"
@ -60,6 +61,7 @@
<el-anchor-link :href="`#m${item.id}`" :title="item.title" v-if="item.title" /> <el-anchor-link :href="`#m${item.id}`" :title="item.title" v-if="item.title" />
</template> </template>
</el-anchor> </el-anchor>
</el-scrollbar>
</div> </div>
</template> </template>
<div class="w-full"> <div class="w-full">
@ -346,7 +348,7 @@ onMounted(() => {
} }
.paragraph-sidebar { .paragraph-sidebar {
width: 100%; width: 100%;
height: 100%; height: calc(100vh - 215px);
box-sizing: border-box; box-sizing: border-box;
} }