|
<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>
|
<a-divider style="margin-top: 10px" />
|
<a-form ref="formRef" :size="form.size" :model="form" :style="{width:'100%'}" layout="vertical" @submit="handleSubmit">
|
<a-form-item field="slider" label="相似度阈值" :rules="[{type:'number', min:5,message:'slider is min than 5'}]">
|
<a-slider v-model="form.slider" :max="10" />
|
</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.score" :max="10" />
|
</a-form-item>
|
<a-form-item field="section" label="Rerank模型" :rules="[{match:/section one/,message:'请选择'}]">
|
<a-select v-model="form.section" placeholder="请选择" allow-clear>
|
<a-option value="section one">Section One</a-option>
|
<a-option value="section two">Section Two</a-option>
|
<a-option value="section three">Section Three</a-option>
|
</a-select>
|
</a-form-item>
|
<a-form-item field="section" :rules="[{match:/section one/,message:'请选择'}]">
|
<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 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>
|
</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>
|
<a-tag size="small">看法</a-tag>
|
</template>
|
<div>
|
<a-empty />
|
</div>
|
</a-collapse-item>
|
</a-collapse>
|
</div>
|
</div>
|
</template>
|
|
<script lang="ts" setup>
|
import { onMounted ,onBeforeMount, reactive, ref } from "vue";
|
import { Message } from '@arco-design/web-vue';
|
|
const props = defineProps({
|
record: {
|
type: Object,
|
default: () => {
|
return {}
|
}
|
}
|
})
|
|
|
|
|
const visible = ref(false);
|
const loading = ref(false);
|
const formRef = ref(null);
|
|
|
|
const form = reactive({
|
size: 'medium',
|
name: '',
|
age: undefined,
|
section: '',
|
province: 'haidian',
|
options: [],
|
date: '',
|
time: '',
|
radio: 'radio one',
|
slider: 5,
|
score: 5,
|
switch: false,
|
multiSelect: ['section one'],
|
treeSelect: ''
|
});
|
const options = [
|
{
|
value: 'beijing',
|
label: 'Beijing',
|
children: [
|
{
|
value: 'chaoyang',
|
label: 'ChaoYang',
|
children: [
|
{
|
value: 'datunli',
|
label: 'Datunli',
|
},
|
],
|
},
|
{
|
value: 'haidian',
|
label: 'Haidian',
|
},
|
{
|
value: 'dongcheng',
|
label: 'Dongcheng',
|
},
|
{
|
value: 'xicheng',
|
label: 'XiCheng',
|
},
|
],
|
},
|
{
|
value: 'shanghai',
|
label: 'Shanghai',
|
children: [
|
{
|
value: 'shanghaishi',
|
label: 'Shanghai',
|
children: [
|
{
|
value: 'huangpu',
|
label: 'Huangpu',
|
},
|
],
|
},
|
],
|
},
|
];
|
|
|
const sayHello = () => {
|
Message.info('hello');
|
};
|
|
const handleSubmit = ({values, errors}) => {
|
console.log('values:', values, '\nerrors:', errors)
|
}
|
|
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;
|
}
|
|
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);
|
// }
|
}
|
|
onBeforeMount(()=>{
|
|
})
|
onMounted(()=>{
|
|
|
})
|
</script>
|
|
<script lang="ts">
|
export default {
|
name: 'config',
|
methods: {
|
|
}
|
};
|
</script>
|
<style scoped lang="less">
|
.main-container{
|
display: flex;
|
justify-content: space-between;
|
height: 100%;
|
//background: #626aea;
|
&-lf{
|
width: 30%;
|
height: 100%;
|
//border: 1px solid #cccccc;
|
background: #ffffff;
|
border-radius: 10px;
|
overflow: hidden;
|
&-top{
|
width: 100%;
|
height: 60px;
|
line-height: 60px;
|
background: rgb(var(--primary-6));
|
color: #ffffff;
|
text-align: center;
|
}
|
&-down{
|
padding: 20px;
|
width: 100%;
|
}
|
}
|
&-form-item-extra{
|
width: 100%;
|
height: 20rem;
|
border: 1px solid var(--color-fill-3);
|
border-radius: 6px;
|
overflow: hidden;
|
&-top{
|
width: 100%;
|
height: 40px;
|
line-height: 40px;
|
border-bottom: 1px solid var(--color-fill-3);
|
//background: rgb(var(--primary-6));
|
color: #999999;
|
text-align: center;
|
}
|
&-down{
|
width: 92%;
|
margin-left: 4%;
|
margin-top: 30px;
|
}
|
&-btn{
|
width: 96%;
|
text-align: right;
|
margin-top: 1rem;
|
}
|
}
|
&-rt{
|
width: 69%;
|
height: 100%;
|
//background: #626aea;
|
//border: 1px solid #cccccc;
|
background: #ffffff;
|
border-radius: 10px;
|
}
|
}
|
</style>
|
