feat(文档管理): 添加文档状态更新和向量生成功能
refactor(话术管理): 重构话术列表和编辑界面,调整API路径 fix(请求拦截器): 移除调试日志并优化错误处理 style(分页组件): 格式化代码并添加初始化标记 feat(知识库): 实现文档状态切换和向量生成功能
This commit is contained in:
@@ -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: '',
|
||||
};
|
||||
|
||||
// 重置表单验证状态
|
||||
|
||||
Reference in New Issue
Block a user