From 40d7064e46bbe27163d7d57b0498c759101a943b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E5=8F=AF=E6=B8=85?= <22371433@buaa.edu.cn>
Date: Tue, 10 Jun 2025 10:46:55 +0800
Subject: [PATCH] =?UTF-8?q?[fix]:=E7=B4=A7=E6=80=A5=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/PaperNote.vue   | 30 +++++++++++++++--------------
 src/views/PdfViewerPage.vue | 38 +++++++++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+), 14 deletions(-)

diff --git a/src/layouts/PaperNote.vue b/src/layouts/PaperNote.vue
index 98e14cc..29e9877 100644
--- a/src/layouts/PaperNote.vue
+++ b/src/layouts/PaperNote.vue
@@ -62,13 +62,13 @@
         <pane :size="pdfPaneSize" min-size="20">
           <!-- PDF 查看区域 -->
           <div class="pdf-container">
-            <PdfViewer
+            <PdfViewer ref="PdfViewerRef"
               v-if="pdfUrl"
               :fileUrl="pdfUrl"
               :fileName="documentTitle"
               :articleId="articleId"
               :write="true"
-              :ref="PdfViewerRef"
+              
             />
             <div v-else class="pdf-loading">
               <el-icon class="loading-icon is-loading"><Loading /></el-icon>
@@ -120,11 +120,12 @@ import PdfViewer from '@/components/Pdfview/PdfViewer.vue';
 import 'splitpanes/dist/splitpanes.css';
 import { ElMessage } from 'element-plus';
 import debounce from 'lodash/debounce';
-import {ref} from 'vue'
+
 
 
 export default {
   name: "PaperNote",
+  
   components: {
     Back,
     Loading,
@@ -147,7 +148,7 @@ export default {
       editorPropsReady: false,
       notesListLoading: true, // 新增：标记笔记列表是否正在加载
       updateRoute: null, // 将在 created 中初始化
-      PdfViewerRef: ref(null), // 新增：PdfViewer组件实例
+  
     }
   },
   created() {
@@ -262,7 +263,7 @@ export default {
         if (pdfResponse?.data?.article_url) {
           
           const nowTime = new Date().getTime();
-          this.pdfUrl = pdfResponse.data.article_url + `&t=${nowTime}`;
+          this.pdfUrl = pdfResponse.data.article_url + `?t=${nowTime}`;
         } else {
           console.error("获取PDF链接失败：", pdfResponse);
           ElMessage.error("获取 PDF 链接失败！");
@@ -302,20 +303,21 @@ export default {
       }
     },
 
-    async handleSaveNote() {
-      if (this.isSaving) return;
+     handleSaveNote() {
       
       try {
-        this.isSaving = true;
-        if (this.PdfViewerRef) {
-          this.PdfViewerRef.value.handleSave();
+        
+        if (this.$refs.PdfViewerRef) {
+          this.$refs.PdfViewerRef.handleSave();
+        } else {
+          console.log('is null,waiting...')
         }
 
-    } catch (error) {
+      } catch (error) {
         console.error("[Note] 保存笔记失败：", error);
-    } finally {
-        this.isSaving = false;
-    }
+      } 
+
+      
     },
 
     async fetchDocumentTitle(articleId) {
diff --git a/src/views/PdfViewerPage.vue b/src/views/PdfViewerPage.vue
index ef16555..68bd416 100644
--- a/src/views/PdfViewerPage.vue
+++ b/src/views/PdfViewerPage.vue
@@ -1,5 +1,26 @@
 <template>
   <div class="app">
+          <div class="save-button-container">
+        <el-button
+          type="success"
+          class="header-save-btn"
+          @click="handleSaveNote"
+          :loading="isSaving"
+          size="small"
+          round
+        >
+          <template #icon>
+            <el-icon><EditPen /></el-icon>
+          </template>
+          <template v-if="!isSaving">
+            <span class="save-text">保存批注</span>
+          </template>
+          <template v-else>
+            <el-icon class="loading-icon"><Loading /></el-icon>
+            <span class="save-text">保存中…</span>
+          </template>
+        </el-button>
+      </div>
     <h1 class="title">PDF reader example Page</h1>
 
     <PdfViewer ref="pdfViewerRef"
@@ -20,7 +41,24 @@ import PdfViewer from '@/components/Pdfview/PdfViewer.vue'
 
 
 const pdfViewerRef = ref(null)
+let isSaving = ref(false)
 
+function handleSaveNote() {
+  console.log('handleSaveNote');
+  if (isSaving.value) return;
+      
+      try {
+        isSaving.value = true;
+        if (pdfViewerRef.value) {
+          pdfViewerRef.value.handleSave();
+        }
+
+    } catch (error) {
+        console.error("[Note] 保存笔记失败：", error);
+    } finally {
+        isSaving.value = false;
+    }
+}
 
 </script>