temp：备份代码

app/components/reviews/FilePreview.tsx

@@ -5,7 +5,7 @@
 import { useState, useEffect, useRef, ChangeEvent } from 'react';
 import { Document, Page, pdfjs } from 'react-pdf';
 import { DOCUMENT_URL } from '~/api/axios-client';
-import { CollaboraViewer } from '~/components/collabora/CollaboraViewer';
+import { CollaboraViewer, type CollaboraViewerHandle } from '~/components/collabora/CollaboraViewer';
 
 // 设置worker路径为public目录下的worker文件
 // 使用已经下载的兼容版本 (pdfjs-dist v2.12.313)
@@ -85,10 +85,17 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
   const [zoomLevel, setZoomLevel] = useState(100);
   // const [highlightsVisible, setHighlightsVisible] = useState(true);
   const contentRef = useRef<HTMLDivElement>(null);
+  const collaboraViewerRef = useRef<CollaboraViewerHandle>(null);
   const [numPages, setNumPages] = useState<number | null>(null);
   const [loadError, setLoadError] = useState<string | null>(null);
   const [pageInputValue, setPageInputValue] = useState<string>('');
-  
+
+  // 获取文件类型
+  const real_path = fileContent.path || fileContent.template_contract_path || '';
+  const fileExtension = real_path.split('.').pop()?.toLowerCase();
+  const isDocx = fileExtension === 'docx';
+  const isPdf = fileExtension === 'pdf';
+
   // 拖拽状态管理
   const [dragMode, setDragMode] = useState(false); // 是否处于拖拽模式
   const [isDragging, setIsDragging] = useState(false);
@@ -97,15 +104,35 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
   
   // 放大文档
   const handleZoomIn = () => {
-    if (zoomLevel < 200) {
-      setZoomLevel(prevZoom => prevZoom + 10);
+    if (isDocx) {
+      // DOCX 文件：调用 Collabora UNO 命令
+      if (!collaboraViewerRef.current?.isReady) {
+        toastService.warning('文档尚未加载完成，请稍候...');
+        return;
+      }
+      collaboraViewerRef.current?.unoCommands.zoomIn();
+    } else if (isPdf) {
+      // PDF 文件：修改 zoomLevel 状态
+      if (zoomLevel < 200) {
+        setZoomLevel(prevZoom => prevZoom + 10);
+      }
     }
   };
-  
+
   // 缩小文档
   const handleZoomOut = () => {
-    if (zoomLevel > 50) {
-      setZoomLevel(prevZoom => prevZoom - 10);
+    if (isDocx) {
+      // DOCX 文件：调用 Collabora UNO 命令
+      if (!collaboraViewerRef.current?.isReady) {
+        toastService.warning('文档尚未加载完成，请稍候...');
+        return;
+      }
+      collaboraViewerRef.current?.unoCommands.zoomOut();
+    } else if (isPdf) {
+      // PDF 文件：修改 zoomLevel 状态
+      if (zoomLevel > 50) {
+        setZoomLevel(prevZoom => prevZoom - 10);
+      }
     }
   };
   
@@ -243,21 +270,37 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
   
   // 处理页码跳转
   const handlePageJump = () => {
-    if (!pageInputValue || !numPages) return;
-    
+    if (!pageInputValue) return;
+
     const targetPageNum = parseInt(pageInputValue, 10);
-    
-    // 验证页码是否在有效范围内
-    if (targetPageNum > 0 && targetPageNum <= numPages) {
-      // 找到目标页面元素并滚动到该位置
-      const pageElement = document.getElementById(`page-${targetPageNum}`);
-      if (pageElement) {
-        pageElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
+
+    if (isDocx) {
+      // DOCX 文件：调用 Collabora UNO 命令
+      if (!collaboraViewerRef.current?.isReady) {
+        toastService.warning('文档尚未加载完成，请稍候...');
+        return;
+      }
+      if (targetPageNum > 0) {
+        collaboraViewerRef.current?.unoCommands.gotoPage(targetPageNum);
+      } else {
+        toastService.warning('请输入有效页码');
+        setPageInputValue('');
+      }
+    } else if (isPdf) {
+      // PDF 文件：验证页码并滚动到目标页面
+      if (!numPages) return;
+
+      if (targetPageNum > 0 && targetPageNum <= numPages) {
+        // 找到目标页面元素并滚动到该位置
+        const pageElement = document.getElementById(`page-${targetPageNum}`);
+        if (pageElement) {
+          pageElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
+      } else {
+        // 页码超出范围，显示错误信息或重置输入
+        toastService.warning(`请输入有效页码 (1-${numPages})`);
+        setPageInputValue('');
       }
-    } else {
-      // 页码超出范围，显示错误信息或重置输入
-      toastService.warning(`请输入有效页码 (1-${numPages})`);
-      setPageInputValue('');
     }
   };
 
@@ -285,8 +328,18 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
 
   // 滚动到顶部
   const handleScrollToTop = () => {
-    if (contentRef.current) {
-      contentRef.current.scrollTo({ top: 0, behavior: 'smooth' });
+    if (isDocx) {
+      // DOCX 文件：调用 Collabora UNO 命令
+      if (!collaboraViewerRef.current?.isReady) {
+        toastService.warning('文档尚未加载完成，请稍候...');
+        return;
+      }
+      collaboraViewerRef.current?.unoCommands.scrollToTop();
+    } else {
+      // PDF 文件：滚动容器到顶部
+      if (contentRef.current) {
+        contentRef.current.scrollTo({ top: 0, behavior: 'smooth' });
+      }
     }
   };
   
@@ -385,8 +438,6 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
   
   // 渲染文档内容
   const renderDocumentContent = () => {
-    const real_path = fileContent.path || fileContent.template_contract_path || '';
-
     // 如果路径无效，显示错误信息
     if (!real_path) {
       if(!fileContent.template_contract_path){
@@ -404,9 +455,7 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
     }
 
     // console.log('real_path',real_path);
-    // 获取文件扩展名
-    const fileExtension = real_path.split('.').pop()?.toLowerCase();
-    
+
     // PDF内容渲染
     const renderPdfContent = () => (
       <div 
@@ -470,8 +519,9 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
       // DOCX文件使用Collabora Online预览
       return (
         <CollaboraViewer
+          ref={collaboraViewerRef}
           fileId={real_path}
-          mode="view"
+          mode="edit"
           userId={userInfo?.sub || 'guest'}
           userName={userInfo?.nick_name || '访客'}
         />