feat(文档管理): 添加文档状态更新和向量生成功能

refactor(话术管理): 重构话术列表和编辑界面,调整API路径

fix(请求拦截器): 移除调试日志并优化错误处理

style(分页组件): 格式化代码并添加初始化标记

feat(知识库): 实现文档状态切换和向量生成功能
This commit is contained in:
2026-04-11 16:11:00 +08:00
parent c80f67d2ab
commit 4c91dd6fd5
8 changed files with 1199 additions and 563 deletions

View File

@@ -4,14 +4,18 @@
<el-form ref="formRef" :model="formData" :rules="rules" size="default" label-width="90px">
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="标签" prop="tag">
<el-input v-model="formData.tag" placeholder="请输入标签" clearable />
<el-form-item label="数据集">
<el-input v-model="formData.datasetName" placeholder="数据集" disabled />
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="场景类型">
<el-input v-model="formData.sceneType" placeholder="场景类型" disabled />
</el-form-item>
</el-col>
<!-- 富文本编辑器 -->
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="话术" prop="content">
<Editor v-model="formData.content" height="400px" :key="editorKey" placeholder="请输入产品详情" :disableExceptEmotion="true" />
<el-form-item label="话术内容" prop="questionContent">
<Editor v-model="formData.questionContent" height="400px" :key="editorKey" placeholder="请输入话术内容" :disableExceptEmotion="true" />
</el-form-item>
</el-col>
</el-row>
@@ -29,18 +33,19 @@
</template>
<script lang="ts" setup>
import { ref, reactive, toRefs, nextTick } from 'vue';
import { ref, reactive, toRefs, nextTick, onMounted } from 'vue';
import { ElMessage, type FormInstance, type FormRules } from 'element-plus';
import Editor from '/@/components/editor/index.vue';
import { addScript, updateScript } from '/@/api/customerService/script';
import { addScript, updateScript, getScriptDetail } from '/@/api/customerService/script';
import { listknowledges } from '/@/api/knowledge/dataset';
// 定义类型接口
interface DialogRow {
id?: number | string;
tag: string;
creator: string;
content: string;
modifier: string;
id?: number;
datasetId: string | number;
datasetName?: string;
sceneType: number;
questionContent: string;
}
// 定义事件
@@ -48,30 +53,30 @@ const emit = defineEmits<{
(e: 'refresh'): void;
}>();
// 定义数据集选项类型
interface DatasetOption {
label: string;
value: string;
}
// 响应式数据
const state = reactive({
loading: false,
isShowDialog: false,
datasets: [] as DatasetOption[], // 数据集列表
editorKey: 0, // 用于强制重新渲染编辑器
formData: {
id: 0,
tag: '',
content: '',
creator: '',
modifier: '',
datasetId: 0,
datasetName: '',
sceneType: 0,
questionContent: '',
} as DialogRow,
});
// 表单验证规则
const rules: FormRules = {
tag: [
{ required: true, message: '标签名称不能为空', trigger: 'blur' },
{ max: 64, message: '标签长度最多 64 个字符', trigger: 'blur' },
],
content: [
{ required: true, message: '产品详情不能为空', trigger: 'blur' },
{ max: 8126, message: '产品名称长度最多 8126 个字符', trigger: 'blur' },
],
questionContent: [{ required: true, message: '话术内容不能为空', trigger: 'blur' }],
};
// 模板引用
@@ -80,28 +85,74 @@ const formRef = ref<FormInstance>();
// 解构状态数据
const { loading, isShowDialog, formData, editorKey } = toRefs(state);
/**
* 加载数据集列表
*/
const loadDatasets = async () => {
try {
const response = await listknowledges({ pageNum: 1, pageSize: 100 });
if (response.data && response.data.list) {
state.datasets = response.data.list.map((item: any) => ({
label: item.name,
value: item.id,
}));
}
} catch (error) {
ElMessage.error('加载数据集列表失败');
}
};
// 生命周期
onMounted(() => {
loadDatasets();
});
/**
* 打开对话框
* @param row - 可选的编辑数据
*/
const openDialog = (row?: DialogRow) => {
const openDialog = async (row?: DialogRow) => {
resetForm();
if (row) {
// 深拷贝数据,避免引用问题
state.formData = { ...row };
// 重新加载数据集列表,确保数据是最新的
await loadDatasets();
if (row && row.id) {
try {
// 加载话术详情
const response = await getScriptDetail({ id: row.id });
if (response.data) {
// 确保datasetId是字符串类型与datasets选项的value类型一致
const detailData = {
...response.data,
datasetId: String(response.data.datasetId),
datasetName: '',
};
// 查找对应的数据集名称
const dataset = state.datasets.find((d) => d.value === detailData.datasetId);
if (dataset) {
detailData.datasetName = dataset.label;
}
state.formData = detailData;
}
} catch (error) {
ElMessage.error('获取话术详情失败');
return;
}
} else {
// 新增模式,确保清空数据
state.formData = {
id: 0,
tag: '',
content: '',
creator: '',
modifier: '',
datasetId: 0,
datasetName: '',
sceneType: 0,
questionContent: '',
};
}
// 更新编辑器 key 强制重新渲染
// 强制重新渲染编辑器
state.editorKey++;
state.isShowDialog = true;
@@ -139,21 +190,22 @@ const onSubmit = async () => {
const valid = await formRef.value.validate();
if (!valid) return;
// 额外验证话术内容
if (!state.formData.content || state.formData.content === '<p><br></p>' || state.formData.content.trim() === '<p><br></p>') {
ElMessage.warning('话术内容不能为空');
return;
}
// 确保数据类型正确
const submitData = {
...state.formData,
datasetId: String(state.formData.datasetId),
sceneType: Number(state.formData.sceneType),
};
state.loading = true;
if (state.formData.id === 0) {
// 新增模式
await addScript(state.formData);
await addScript(submitData);
ElMessage.success('添加成功');
} else {
// 编辑模式
await updateScript(state.formData);
await updateScript(submitData);
ElMessage.success('修改成功');
}
@@ -161,7 +213,6 @@ const onSubmit = async () => {
state.isShowDialog = false;
emit('refresh');
} catch (error) {
console.error('提交失败:', error);
// 错误已由请求拦截器统一处理
} finally {
state.loading = false;
@@ -174,10 +225,10 @@ const onSubmit = async () => {
const resetForm = () => {
state.formData = {
id: 0,
tag: '',
content: '',
creator: '',
modifier: '',
datasetId: 0,
datasetName: '',
sceneType: 0,
questionContent: '',
};
// 重置表单验证状态