From 71d1888a8e2a323b04a74da075366c05eed55ee7 Mon Sep 17 00:00:00 2001
From: "du.meimei" <du.meimei@ebiz-digits.com>
Date: Tue, 15 Apr 2025 17:33:30 +0800
Subject: [PATCH] =?UTF-8?q?feat(knowledge):=20=E5=AE=9E=E7=8E=B0=E9=A2=98?=
 =?UTF-8?q?=E8=AF=8D=E5=8A=9F=E8=83=BD=E5=B9=B6=E4=BC=98=E5=8C=96=E7=9F=A5?=
 =?UTF-8?q?=E8=AF=86=E5=BA=93=E5=88=9B=E5=BB=BA=E6=B5=81=E7=A8=8B-=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A2=98=E8=AF=8D=E9=A2=84=E8=A7=88=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=92=8C=E7=9B=B8=E5=85=B3=20API=20=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=20-=20=E9=87=8D=E6=9E=84=E7=9F=A5=E8=AF=86=E5=BA=93=E5=88=9B?=
 =?UTF-8?q?=E5=BB=BA=E6=B5=81=E7=A8=8B=EF=BC=8C=E6=94=AF=E6=8C=81=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E5=92=8C=E8=87=AA=E5=AE=9A=E4=B9=89=E9=A2=98=E8=AF=8D?=
 =?UTF-8?q?=20-=20=E4=BC=98=E5=8C=96=E9=A2=98=E8=AF=8D=E7=BB=93=E6=9E=9C?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E5=92=8C=E4=BF=9D=E5=AD=98=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=20-=20=E8=B0=83=E6=95=B4=E7=9F=A5=E8=AF=86=E5=BA=93=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/generatedApi/index.js                 |  18 +++
 .../detail/components/split/Index.vue         |   4 -
 .../detail/components/words/CustomWords.vue   |   4 +-
 .../components/words/ExtractPreview.vue       |  58 ++++++++
 .../detail/components/words/Index.vue         | 127 +++++++++++++++---
 src/views/knowledge/detail/create.vue         |  14 +-
 src/views/rules/Index.vue                     |   2 +-
 .../track/views/knowledge-info/Index.vue      |   3 +-
 8 files changed, 195 insertions(+), 35 deletions(-)
 create mode 100644 src/views/knowledge/detail/components/words/ExtractPreview.vue

diff --git a/src/api/generatedApi/index.js b/src/api/generatedApi/index.js
index 76f8f0a..6260d93 100644
--- a/src/api/generatedApi/index.js
+++ b/src/api/generatedApi/index.js
@@ -160,6 +160,24 @@ export function execExtract(data) {
     data
   })
 }
