From 6e702626e7d27268857ec1471f309417a949d0e0 Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Fri, 28 Nov 2025 13:19:25 +0800
Subject: [PATCH] =?UTF-8?q?word=20=E9=A1=B5=E9=9D=A2=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/child/DocumentPreviewPanel.vue | 14 ++++----
 src/views/common/DocumentSearchWord.vue       | 33 ++++++++++++++-----
 2 files changed, 31 insertions(+), 16 deletions(-)

diff --git a/src/views/analysis/components/child/DocumentPreviewPanel.vue b/src/views/analysis/components/child/DocumentPreviewPanel.vue
index 3fd3faa..442b194 100644
--- a/src/views/analysis/components/child/DocumentPreviewPanel.vue
+++ b/src/views/analysis/components/child/DocumentPreviewPanel.vue
@@ -17,14 +17,14 @@
                     </div>
                 </div>
                 <div v-if="currentDocument" class="document-viewer">
-                    <div v-if="currentDocument.type === 'pdf'" class="embedded-viewer">
-                        <DocumentSearch :file-url="currentDocument.url" />
+                    <div v-if="currentDocument.type === 'pdf'" class="embedded-viewer" :key="`pdf-${currentDocument.id}`">
+                        <DocumentSearch :file-url="currentDocument.url" :key="`pdf-viewer-${currentDocument.id}`" />
                     </div>
-                    <div v-else-if="currentDocument.type === 'word'" class="embedded-viewer">
-                        <DocumentSearchWord :file-url="currentDocument.url" />
+                    <div v-else-if="currentDocument.type === 'word'" class="embedded-viewer" :key="`word-${currentDocument.id}`">
+                        <DocumentSearchWord :file-url="currentDocument.url" :key="`word-viewer-${currentDocument.id}`" />
                     </div>
-                    <div v-else-if="currentDocument.type === 'excel'" class="embedded-viewer">
-                        <DocumentExcel :file-url="currentDocument.url" />
+                    <div v-else-if="currentDocument.type === 'excel'" class="embedded-viewer" :key="`excel-${currentDocument.id}`">
+                        <DocumentExcel :file-url="currentDocument.url" :key="`excel-viewer-${currentDocument.id}`" />
                     </div>
                     <div v-else class="document-placeholder">
                         <div class="placeholder-content">
@@ -249,7 +249,7 @@ export default {
             .document-item {
                 padding: 7px 16px;
                 border-radius: 8px;
-                background: #f1f9ff;
+                background: #fff;
                 color: #303133;
                 font-size: 13px;
                 line-height: 1.4;
diff --git a/src/views/common/DocumentSearchWord.vue b/src/views/common/DocumentSearchWord.vue
index 3427d5e..2b601c4 100644
--- a/src/views/common/DocumentSearchWord.vue
+++ b/src/views/common/DocumentSearchWord.vue
@@ -92,9 +92,13 @@ export default {
         }
     },
     mounted() {
-        if (!this.docUrl) {
-            const initialUrl = this.fileUrl || this.$route?.query?.url || DEFAULT_DOC_URL
+        // 优先使用 fileUrl prop，然后是路由参数，最后是默认 URL
+        const initialUrl = this.fileUrl || this.$route?.query?.url || DEFAULT_DOC_URL
+        if (initialUrl && initialUrl !== this.docUrl) {
             this.applyDocUrl(initialUrl)
+        } else if (this.docUrl && !this.docRendered) {
+            // 如果 docUrl 已设置但文档未渲染，重新加载
+            this.loadDocument()
         }
     },
     beforeDestroy() {
@@ -104,9 +108,16 @@ export default {
     watch: {
         fileUrl: {
             immediate: true,
-            handler(newVal) {
-                if (newVal) {
+            handler(newVal, oldVal) {
+                // 当 fileUrl 变化时，总是重新加载文档
+                if (newVal && newVal !== oldVal) {
                     this.applyDocUrl(newVal)
+                } else if (newVal && !this.docUrl) {
+                    // 如果新值存在但 docUrl 为空，也加载
+                    this.applyDocUrl(newVal)
+                } else if (!newVal && this.docUrl) {
+                    // 如果新值为空但 docUrl 有值，重置状态
+                    this.resetViewerState()
                 }
             }
         },
@@ -134,12 +145,16 @@ export default {
         },
         applyDocUrl(url) {
             const resolved = url || ''
-            if (resolved === this.docUrl) {
-                if (resolved) {
-                    this.loadDocument()
-                }
+            // 如果 URL 相同且文档已渲染，不重复加载
+            if (resolved === this.docUrl && this.docRendered) {
                 return
             }
+            // 如果 URL 变化，先取消之前的请求和重置状态
+            if (resolved !== this.docUrl) {
+                this.cancelFetch()
+                this.cancelScrollAnimation()
+                this.resetViewerState()
+            }
             this.docUrl = resolved
             if (this.docUrl) {
                 this.loadDocument()
@@ -1405,7 +1420,7 @@ export default {
 }
 
 .state-icon {
-    font-size: 48px;
+    font-size: 24px;
     color: #409EFF;
     animation: rotate 1s linear infinite;
 }