|
|
@@ -1,3 +1,14 @@
|
|
|
+<style >
|
|
|
+.showOverTooltip{
|
|
|
+ overflow: hidden;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ show-overflow-tooltip:"false"
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
|
|
<template>
|
|
|
<div class="p-2">
|
|
|
<transition :enter-active-class="proxy?.animate.searchAnimate.enter"
|
|
|
@@ -41,16 +52,42 @@
|
|
|
<!-- <el-table-column type="selection" width="55" align="left"/>-->
|
|
|
<el-table-column label="" align="left" prop="" width="10"/>
|
|
|
<el-table-column label="ID" align="left" prop="id" v-if="true" width="180"/>
|
|
|
- <el-table-column label="问题" align="left" prop="question"/>
|
|
|
- <el-table-column label="回答" align="left" prop="answer"/>
|
|
|
- <el-table-column label="排序" align="center" prop="sort" width="100"/>
|
|
|
- <el-table-column label="属性" align="center" width="120">
|
|
|
+ <el-table-column label="问题" align="left" prop="question" width="150">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div @click="toggleExpand(row)" style="cursor: pointer">
|
|
|
+ <div v-if="row.expanded">
|
|
|
+ {{ row.question }}
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ {{ row.question.substring(0, 20) + (row.question.length > 20 ? '...' : '') }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+<!-- :show-overflow-tooltip="true"-->
|
|
|
+ <el-table-column label="回答" align="left" prop="answer" width="500">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div @click="toggleExpand(row)" style="cursor: pointer">
|
|
|
+ <div v-if="row.expanded">
|
|
|
+ {{ row.answer }}
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ {{ row.answer.substring(0, 60) + (row.answer.length > 20 ? '...' : '') }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="排序" align="center" prop="sort" width="50"/>
|
|
|
+ <el-table-column label="属性" align="center" width="80">
|
|
|
<template #default="scope">
|
|
|
<dict-tag :options="smsb_question_properties" :value="scope.row.property" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="创建人" align="left" prop="createUser" width="150" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column label="创建时间" align="left" prop="createTime" width="160"/>
|
|
|
+ <el-table-column label="创建人" align="left" prop="createUser" width="120" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="更新时间" align="left" prop="updateTime" width="160"/>
|
|
|
+ <el-table-column label="更新人" align="left" prop="updateBy" width="120" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="备注" align="left" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column label="操作" align="left" width="120" class-name="small-padding fixed-width">
|
|
|
<template #default="scope">
|
|
|
<el-tooltip content="修改" placement="top">
|
|
|
@@ -69,13 +106,13 @@
|
|
|
v-model:limit="queryParams.pageSize" @pagination="getList"/>
|
|
|
</el-card>
|
|
|
<!-- 添加或修改Dify知识问答对话框 -->
|
|
|
- <el-dialog :title="dialog.title" v-model="dialog.visible" width="700px" append-to-body>
|
|
|
+ <el-dialog :title="dialog.title" v-model="dialog.visible" width="1000px" append-to-body>
|
|
|
<el-form ref="difyDatasetsQuestionFormRef" :model="form" :rules="rules" label-width="50px">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="序号" prop="sort">
|
|
|
<el-input-number v-model="form.sort" controls-position="right" placeholder="请输入序号" :min="1" :max="100000"
|
|
|
- style="width: 180px" :maxlength="6"/>
|
|
|
+ style="width: 300px" :maxlength="6"/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
@@ -93,6 +130,9 @@
|
|
|
<el-form-item label="回答" prop="answer">
|
|
|
<el-input v-model="form.answer" type="textarea" placeholder="请输入内容" :rows="5"/>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="备注">
|
|
|
+ <el-input type="textarea" placeholder="请输入内容" :rows="3"/>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
|
@@ -279,6 +319,10 @@ const handleExport = () => {
|
|
|
}, `difyDatasetsQuestion_${new Date().getTime()}.xlsx`)
|
|
|
}
|
|
|
|
|
|
+const toggleExpand = (row) => {
|
|
|
+ row.expanded = !row.expanded;
|
|
|
+};
|
|
|
+
|
|
|
onMounted(() => {
|
|
|
getList();
|
|
|
});
|