+
+// 题词-查询题词结果详情
+export function getExtractResultList(data) {
+  return request({
+    url: getUrl(`/document/attribute/extract/result/list`),
+    method: 'post',
+    data
+  })
+}
+
+// 题词-保存
+export function saveContentToDocument(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/saveContentToDocument`),
+    method: 'post',
+    data
+  })
+}
 //知识库文件上传-自定义
 export function uploadFileByCustom(data) {
   return request({
diff --git a/src/views/knowledge/detail/components/split/Index.vue b/src/views/knowledge/detail/components/split/Index.vue
index 003d86d..72ee261 100644
--- a/src/views/knowledge/detail/components/split/Index.vue
+++ b/src/views/knowledge/detail/components/split/Index.vue
@@ -218,10 +218,6 @@ export default {
 
           // 4. 显示预览组件
           this.showPreview(previewData)
-
-          // 5. 处理成功响应
-          // const result = this.handleSuccessResponse(execSplitData, previewData)
-          // resolve(result)
         } catch (error) {
           // 6. 处理错误
           const errorResult = this.handleOperationError(error)
diff --git a/src/views/knowledge/detail/components/words/CustomWords.vue b/src/views/knowledge/detail/components/words/CustomWords.vue
index 9ae1bd4..9fbc918 100644
--- a/src/views/knowledge/detail/components/words/CustomWords.vue
+++ b/src/views/knowledge/detail/components/words/CustomWords.vue
@@ -43,7 +43,8 @@ export default {
         { id: 2, name: 'Item 2', selected: false },
         { id: 3, name: 'Item 3', selected: false }
       ],
-      addRuleVisible: false // 控制 AddRule 组件的显示状态
+      addRuleVisible: false, // 控制 AddRule 组件的显示状态
+      selectData: []
     }
   },
   methods: {
@@ -53,6 +54,7 @@ export default {
     },
     getCheckData(value) {
       console.log(value)
+      this.selectData = value
       this.ruleId = value[0].id
     },
     getDataList() {
diff --git a/src/views/knowledge/detail/components/words/ExtractPreview.vue b/src/views/knowledge/detail/components/words/ExtractPreview.vue
new file mode 100644
index 0000000..8eda410
--- /dev/null
+++ b/src/views/knowledge/detail/components/words/ExtractPreview.vue
@@ -0,0 +1,58 @@
+<!-- src/views/knowledge/detail/components/words/ExtractPreview.vue -->
+<template>
+  <div class="extract-preview">
+    <el-dialog title="题词结果预览" :visible.sync="visible" width="700px" :close-on-click-modal="false">
+      <div class="preview-content">
+        <template v-if="extractResults && extractResults.length > 0">
+          <el-table :data="extractResults" border style="width: 100%">
+            <el-table-column prop="attribute" label="属性" align="center" width="180"></el-table-column>
+            <el-table-column prop="attributeContent" label="题词内容" align="center"></el-table-column>
+          </el-table>
+        </template>
+        <el-empty v-else-if="!extractResults || extractResults.length === 0" description="暂无题词结果"></el-empty>
+      </div>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="handleConfirm">完成</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ExtractPreview',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    extractResults: {
+      type: Array,
+      default: () => []
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    handleClose() {
+      this.$emit('update:visible', false)
+    },
+    handleConfirm() {
+      this.$emit('confirm', this.extractResults)
+      this.handleClose()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.extract-preview {
+  .preview-content {
+    min-height: 300px;
+    padding: 10px;
+  }
+}
+</style>
diff --git a/src/views/knowledge/detail/components/words/Index.vue b/src/views/knowledge/detail/components/words/Index.vue
index 7e9a4b7..d07d779 100644
--- a/src/views/knowledge/detail/components/words/Index.vue
+++ b/src/views/knowledge/detail/components/words/Index.vue
@@ -56,22 +56,36 @@
     </ul>
     <!-- 弹窗组件 -->
     <custom-split-dialog class="active" ref="customTable"> </custom-split-dialog>
+
+    <!-- 添加题词预览组件 -->
+    <extract-preview
+      :visible.sync="previewVisible"
+      :extract-results="extractResults"
+      :is-auto-extract="activeIndex === 0"
+      :loading="previewLoading"
+      @confirm="handlePreviewConfirm"
+    />
   </div>
 </template>
 
 <script>
 import CustomSplitDialog from './CustomWords.vue'
-import { execExtract, execSplit } from '@/api/generatedApi'
+import ExtractPreview from './ExtractPreview.vue'
+import { execExtract, getExtractResultList, saveContentToDocument } from '@/api/generatedApi'
 
 export default {
   name: 'splitConfig',
   components: {
-    CustomSplitDialog
+    CustomSplitDialog,
+    ExtractPreview
   },
   data() {
     return {
       dialogVisible: false,
       activeIndex: 0,
+      previewVisible: false,
+      extractResults: [],
+      previewLoading: false,
       splitOptions: [
         {
           icon: 'el-icon-setting',
@@ -85,7 +99,8 @@ export default {
           description: '使用自定义题词方式可以根据具体需求灵活调整文本分割逻辑，但需要权衡灵活性与复杂度，需要用户具备一定的题词经验。',
           tip: ''
         }
-      ]
+      ],
+      documentId: ''
     }
   },
   props: {},
@@ -100,21 +115,103 @@ export default {
         this.$refs.customTable.close()
       }
     },
+
+    // 构建执行题词的参数
+    buildExecExtractParams(documentId) {
+      const params = {
+        documentId: documentId,
+        beAuto: this.activeIndex === 0
+      }
+
+      if (!params.beAuto && this.$refs.customTable.ruleId) {
+        params.rulesId = this.$refs.customTable.ruleId
+      }
+
+      return params
+    },
+
+    // 执行题词操作
+    async execExtractOperation(params) {
+      const res = await execExtract(params)
+      console.log('execExtract result:', res.content)
+
+      if (res.content.result !== '0') {
+        throw new Error(res.content.resultMessage || '执行题词失败')
+      }
+
+      return res.content.content
+    },
+
+    // 显示预览
+    showExtractPreview(results) {
+      this.extractResults = results || []
+      this.previewVisible = true
+    },
+
+    // 获取题词结果列表 - 修改后的方法
+    async getExtractResultOperation(documentId) {
+      this.previewLoading = true
+      const params = { documentId }
+      const res = await getExtractResultList(params)
+      console.log('getExtractResultList result:', res.content)
+
+      if (res.content.result !== '0') {
+        throw new Error(res.content.resultMessage || '获取题词结果失败')
+      }
+
+      const results = res.content.content || []
+
+      // 显示预览弹窗
+      this.showExtractPreview(results)
+    },
+    // 处理预览确认
+    handlePreviewConfirm(extractResults) {
+      console.log('selectData')
+      console.log(this.$refs.customTable.selectData)
+      this.saveContentToDocumentOperation(this.documentId, extractResults)
+    },
+    // 保存题词内容到文档
+    async saveContentToDocumentOperation(documentId, resultList) {
+      try {
+        const params = {
+          documentId,
+          resultDTOList: resultList.map(item => ({
+            attribute: item.attribute,
+            attributeContent: item.attributeContent
+          }))
+        }
+
+        const res = await saveContentToDocument(params)
+        console.log('saveContentToDocument result:', res.content)
+
+        if (res.content.result !== '0') {
+          throw new Error(res.content.resultMessage || '保存题词内容失败')
+        }
+
+        this.$router.go(-1)
+      } catch (error) {
+        this.$message.error('保存题词内容失败: ' + error.message)
+        throw error
+      }
+    },
+
+    // 主方法
     nextStep(documentId) {
+      this.documentId = documentId
       return new Promise(async (resolve, reject) => {
-        let params = {
-          documentId: documentId,
-          beAuto: this.activeIndex === 0
+        try {
+          // 1. 执行题词
+          const params = this.buildExecExtractParams(documentId)
+          await this.execExtractOperation(params)
+          // 2.
+          await this.getExtractResultOperation(documentId)
+        } catch (error) {
+          console.error('题词操作失败:', error)
+          reject({
+            success: false,
+            message: error.message || '题词操作失败'
+          })
         }
-        if (params.beAuto === false) {
-          params.rulesId = this.$refs.customTable.ruleId
-        }
-        let res = await execExtract(params)
-        console.log(res.content)
-        resolve({
-          result: res.content.result,
-          data: res.content
-        })
       })
     }
   },
diff --git a/src/views/knowledge/detail/create.vue b/src/views/knowledge/detail/create.vue
index c436a1c..ece382c 100644
--- a/src/views/knowledge/detail/create.vue
+++ b/src/views/knowledge/detail/create.vue
@@ -88,19 +88,9 @@ export default {
       if (this.active === 0) {
         this.$refs.stepPreProcessing.uploadFiled()
       } else if (this.active === 1) {
-        const res = await this.$refs.splitConfig.nextStep(this.documentId)
-        if (res.result === '0') {
-          // 处理成功的情况
-          console.log('拆分成功', res.content)
-          this.active++
-        }
+        await this.$refs.splitConfig.nextStep(this.documentId)
       } else if (this.active === 2) {
-        const res = await this.$refs.words.nextStep(this.documentId)
-        if (res.result === '0') {
-          // 处理成功的情况
-          console.log('拆分成功', res.content)
-          this.$message.success('创建成功')
-        }
+        await this.$refs.words.nextStep(this.documentId)
       }
     },
     // 预览完成
diff --git a/src/views/rules/Index.vue b/src/views/rules/Index.vue
index a336bda..284821d 100644
--- a/src/views/rules/Index.vue
+++ b/src/views/rules/Index.vue
@@ -192,7 +192,7 @@ export default {
         .then(() => {
           // 删除当前行
           this.tableData.splice(index, 1)
-          this.getTableData();
+          this.getTableData()
         })
         .catch(err => {
           this.$notify.error({
diff --git a/src/views/track/views/knowledge-info/Index.vue b/src/views/track/views/knowledge-info/Index.vue
index be65e29..e9cb106 100644
--- a/src/views/track/views/knowledge-info/Index.vue
+++ b/src/views/track/views/knowledge-info/Index.vue
@@ -23,8 +23,7 @@ export default {
       })
     }
   },
-  created() {
-  },
+  created() {},
   methods: {}
 }
 </script>