You've already forked DataMate
feat(knowledge): 添加知识管理功能模块
- 实现知识集的创建、编辑、删除功能 - 实现知识条目的创建、编辑、删除功能 - 添加知识集详情页面展示功能 - 实现知识条目导入数据集文件功能 - 添加知识管理主页列表展示功能 - 实现知识集和知识条目的状态管理 - 集成标签管理和搜索过滤功能 - 添加知识条目的批量操作支持
This commit is contained in:
@@ -0,0 +1,198 @@
|
||||
import { useEffect, useState } from "react";
|
||||
import { DatePicker, Form, Input, message, Modal, Select } from "antd";
|
||||
import dayjs from "dayjs";
|
||||
import {
|
||||
createKnowledgeItemUsingPost,
|
||||
updateKnowledgeItemByIdUsingPut,
|
||||
} from "../knowledge-management.api";
|
||||
import {
|
||||
knowledgeContentTypeOptions,
|
||||
knowledgeStatusOptions,
|
||||
} from "../knowledge-management.const";
|
||||
import {
|
||||
KnowledgeContentType,
|
||||
KnowledgeItem,
|
||||
KnowledgeStatusType,
|
||||
} from "../knowledge-management.model";
|
||||
import { queryDatasetTagsUsingGet } from "@/pages/DataManagement/dataset.api";
|
||||
|
||||
export default function KnowledgeItemEditor({
|
||||
open,
|
||||
setId,
|
||||
data,
|
||||
onCancel,
|
||||
onSuccess,
|
||||
readOnly,
|
||||
}: {
|
||||
open: boolean;
|
||||
setId: string;
|
||||
data?: Partial<KnowledgeItem> | null;
|
||||
readOnly?: boolean;
|
||||
onCancel: () => void;
|
||||
onSuccess: () => void;
|
||||
}) {
|
||||
const [form] = Form.useForm();
|
||||
const [tagOptions, setTagOptions] = useState<{ label: string; value: string }[]>([]);
|
||||
|
||||
const fetchTags = async () => {
|
||||
try {
|
||||
const { data: tagData } = await queryDatasetTagsUsingGet();
|
||||
const options = Array.isArray(tagData)
|
||||
? tagData.map((tag) => ({ label: tag.name, value: tag.name }))
|
||||
: [];
|
||||
setTagOptions(options);
|
||||
} catch (error) {
|
||||
console.error("获取标签失败", error);
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
if (open) {
|
||||
fetchTags();
|
||||
}
|
||||
}, [open]);
|
||||
|
||||
useEffect(() => {
|
||||
if (open) {
|
||||
if (data?.id) {
|
||||
form.setFieldsValue({
|
||||
title: data.title,
|
||||
content: data.content,
|
||||
contentType: data.contentType ?? KnowledgeContentType.TEXT,
|
||||
status: data.status ?? KnowledgeStatusType.DRAFT,
|
||||
domain: data.domain,
|
||||
businessLine: data.businessLine,
|
||||
owner: data.owner,
|
||||
sensitivity: data.sensitivity,
|
||||
validFrom: data.validFrom ? dayjs(data.validFrom) : null,
|
||||
validTo: data.validTo ? dayjs(data.validTo) : null,
|
||||
tags: data.tags?.map((tag) => tag.name) || [],
|
||||
metadata: data.metadata,
|
||||
});
|
||||
} else {
|
||||
form.resetFields();
|
||||
form.setFieldsValue({
|
||||
contentType: KnowledgeContentType.TEXT,
|
||||
status: KnowledgeStatusType.DRAFT,
|
||||
tags: [],
|
||||
});
|
||||
}
|
||||
}
|
||||
}, [open, data, form]);
|
||||
|
||||
const handleSubmit = async () => {
|
||||
try {
|
||||
const values = await form.validateFields();
|
||||
const validFrom = values.validFrom ? values.validFrom.format("YYYY-MM-DD") : undefined;
|
||||
const validTo = values.validTo ? values.validTo.format("YYYY-MM-DD") : undefined;
|
||||
|
||||
if (validFrom && validTo && dayjs(validFrom).isAfter(dayjs(validTo))) {
|
||||
message.warning("有效期开始不能晚于结束时间");
|
||||
return;
|
||||
}
|
||||
|
||||
const payload = {
|
||||
...values,
|
||||
validFrom,
|
||||
validTo,
|
||||
tags: values.tags || [],
|
||||
};
|
||||
|
||||
if (data?.id) {
|
||||
await updateKnowledgeItemByIdUsingPut(setId, data.id, payload);
|
||||
message.success("知识条目更新成功");
|
||||
} else {
|
||||
await createKnowledgeItemUsingPost(setId, payload);
|
||||
message.success("知识条目创建成功");
|
||||
}
|
||||
|
||||
form.resetFields();
|
||||
onSuccess();
|
||||
} catch {
|
||||
message.error("操作失败，请重试");
|
||||
}
|
||||
};
|
||||
|
||||
const title = data?.id ? "编辑知识条目" : "新建知识条目";
|
||||
|
||||
return (
|
||||
<Modal
|
||||
title={title}
|
||||
open={open}
|
||||
onCancel={onCancel}
|
||||
onOk={handleSubmit}
|
||||
okText="确定"
|
||||
cancelText="取消"
|
||||
width={860}
|
||||
maskClosable={false}
|
||||
okButtonProps={{ disabled: readOnly }}
|
||||
>
|
||||
<Form form={form} layout="vertical" disabled={readOnly}>
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<Form.Item
|
||||
label="标题"
|
||||
name="title"
|
||||
rules={[{ required: true, message: "请输入标题" }]}
|
||||
>
|
||||
<Input placeholder="请输入标题" />
|
||||
</Form.Item>
|
||||
<Form.Item label="状态" name="status">
|
||||
<Select options={knowledgeStatusOptions} />
|
||||
</Form.Item>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<Form.Item label="内容类型" name="contentType">
|
||||
<Select options={knowledgeContentTypeOptions} />
|
||||
</Form.Item>
|
||||
<Form.Item label="敏感级别" name="sensitivity">
|
||||
<Input placeholder="请输入敏感级别" />
|
||||
</Form.Item>
|
||||
</div>
|
||||
<Form.Item
|
||||
label="内容"
|
||||
name="content"
|
||||
rules={[{ required: true, message: "请输入内容" }]}
|
||||
>
|
||||
<Input.TextArea rows={8} placeholder="请输入内容" />
|
||||
</Form.Item>
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<Form.Item label="领域" name="domain">
|
||||
<Input placeholder="请输入领域" />
|
||||
</Form.Item>
|
||||
<Form.Item label="业务线" name="businessLine">
|
||||
<Input placeholder="请输入业务线" />
|
||||
</Form.Item>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<Form.Item label="负责人" name="owner">
|
||||
<Input placeholder="请输入负责人" />
|
||||
</Form.Item>
|
||||
<Form.Item label="标签" name="tags">
|
||||
<Select
|
||||
mode="tags"
|
||||
options={tagOptions}
|
||||
placeholder="请选择或输入标签"
|
||||
/>
|
||||
</Form.Item>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<Form.Item label="有效期开始" name="validFrom">
|
||||
<DatePicker className="w-full" />
|
||||
</Form.Item>
|
||||
<Form.Item label="有效期结束" name="validTo">
|
||||
<DatePicker className="w-full" />
|
||||
</Form.Item>
|
||||
</div>
|
||||
<Form.Item label="扩展元数据" name="metadata">
|
||||
<Input.TextArea placeholder="请输入元数据（JSON）" rows={3} />
|
||||
</Form.Item>
|
||||
{data?.sourceType && (
|
||||
<div className="grid grid-cols-2 gap-4 text-sm text-gray-500">
|
||||
<div>来源类型：{data.sourceType}</div>
|
||||
<div>来源文件：{data.sourceFileId || "-"}</div>
|
||||
</div>
|
||||
)}
|
||||
</Form>
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user