新增全局加载进度条组件

app/components/reviews/FileInfo.tsx

@@ -1,5 +1,6 @@
 import { useNavigate } from "@remix-run/react";
-import { toastService } from "~/components/ui/Toast";
+import { useState } from "react";
+
 interface FileInfoProps {
   fileInfo: {
     fileName: string;
@@ -11,12 +12,15 @@ interface FileInfoProps {
     uploadUser?: string;
     auditStatus?: number;
     path?: string;
+    previousRoute?: string;
   };
   onConfirmResults: () => void;
 }
 
 export function FileInfo({ fileInfo, onConfirmResults }: FileInfoProps) {
   const navigate = useNavigate();
+  const [isNavigating, setIsNavigating] = useState(false);
+
   const handleDownloadFile = async () => {
     try {
       const urlBefore = 'http://172.18.0.100:9000/docauditai/';
@@ -56,7 +60,22 @@ export function FileInfo({ fileInfo, onConfirmResults }: FileInfoProps) {
   };
 
   const handleBack = () => {
-    navigate(-1);
+    // 防抖处理 - 如果已经在导航中，不重复触发
+    if (isNavigating) return;
+    
+    // 设置导航状态为true
+    setIsNavigating(true);
+    
+    // 根据来源页面返回
+    const previousRoute = fileInfo.previousRoute || 'documents';
+    const returnTo = previousRoute === 'documents' 
+      ? "/documents" 
+      : previousRoute === 'filesUpload' 
+        ? "/files/upload"
+        : "/rules-files";
+    
+    // 立即导航返回
+    navigate(returnTo);
   };
 
   const handleExportReport = () => {
@@ -89,8 +108,9 @@ export function FileInfo({ fileInfo, onConfirmResults }: FileInfoProps) {
           <button 
             className="ant-btn ant-btn-default flex items-center"
             onClick={() => handleBack()}
+            disabled={isNavigating}
           >
-            <i className="ri-arrow-left-line mr-1"></i> 返回
+            <i className="ri-arrow-left-line mr-1"></i> {isNavigating ? '返回中...' : '返回'}
           </button>
           <button 
             className="ant-btn ant-btn-default flex items-center"

app/components/reviews/ReviewPointsList.tsx

@@ -1024,9 +1024,15 @@ export function ReviewPointsList({
               <div className="review-point-header flex justify-between items-start">
                 <div className="review-point-title flex-1 text-left min-w-[25%]">{reviewPoint.title}</div>
                 {/* 评查点所属分组 */}
-                <div className="review-point-location max-w-[40%]">
-                  <i className="ri-file-list-line mr-1"></i>
-                  <span>{reviewPoint.groupName}</span>
+                <div className="review-point-location max-w-[40%] flex items-center">
+                  <i className="ri-file-list-line mr-1 flex-shrink-0"></i>
+                  <span 
+                    className="truncate block whitespace-nowrap overflow-hidden hover:overflow-visible hover:text-clip hover:bg-white hover:shadow-md hover:z-10 hover:text-wrap px-1 rounded" 
+                    title={reviewPoint.groupName}
+                    style={{ cursor: 'text', userSelect: 'all' }}
+                  >
+                    {reviewPoint.groupName}
+                  </span>
                 </div>
                 <div className="flex flex-col items-center ml-2 flex-shrink-0 max-w-[15%]">
                   {renderStatusBadge(reviewPoint.status, reviewPoint.result)}

app/components/ui/LoadingBar.tsx

@@ -0,0 +1,131 @@
+import { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+
+interface LoadingBarProps {
+  isVisible: boolean;
+  isComplete?: boolean;
+  height?: number;
+  className?: string;
+}
+
+// 加载进度条状态管理
+let showLoadingBar: (show: boolean, completeFirst?: boolean) => void = () => {};
+let loadingBarVisible = false;
+
+export function LoadingBar({ 
+  isVisible,
+  isComplete = false,
+  height = 2,
+  className = ''
+}: LoadingBarProps) {
+  // 当组件挂载时，进行进度的随机增长动画
+  const [progress, setProgress] = useState(0);
+  
+  // 处理完成状态
+  useEffect(() => {
+    if (isComplete) {
+      // 立即将进度设为100%
+      setProgress(100);
+    }
+  }, [isComplete]);
+  
+  useEffect(() => {
+    let interval: NodeJS.Timeout;
+    
+    if (isVisible && progress < 90) {
+      // 随机增长进度，模拟加载 - 加速更新频率
+      interval = setInterval(() => {
+        setProgress(prev => {
+          // 进度越大，增长越慢
+          const increment = Math.random() * (20 - prev / 8);
+          return Math.min(prev + increment, 90);
+        });
+      }, 300); // 更高频率的更新
+    } else if (!isVisible) {
+      // 隐藏时重置进度
+      setProgress(0);
+    }
+    
+    return () => {
+      if (interval) clearInterval(interval);
+    };
+  }, [isVisible, progress]);
+  
+  // 当isVisible变化时，立即触发显示或隐藏效果
+  useEffect(() => {
+    if (isVisible) {
+      setProgress(20); // 立刻显示更多进度
+    } else if (progress > 0) {
+      // 如果已经有进度了，先快速完成进度，然后再隐藏
+      setProgress(100);
+      const timeout = setTimeout(() => {
+        setProgress(0);
+      }, 300); // 更快的隐藏
+      return () => clearTimeout(timeout);
+    }
+  }, [isVisible]);
+  
+  if (!isVisible && progress === 0) return null;
+  
+  return (
+    <div className="fixed top-0 left-0 right-0 z-[9999]">
+      <div
+        className={`${className} animate-pulse`}
+        style={{ 
+          height: `${height}px`, 
+          width: `${progress}%`,
+          opacity: progress > 0 ? 1 : 0,
+          transition: 'width 0.3s ease-out, opacity 0.2s ease-in-out',
+          background: 'linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-hover) 50%, var(--color-primary) 100%)',
+          boxShadow: '0 0 10px rgba(0, 104, 74, 0.7)'
+        }}
+      />
+    </div>
+  );
+}
+
+// 创建一个全局加载进度条容器
+function LoadingBarContainer() {
+  const [visible, setVisible] = useState(loadingBarVisible);
+  const [completeBeforeHide, setCompleteBeforeHide] = useState(false);
+  
+  // 保存引用以便外部调用
+  useEffect(() => {
+    showLoadingBar = (show: boolean, completeFirst: boolean = false) => {
+      if (!show && completeFirst) {
+        // 当隐藏时，先触发完成动画，再隐藏
+        setCompleteBeforeHide(true);
+        // 延迟隐藏，以让完成动画显示出来
+        setTimeout(() => {
+          loadingBarVisible = false;
+          setVisible(false);
+          setCompleteBeforeHide(false);
+        }, 500);
+      } else {
+        loadingBarVisible = show;
+        setVisible(show);
+        if (!show) {
+          setCompleteBeforeHide(false);
+        }
+      }
+    };
+  }, []);
+  
+  // 使用Portal确保加载进度条总是渲染在body末尾
+  return typeof window !== 'undefined' 
+    ? createPortal(
+        <LoadingBar isVisible={visible} isComplete={completeBeforeHide} />,
+        document.body
+      )
+    : null;
+}
+
+// 导出全局控制函数
+export const loadingBarService = {
+  show: () => showLoadingBar(true),
+  hide: () => showLoadingBar(false, true),
+  toggle: () => showLoadingBar(!loadingBarVisible),
+  isVisible: () => loadingBarVisible
+};
+
+export default LoadingBarContainer;