feat(knowledge): 优化元数据管理功能

- 为元数据表单添加验证规则,确保名称和类型必填
- 根据数据集 ID 获取元数据列表,提高数据准确性
- 优化元数据保存逻辑,增加表单验证
- 调整知识详情页面上传用户列宽度,优化显示效果
This commit is contained in:
陈昱达
2025-04-30 14:47:23 +08:00
parent 3903957047
commit df6efd4135
2 changed files with 26 additions and 14 deletions

View File

@@ -72,8 +72,8 @@
:visible.sync="dialogVisible"
width="30%"
>
<el-form :model="metaDataForm" label-width="80px" label-position="top" >
<el-form-item label="类型" v-if="!isEdit">
<el-form :model="metaDataForm" label-width="80px" label-position="top" ref='form' :rules='rules'>
<el-form-item label="类型" v-if="!isEdit" prop='dataType'>
<div class="type-selection">
<div
v-for="type in typeOptions"
@@ -86,7 +86,7 @@
</div>
</div>
</el-form-item>
<el-form-item label="名称">
<el-form-item label="名称" prop='metadataKey'>
<el-input
v-model="metaDataForm.metadataKey"
placeholder="请输入元数据名称"
@@ -115,6 +115,13 @@ export default {
},
data() {
return {
rules:{
metadataKey: [
{ required: true, message: '请输入元数据名称', trigger: 'blur' },
] , dataType: [
{ required: true, message: '请选择元数据类型', trigger: 'blur' },
]
},
list: [],
dataList: [
{
@@ -152,7 +159,7 @@ export default {
this.metaDataForm = JSON.parse(JSON.stringify(this.metaDataForm))
},
getMetadata() {
getMetadataList({}).then(res => {
getMetadataList({datasetId: this.$route.query.datasetId}).then(res => {
this.list = res.content.content
})
},
@@ -168,17 +175,21 @@ export default {
this.dialogVisible = false
},
handleSave() {
if (!this.metaDataForm.metadataKey) {
this.$message.warning('请输入元数据名称')
return
}
if (this.isEdit) {
this.handleUpdate()
} else {
// 添加新的元数据到列表
this.handleCreate()
}
this.$refs.form.validate(e=>{
if (e) {
if (this.isEdit) {
this.handleUpdate()
} else {
// 添加新的元数据到列表
this.handleCreate()
}
}
})
},
// 编辑
handleUpdate() {

View File

@@ -592,6 +592,7 @@ export default {
{
key: '上传用户',
prop: 'createdUser',
width: '200',
render: (h, params) => {
return h(
'div',