From ae69b91e45992be0e38c7b1c205c83f83243bbb7 Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期三, 07 八月 2024 14:20:55 +0800
Subject: [PATCH] 知识库页面修改
---
src/views/dmx/knowledgeLib/test.vue | 111 ++++++++++++++++++-------------------------------------
1 files changed, 37 insertions(+), 74 deletions(-)
diff --git a/src/views/dmx/knowledgeLib/test.vue b/src/views/dmx/knowledgeLib/test.vue
index c710965..780a97d 100644
--- a/src/views/dmx/knowledgeLib/test.vue
+++ b/src/views/dmx/knowledgeLib/test.vue
@@ -8,18 +8,18 @@
<a-divider style="margin-top: 10px" />
<a-form ref="formRef" :model="form" :style="{width:'100%'}" layout="vertical" @submit="handleSubmit">
<a-form-item field="similarity_threshold" label="鐩镐技搴﹂槇鍊�">
- <a-slider v-model="form.similarity_threshold" :format-tooltip="formatter" />
+ <a-slider v-model="form.similarity_threshold" :step="0.01" :min="0" :max="1" />
</a-form-item>
- <a-form-item field="slider" label="鍏抽敭瀛楃浉浼煎害鏉冮噸" :rules="[{type:'number', min:5,message:'slider is min than 5'}]">
- <a-slider v-model="form.vector_similarity_weight" :format-tooltip="formatter" />
+ <a-form-item field="slider" label="鍏抽敭瀛楃浉浼煎害鏉冮噸" >
+ <a-slider v-model="form.vector_similarity_weight" :step="0.01" :min="0" :max="1" />
</a-form-item>
- <a-form-item field="section" label="Rerank妯″瀷" :rules="[{match:/section one/,message:'璇烽�夋嫨'}]">
+ <a-form-item field="section" label="Rerank妯″瀷" >
<a-space direction="vertical" size="large">
<a-select :size="'large'" v-model="form.rerank_id" :style="{width:'100%'}" placeholder="璇烽�夋嫨 ..." allow-clear>
<a-optgroup :label="index" v-for="(item,index) in modelList" :key=index>
<a-option
v-for="(obj) in item"
- :key=obj.fid
+ :key="obj.fid"
:disabled="!obj.available"
:value="obj.llm_name"
>
@@ -32,7 +32,7 @@
<a-form-item field="slider" label="Top-K" :rules="[{type:'number', min:5,message:'slider is min than 5'}]">
<a-slider v-model="form.top_k" :min="1" :max="2048" />
</a-form-item>
- <a-form-item field="section" :rules="[{match:/section one/,message:'璇烽�夋嫨'}]">
+ <a-form-item >
<div class="main-container-form-item-extra">
<div class="main-container-form-item-extra-top">娴嬭瘯鏂囨湰</div>
<div class="main-container-form-item-extra-down">
@@ -43,31 +43,11 @@
</div>
</div>
</a-form-item>
-<!-- <a-form-item>-->
-<!-- <a-space>-->
-<!-- <a-button html-type="submit">Submit</a-button>-->
-<!-- <a-button @click="$refs.formRef.resetFields()">Reset</a-button>-->
-<!-- </a-space>-->
-<!-- </a-form-item>-->
</a-form>
</div>
</div>
<div class="main-container-rt">
<a-collapse style="width: 96%;margin-top: 1rem;margin-left: 2%">
-<!-- <a-collapse-item header="Beijing Toutiao Technology Co., Ltd." key="1">-->
-<!-- <template #extra>-->
-<!-- <icon-copy />-->
-<!-- </template>-->
-<!-- <div>Beijing Toutiao Technology Co., Ltd.</div>-->
-<!-- <div>Beijing Toutiao Technology Co., Ltd.</div>-->
-<!-- </a-collapse-item>-->
-<!-- <a-collapse-item header="Beijing Toutiao Technology Co., Ltd." :key="2">-->
-<!-- <template #extra>-->
-<!-- <a-button type="primary" size="mini" @click.stop="sayHello">hello</a-button>-->
-<!-- </template>-->
-<!-- <div>Beijing Toutiao Technology Co., Ltd.</div>-->
-<!-- <div>Beijing Toutiao Technology Co., Ltd.</div>-->
-<!-- </a-collapse-item>-->
<a-collapse-item header="0/0 閫夊畾鐨勬枃浠�" key="3">
<template #extra>
<a-tag size="small">鍛戒腑鏁�</a-tag>
@@ -86,43 +66,33 @@
import { onMounted, onBeforeMount, reactive, ref, watch } from "vue";
import { Message } from '@arco-design/web-vue';
import { kbretrievalTest, queryModelList } from "@/api/kbList";
+// const props = defineProps(['kbId'])
-const props = defineProps(['kbobj'])
-watch(
- ()=>props.kbobj,
- (val)=>{
- console.log(val, '瑙佸惉鍒版柊鍊�');
- },
- {
- deep: true,
- immediate: true
- }
-)
+// watch(() => props.kbId, (newValue, oldValue) => {
+// console.log('kbId 鍙樺寲浜�', newValue, oldValue);
+// },{
+// deep:true,
+// });
+
let visible = ref(false);
let loading = ref(false);
const formRef = ref(null);
+const kbid = ref('');
const modelList = ref({});
let form = reactive({
- kb_id: props.kbobj.id,
page: 1,
question: '',
rerank_id: '',
- similarity_threshold: 20,
+ similarity_threshold: 0.2,
size: 10,
top_k: 1024,
- vector_similarity_weight: 30,
+ vector_similarity_weight: 0.3,
});
const formatter = (value) => {
- return Math.round(value / 100)
-};
-
-
-
-const sayHello = (str) => {
- Message.info(str);
+ // return String(Math.round(value / 100))
};
const handleSubmit = async ({values, errors}) => {
@@ -130,26 +100,15 @@
if (!form.question){
return
}
- let formObj = {...form}
- formObj.similarity_threshold = formObj.similarity_threshold/100;
- formObj.vector_similarity_weight = formObj.vector_similarity_weight/100;
+ let formObj = {
+ ...form,
+ kb_id:kbid.value,
+ }
const data = await kbretrievalTest(formObj);
- console.log(data);
}
const handleClick = () => {
visible.value = true;
-};
-const handleBeforeOk = (done) => {
- formRef.value.validate().then(res => {
- console.log('form:', form)
- if (!form.name) {
- done(false)
- }else {
- console.log('璇锋眰鏁版嵁');
-
- }
- })
};
const handleCancel = () => {
visible.value = false;
@@ -157,17 +116,15 @@
const handleOpened =(el) => {
Object.assign(form,{
- name: '',// 鐢ㄦ埛鍚�
- nameJoin: '',// 鏄电О
- post: '',// 宀椾綅
- txt: '',// 澶囨敞
+
});
formRef.value.resetFields();
- // console.log(props.record, 'record');
- // if(props.edit == 'edit'){
- // Object.assign(form,props.record);
- // }
}
+
+const changekbid = (value) => {
+ kbid.value = value;
+}
+
const queryModel = async (params) => {
try {
const data = await queryModelList(params);
@@ -183,6 +140,12 @@
}
};
+
+
+defineExpose({
+ changekbid
+})
+
onBeforeMount(()=>{
queryModel({})
})
@@ -211,8 +174,8 @@
&-lf{
width: 30%;
height: 100%;
- //border: 1px solid #cccccc;
- background: #ffffff;
+ //border: 1px solid var(--color-fill-3);
+ background: var(--color-bg-2);
border-radius: 10px;
overflow: hidden;
&-top{
@@ -258,8 +221,8 @@
width: 69%;
height: 100%;
//background: #626aea;
- //border: 1px solid #cccccc;
- background: #ffffff;
+ //border: 1px solid var(--color-fill-3);
+ background: var(--color-bg-2);
border-radius: 10px;
}
}
--
Gitblit v1.8.0