feat: 接入pdf文件的显示高亮效果

app/routes/reviews.tsx

@@ -300,6 +300,7 @@ export default function ReviewDetails() {
   const [activeReviewPointResultId, setActiveReviewPointResultId] = useState<string | null>(null);
   const [targetPage, setTargetPage] = useState<number | undefined>(undefined);
   const [templateTargetPage, setTemplateTargetPage] = useState<number | undefined>(undefined);
+  const [charPositions, setCharPositions] = useState<Array<{ box: number[][], char: string, score: number }> | undefined>(undefined);
   const [pendingUpdate, setPendingUpdate] = useState<{
     reviewPointResultId: string;
     newStatus: string;
@@ -367,19 +368,22 @@ export default function ReviewDetails() {
     setActiveTab(tabKey);
   };
   
-  const handleReviewPointSelect = (reviewPointId: string, page?: number) => {
+  const handleReviewPointSelect = (reviewPointId: string, page?: number, charPos?: Array<{ box: number[][], char: string, score: number }>) => {
     // 如果点击的是相同的评查点，但有page参数，先重置targetPage以确保useEffect能够触发
     if (reviewPointId === activeReviewPointResultId && page) {
       setTargetPage(undefined);
-      // 使用setTimeout确保状态更新后再设置新的targetPage
+      setCharPositions(undefined);
+      // 使用setTimeout确保状态更新后再设置新的targetPage和charPositions
       setTimeout(() => {
         setActiveReviewPointResultId(reviewPointId);
         setTargetPage(page);
+        setCharPositions(charPos);
       }, 0);
     } else {
-      // 正常设置activeReviewPointId和targetPage
+      // 正常设置activeReviewPointId、targetPage和charPositions
       setActiveReviewPointResultId(reviewPointId);
       setTargetPage(page);
+      setCharPositions(charPos);
     }
   };
   
@@ -713,11 +717,12 @@ export default function ReviewDetails() {
               <div className="flex flex-col lg:flex-row space-y-4 lg:space-y-0 lg:space-x-4">
                 {/* 左侧：文件预览 */}
                 <div className="w-full lg:w-[65%]">
-                  <FilePreview 
+                  <FilePreview
                     fileContent={document}
                     reviewPoints={reviewData.reviewPoints}
                     activeReviewPointResultId={activeReviewPointResultId}
                     targetPage={targetPage}
+                    charPositions={charPositions}
                   />
                 </div>
                 
@@ -739,11 +744,12 @@ export default function ReviewDetails() {
               <div className="flex flex-col lg:flex-row space-y-4 lg:space-y-0 lg:space-x-4">
                 {/* 左侧：原文件预览 */}
                 <div className={`w-full ${comparison_document.template_contract_path ? 'lg:w-[38%]' : 'lg:w-[56%]'}`}>
-                  <FilePreview 
+                  <FilePreview
                     fileContent={document}
                     reviewPoints={reviewData.reviewPoints}
                     activeReviewPointResultId={activeReviewPointResultId}
                     targetPage={targetPage}
+                    charPositions={charPositions}
                   />
                 </div>