| | |
| | | |
| | | <template> |
| | | <div class="main-container"> |
| | | <div class="main-container-lf"> |
| | | <div class="main-container-lf-top">检索测试</div> |
| | | <div class="main-container-lf-down"> |
| | | <div style="color: #999;">最后一步! 成功后,剩下的就交给Infiniflow AI吧。</div> |
| | | <div style="color: #999" |
| | | >最后一步! 成功后,剩下的就交给Infiniflow AI吧。</div |
| | | > |
| | | <a-divider style="margin-top: 10px" /> |
| | | <a-form ref="formRef" :model="form" :style="{width:'100%'}" layout="vertical" @submit="handleSubmit"> |
| | | <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" /> |
| | | </a-form-item> |
| | | <a-form-item field="slider" label="关键字相似度权重" :rules="[{type:'number', min:5,message:'slider is min than 5'}]"> |
| | | <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" /> |
| | | </a-form-item> |
| | | <a-form-item field="section" label="Rerank模型" :rules="[{match:/section one/,message:'请选择'}]"> |
| | | <a-form-item |
| | | field="section" |
| | | label="Rerank模型" |
| | | :rules="[{ match: /section one/, message: '请选择' }]" |
| | | > |
| | | <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-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" |
| | | v-for="obj in item" |
| | | :key="obj.fid" |
| | | :disabled="!obj.available" |
| | | :value="obj.llm_name" |
| | |
| | | </a-select> |
| | | </a-space> |
| | | </a-form-item> |
| | | <a-form-item field="slider" label="Top-K" :rules="[{type:'number', min:5,message:'slider is min than 5'}]"> |
| | | <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 > |
| | | <div class="main-container-form-item-extra"> |
| | | <div class="main-container-form-item-extra-top">测试文本</div> |
| | | <div class="main-container-form-item-extra-down"> |
| | | <a-textarea v-model="form.question" style="height: 10rem;border: 1px solid var(--color-fill-3);border-radius: 4px" placeholder="" allow-clear/> |
| | | <a-textarea |
| | | v-model="form.question" |
| | | style=" |
| | | height: 10rem; |
| | | border: 1px solid var(--color-fill-3); |
| | | border-radius: 4px; |
| | | " |
| | | placeholder="" |
| | | allow-clear |
| | | /> |
| | | </div> |
| | | <div class="main-container-form-item-extra-btn"> |
| | | <a-button type="primary" html-type="submit">测试</a-button> |
| | |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { onMounted, onBeforeMount, reactive, ref, watch } from "vue"; |
| | | import { onMounted, onBeforeMount, reactive, ref, watch } from 'vue'; |
| | | import { Message } from '@arco-design/web-vue'; |
| | | import { kbretrievalTest, queryModelList } from "@/api/kbList"; |
| | | // import { usePinia } from "../../../store"; |
| | | // const store = usePinia(); |
| | | import { kbretrievalTest, queryModelList } from '@/api/kbList'; |
| | | // const props = defineProps(['kbId']) |
| | | |
| | | // watch(() => props.kbId, (newValue, oldValue) => { |
| | |
| | | // },{ |
| | | // deep:true, |
| | | // }); |
| | | |
| | | |
| | | let visible = ref(false); |
| | | let loading = ref(false); |
| | |
| | | vector_similarity_weight: 30, |
| | | }); |
| | | |
| | | |
| | | const formatter = (value) => { |
| | | // return String(Math.round(value / 100)) |
| | | }; |
| | |
| | | const handleSubmit = async ({values, errors}) => { |
| | | // console.log(props.kbobj, 'props.kbobj'); |
| | | if (!form.question){ |
| | | return |
| | | return; |
| | | } |
| | | let formObj = { |
| | | ...form, |
| | | kb_id:kbid.value, |
| | | } |
| | | }; |
| | | formObj.similarity_threshold = formObj.similarity_threshold/100; |
| | | formObj.vector_similarity_weight = formObj.vector_similarity_weight/100; |
| | | const data = await kbretrievalTest(formObj); |
| | | } |
| | | }; |
| | | |
| | | const handleClick = () => { |
| | | visible.value = true; |
| | | }; |
| | | const handleCancel = () => { |
| | | visible.value = false; |
| | | } |
| | | }; |
| | | |
| | | const handleOpened =(el) => { |
| | | Object.assign(form,{ |
| | | |
| | | }); |
| | | Object.assign(form, {}); |
| | | formRef.value.resetFields(); |
| | | } |
| | | }; |
| | | |
| | | const changekbid = (value) => { |
| | | kbid.value = value; |
| | | } |
| | | }; |
| | | |
| | | const queryModel = async (params) => { |
| | | try { |
| | |
| | | modelList.value = { |
| | | BAAI: [data.data.BAAI[1]], |
| | | Jina: data.data.Jina, |
| | | youdao: data.data.youdao |
| | | youdao: data.data.youdao, |
| | | }; |
| | | } catch (err) { |
| | | // you can report use errorHandler or other |
| | | } finally { |
| | | |
| | | } |
| | | }; |
| | | |
| | | |
| | | defineExpose({ |
| | | changekbid |
| | | }) |
| | | changekbid, |
| | | }); |
| | | |
| | | onBeforeMount(()=>{ |
| | | queryModel({}) |
| | | }) |
| | | onMounted(()=>{ |
| | | |
| | | |
| | | }) |
| | | |
| | | |
| | | queryModel({}); |
| | | }); |
| | | onMounted(() => {}); |
| | | </script> |
| | | |
| | | <script lang="ts"> |
| | | export default { |
| | | name: 'config', |
| | | methods: { |
| | | |
| | | } |
| | | methods: {}, |
| | | }; |
| | | </script> |
| | | <style scoped lang="less"> |