feat: 关于

This commit is contained in:
wangdan-fit2cloud 2024-02-23 18:28:21 +08:00
parent d01e1182f0
commit a66606af59
3 changed files with 104 additions and 86 deletions

View File

@ -39,28 +39,38 @@ defineExpose({ open })
</script> </script>
<style lang="scss" scope> <style lang="scss" scope>
.about-dialog { .about-dialog {
padding: 0;
border-radius: 4px; border-radius: 4px;
width: 600px;
.el-dialog__header { .el-dialog__header {
background: var(--app-header-bg-color); background: var(--app-header-bg-color);
margin-right: 0; margin-right: 0;
height: 45px; height: 140px;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
box-sizing: border-box;
}
.el-dialog__title {
line-height: 140px;
} }
.about-title { .about-title {
font-size: 24px; font-size: 40px;
} }
.logo { .logo {
background-image: url('@/assets/logo.png'); background-image: url('@/assets/logo.png');
background-size: 100% 100%; background-size: 100% 100%;
width: 35px; width: 59px;
height: 35px; height: 59px;
} }
.about-ui { .about-ui {
width: 200px; padding: 24px;
width: 360px;
margin: 0 auto; margin: 0 auto;
line-height: 30px; line-height: 30px;
span { font-weight: 400;
width: 80px; .label {
width: 180px;
text-align: left;
color: var(--app-text-color-secondary);
} }
} }
} }

View File

@ -5,6 +5,7 @@
--el-box-shadow-light: 0px 2px 4px 0px rgba(31, 35, 41, 0.12); --el-box-shadow-light: 0px 2px 4px 0px rgba(31, 35, 41, 0.12);
--el-border-color: #dee0e3; --el-border-color: #dee0e3;
--el-text-color-regular: #1f2329; --el-text-color-regular: #1f2329;
--el-color-info: #8F959E
} }
.el-button { .el-button {
@ -50,11 +51,16 @@
.el-form-item__label { .el-form-item__label {
font-weight: 400; font-weight: 400;
} }
.el-form-item__error { .el-form-item__error {
position: unset; position: unset;
font-size: 14px; font-size: 14px;
} }
.el-form--label-top .el-form-item .el-form-item__label {
padding-right: 0;
}
.el-dialog { .el-dialog {
--el-dialog-title-font-size: 16px; --el-dialog-title-font-size: 16px;
--el-dialog-padding-primary: 24px; --el-dialog-padding-primary: 24px;
@ -183,9 +189,6 @@
.el-text { .el-text {
font-weight: 400; font-weight: 400;
&.el-text--info {
color: var(--app-text-color-secondary);
}
} }
.el-switch { .el-switch {

View File

@ -102,95 +102,100 @@
<template #label> <template #label>
<div class="flex-between"> <div class="flex-between">
<span>关联知识库</span> <span>关联知识库</span>
<div>
<el-popover :visible="popoverVisible" :width="300" trigger="click">
<template #reference>
<el-button type="primary" link @click="datasetSettingChange('open')"
><el-icon class="mr-4"><Operation /></el-icon></el-button
>
</template>
<div class="dataset_setting">
<div class="form-item mb-16 p-8">
<div class="title flex align-center mb-8">
<span style="margin-right: 4px">相似度</span>
<el-tooltip
effect="dark"
content="相似度越高相关性越强。"
placement="right"
>
<el-icon style="font-size: 16px">
<Warning />
</el-icon>
</el-tooltip>
</div>
<div @click.stop>
高于
<el-input-number
v-model="dataset_setting.similarity"
:min="0"
:max="1"
:precision="3"
:step="0.1"
controls-position="right"
style="width: 100px"
size="small"
/>
</div>
</div>
<div class="form-item mb-16 p-8">
<div class="title mb-8">引用分段数</div>
<div @click.stop>
TOP
<el-input-number
v-model="dataset_setting.top_n"
:min="1"
:max="10"
controls-position="right"
style="width: 100px"
size="small"
/>
个分段
</div>
</div>
<el-popover :visible="popoverVisible" :width="300" trigger="click"> <div class="form-item mb-16 p-8">
<template #reference> <div class="title mb-8">最多引用字符数</div>
<el-button type="primary" link @click="datasetSettingChange('open')" <div class="flex align-center">
>参数设置</el-button <el-slider
> v-model="dataset_setting.max_paragraph_char_number"
</template> show-input
<div class="dataset_setting"> :show-input-controls="false"
<div class="form-item mb-16 p-8"> :min="500"
<div class="title flex align-center mb-8"> :max="10000"
<span style="margin-right: 4px">相似度</span> style="width: 200px"
<el-tooltip size="small"
effect="dark" class="custom-slider"
content="相似度越高相关性越强。" />
placement="right" <span class="ml-4">个字符</span>
> </div>
<el-icon style="font-size: 16px">
<Warning />
</el-icon>
</el-tooltip>
</div>
<div @click.stop>
高于
<el-input-number
v-model="dataset_setting.similarity"
:min="0"
:max="1"
:precision="3"
:step="0.1"
controls-position="right"
style="width: 100px"
size="small"
/>
</div> </div>
</div> </div>
<div class="form-item mb-16 p-8"> <div class="text-right">
<div class="title mb-8">引用分段数</div> <el-button size="small" @click="popoverVisible = false">取消</el-button>
<div @click.stop> <el-button
TOP type="primary"
<el-input-number @click="datasetSettingChange('close')"
v-model="dataset_setting.top_n" size="small"
:min="1" >确认</el-button
:max="10" >
controls-position="right"
style="width: 100px"
size="small"
/>
个分段
</div>
</div> </div>
</el-popover>
<div class="form-item mb-16 p-8"> <el-button type="primary" link @click="openDatasetDialog"
<div class="title mb-8">最多引用字符数</div> ><el-icon class="mr-4"><Plus /></el-icon></el-button
<div class="flex align-center"> >
<el-slider </div>
v-model="dataset_setting.max_paragraph_char_number"
show-input
:show-input-controls="false"
:min="500"
:max="10000"
style="width: 200px"
size="small"
class="custom-slider"
/>
<span class="ml-4">个字符</span>
</div>
</div>
</div>
<div class="text-right">
<el-button size="small" @click="popoverVisible = false">取消</el-button>
<el-button
type="primary"
@click="datasetSettingChange('close')"
size="small"
>确认</el-button
>
</div>
</el-popover>
</div> </div>
</template> </template>
<div class="w-full"> <div class="w-full">
<el-text type="info">关联的知识库展示在这里</el-text>
<el-row :gutter="12"> <el-row :gutter="12">
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="mb-8"> <!-- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="mb-8">
<CardAdd <CardAdd
title="关联知识库" title="关联知识库"
@click="openDatasetDialog" @click="openDatasetDialog"
style="min-height: 50px; font-size: 14px" style="min-height: 50px; font-size: 14px"
/> />
</el-col> </el-col> -->
<el-col <el-col
:xs="24" :xs="24"
:sm="24" :sm="24"