83 lines
1.9 KiB
Vue
83 lines
1.9 KiB
Vue
<template>
|
||
<h4 class="title-decoration-1 mb-16">基本信息</h4>
|
||
<el-form ref="FormRef" :model="form" :rules="rules" label-position="top">
|
||
<el-form-item label="数据集名称" prop="name">
|
||
<el-input
|
||
v-model.trim="form.name"
|
||
placeholder="请输入数据集名称"
|
||
maxlength="64"
|
||
show-word-limit
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="数据集描述" prop="desc">
|
||
<el-input
|
||
v-model.trim="form.desc"
|
||
type="textarea"
|
||
placeholder="描述数据集的内容，详尽的描述将帮助AI能深入理解该数据集的内容，能更准确的检索到内容，提高该数据集的命中率。"
|
||
maxlength="500"
|
||
show-word-limit
|
||
:autosize="{ minRows: 3 }"
|
||
/>
|
||
</el-form-item>
|
||
</el-form>
|
||
</template>
|
||
<script setup lang="ts">
|
||
import { ref, reactive, onMounted, computed, watch } from 'vue'
|
||
import useStore from '@/stores'
|
||
|
||
const props = defineProps({
|
||
data: {
|
||
type: Object,
|
||
default: () => {}
|
||
}
|
||
})
|
||
|
||
const { dataset } = useStore()
|
||
const baseInfo = computed(() => dataset.baseInfo)
|
||
|
||
const form = ref<any>({
|
||
name: '',
|
||
desc: ''
|
||
})
|
||
|
||
const rules = reactive({
|
||
name: [{ required: true, message: '请输入数据集名称', trigger: 'blur' }],
|
||
desc: [{ required: true, message: '请输入数据集描述', trigger: 'blur' }]
|
||
})
|
||
const FormRef = ref()
|
||
|
||
watch(
|
||
() => props.data,
|
||
(value) => {
|
||
if (value && JSON.stringify(value) !== '{}') {
|
||
form.value.name = value.name
|
||
form.value.desc = value.desc
|
||
}
|
||
},
|
||
{
|
||
// 初始化立即执行
|
||
immediate: true
|
||
}
|
||
)
|
||
|
||
// 表单校验
|
||
function validate() {
|
||
if (!FormRef.value) return
|
||
return FormRef.value.validate((valid: any) => {
|
||
return valid
|
||
})
|
||
}
|
||
|
||
onMounted(() => {
|
||
if (baseInfo.value) {
|
||
form.value = baseInfo.value
|
||
}
|
||
})
|
||
|
||
defineExpose({
|
||
validate,
|
||
form
|
||
})
|
||
</script>
|
||
<style scoped lang="scss"></style>
|