添加pdf的略缩图组件的实现。

app/routes/reviews.tsx

@@ -872,42 +872,13 @@ export default function ReviewDetails() {
         <>
           {/* 自定义面包屑 */}
           <div className="flex justify-between items-center mb-4">
-            <Breadcrumb 
+            {/* <Breadcrumb 
               items={getBreadcrumbItems()} 
               className="items-center flex !mb-0"
-            />
+            /> */}
             
             {/* 在面包屑右侧显示精简版的FileInfo */}
             <div className=" ml-5 text-left flex-1 flex flex-row flex-wrap items-center">
-              {/* 评分tag：优秀、合格、不合格、待评价 */}
-              {/* {(() => {
-                const score = "";
-                let tagText = '待评价';
-                let tagClassName = 'bg-gray-100 text-gray-600 border-gray-300';
-
-                if (score >= 90) {
-                  tagText = '优秀';
-                  tagClassName = 'bg-green-50 text-green-700 border-green-300';
-                } else if (score >= 60) {
-                  tagText = '合格';
-                  tagClassName = 'bg-blue-50 text-blue-700 border-blue-300';
-                } else if (score > 0) {
-                  tagText = '不合格';
-                  tagClassName = 'bg-red-50 text-red-700 border-red-300';
-                }
-
-                return (
-                  <span className={`
-                    px-3 py-0.5 rounded-full text-xs font-medium border mr-1
-                    ${tagClassName}
-                  `}
-                    title="供应商评价"
-                  >
-                    {tagText}
-                  </span>
-                );
-              })()} */}
-
               <span className="mr-2 text-xl font-medium">
                 {reviewData.fileInfo.fileName}
               </span>
@@ -929,29 +900,8 @@ export default function ReviewDetails() {
               </div>
             </div>
           </div>
-          {/* <div className="text-xs text-gray-500 flex items-center mb-1">
-            合同编号：{reviewData.fileInfo.contractNumber}
-            {reviewData.fileInfo.fileSize && (
-              <span className="text-xs text-gray-500 ml-2">
-              |  {reviewData.fileInfo.fileSize} | {reviewData.fileInfo.fileFormat} | {reviewData.fileInfo.pageCount}页&nbsp;
-              </span>
-            )}
-            {reviewData.fileInfo.uploadTime && (
-              <div className="text-xs text-gray-500">
-              | 上传时间：{reviewData.fileInfo.uploadTime} | 上传用户：{reviewData.fileInfo.uploadUser}
-              </div>
-            )}
-          </div> */}
           
           {/* 文件信息和操作按钮 */}
-          {/* <FileInfo 
-            fileInfo={{
-              ...reviewData.fileInfo,
-              previousRoute: loaderData.previousRoute
-            }}
-            onConfirmResults={handleConfirmResults}
-          /> */}
-          
           {/* 选项卡 */}
           <ReviewTabs
             activeTab={activeTab}