From 9f0a5ca2389c8f23c56028878f7ba96efa2d239b Mon Sep 17 00:00:00 2001
From: "du.meimei" <du.meimei@ebiz-digits.com>
Date: Tue, 15 Apr 2025 11:17:26 +0800
Subject: [PATCH] =?UTF-8?q?feat(knowledge):=20=E6=96=87=E4=BB=B6=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E7=BB=84=E4=BB=B6=E6=B7=BB=E5=8A=A0=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 重构文件上传成功后的显示界面，使用 el-result组件展示上传成功信息
- 添加重新上传按钮
- 优化上传文件的样式和交互
---
 .../knowledge/detail/components/preprocessing.vue | 15 +++++++++++++--
 src/views/knowledge/detail/create.vue             |  5 ++---
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/views/knowledge/detail/components/preprocessing.vue b/src/views/knowledge/detail/components/preprocessing.vue
index d553d4c..fda7ab0 100644
--- a/src/views/knowledge/detail/components/preprocessing.vue
+++ b/src/views/knowledge/detail/components/preprocessing.vue
@@ -14,13 +14,23 @@
       <!-- 文件上传-->
       <el-form-item label="" required prop="file">
         <div @click="createFiled" class="upload-demo">
-          <el-empty v-if="!uploadLoading">
+          <el-empty v-if="!filed">
             <template #description>
               <p>点击或将文件拖拽到这里上传</p>
               <p>支持扩展名：.xlsx .doc .docx .pdf .txt...</p>
             </template>
           </el-empty>
-          <div v-else v-loading="uploadLoading" :element-loading-text="'文件上传中...'" style="height: 100%"></div>
+          <el-result
+            v-else
+            icon="success"
+            title="文件上传成功"
+            :sub-title="`已上传文件：${filed.name}`"
+            style="height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;"
+          >
+            <template slot="extra">
+              <el-button type="primary" size="medium" @click.stop="createFiled">重新上传</el-button>
+            </template>
+          </el-result>
         </div>
       </el-form-item>
 
@@ -101,6 +111,7 @@ export default {
       input.onchange = e => {
         // this.$emit('getFile', e.target.files[0])
         this.filed = e.target.files[0]
+        console.log(this.filed.name)
       }
       input.click()
     },
diff --git a/src/views/knowledge/detail/create.vue b/src/views/knowledge/detail/create.vue
index e08bf6a..8cf7f58 100644
--- a/src/views/knowledge/detail/create.vue
+++ b/src/views/knowledge/detail/create.vue
@@ -12,9 +12,9 @@
         </el-steps>
 
         <div class="components">
-          <step-preprocessing v-show="active === 0" @getForm="getForm" @getDocumentId="getDocumentId" ref="stepPreProcessing"></step-preprocessing>
+          <step-preprocessing ref="stepPreProcessing" v-show="active === 0" @getForm="getForm" @getDocumentId="getDocumentId"></step-preprocessing>
           <step-split-config ref="splitConfig" v-show="active === 1"></step-split-config>
-          <step-words v-show="active === 2"></step-words>
+          <step-words ref="words" v-show="active === 2"></step-words>
         </div>
       </div>
       <div class="card-bottom">
@@ -23,7 +23,6 @@
         </el-button>
         <el-button type="primary" size="medium" @click="nextStep" v-if="active === 2">确定</el-button>
         <el-button size="medium" @click="active--" v-if="active >= 1">上一步</el-button>
-        <!--        <el-button type="primary" size="medium" @click="active++" v-if="active < 2">下一步</el-button>-->
         <el-button type="primary" size="medium" @click="nextStep" v-if="active < 2">下一步</el-button>
         <el-button type="primary" size="medium" @click="$router.history.go(-1)">取消</el-button>
       </div>