leaudit-platform-frontend/app/components/reviews/ReviewTabs.tsx

/**
 * 评查选项卡组件
 * 提供三个选项卡：评查结果、AI智能分析、文件信息
 */
import { ReactNode, useState } from 'react';
import { useNavigate } from 'react-router-dom';
import { loadingBarService } from '~/components/ui/LoadingBar';
import { DOCUMENT_URL } from "~/api/client";

interface ReviewTabsProps {
  activeTab: string;
  onTabChange: (tabKey: string) => void;
  children: ReactNode;
  fileInfo: {
    previousRoute?: string;
    path?: string;
    auditStatus?: number;
    type?: string;
  };
  onConfirmResults: () => void;
}

export function ReviewTabs({ activeTab, onTabChange, children, fileInfo, onConfirmResults }: ReviewTabsProps) {
  const [isNavigating, setIsNavigating] = useState(false);
  const navigate = useNavigate();

  // 返回上一级
  const handleBack = () => {
    // 防抖处理 - 如果已经在导航中，不重复触发
    if (isNavigating) return;
    
    // 设置导航状态为true
    setIsNavigating(true);
    loadingBarService.show();
    
    // 根据来源页面返回
    const previousRoute = fileInfo.previousRoute || 'documents';
    const returnTo = previousRoute === 'documents' 
      ? "/documents" 
      : previousRoute === 'filesUpload' 
        ? "/files/upload"
        : "/rules-files";
    
    // 立即导航返回
    navigate(returnTo);
  };

  // 下载原文件
  const handleDownloadFile = async () => {
    try {
      const downloadUrl = `${DOCUMENT_URL}${fileInfo.path}`;
      
      // 使用fetch获取文件内容
      const response = await fetch(downloadUrl);
      if (!response.ok) {
        throw new Error(`下载失败: ${response.status} ${response.statusText}`);
      }
      
      // 将响应转换为Blob
      const blob = await response.blob();
      
      // 创建Blob URL
      const blobUrl = URL.createObjectURL(blob);
      
      // 创建一个隐藏的a标签并点击它
      const a = document.createElement('a');
      a.style.display = 'none';
      a.href = blobUrl;
      // 从路径中获取文件名
      const fileName = fileInfo.path?.split('/').pop() || 'document';
      a.download = decodeURIComponent(fileName);
      document.body.appendChild(a);
      a.click();
      
      // 清理
      setTimeout(() => {
        document.body.removeChild(a);
        URL.revokeObjectURL(blobUrl);
      }, 100);
    } catch (error) {
      console.error('下载文件失败:', error);
      alert(`下载文件失败: ${error instanceof Error ? error.message : '未知错误'}`);
    }
  };


  return (
    <div className="tab-container w-full flex-1">
      <div className="tab-nav w-full flex justify-between">
        {/* 评查结果、AI智能分析、文件信息 */}
        <div className="flex">
          <button 
            className={`tab-nav-item ${activeTab === 'preview' ? 'active' : ''}`}
            onClick={() => onTabChange('preview')}
            type="button"
            aria-pressed={activeTab === 'preview'}
          >
            <i className="ri-file-text-line"></i> 评查结果
          </button>
          {/* <button 
            className={`tab-nav-item ${activeTab === 'analysis' ? 'active' : ''}`}
            onClick={() => onTabChange('analysis')}
            type="button"
            aria-pressed={activeTab === 'analysis'}
          >
            <i className="ri-lightbulb-line"></i> AI智能分析
          </button> */}
          {fileInfo.type === '1' && (
            <button 
              className={`tab-nav-item ${activeTab === 'filecompare' ? 'active' : ''}`}
              onClick={() => onTabChange('filecompare')}
              type="button"
              aria-pressed={activeTab === 'filecompare'}
          >
              <i className="ri-flip-horizontal-line"></i> 结构比对
            </button>
          )}
          <button 
            className={`tab-nav-item ${activeTab === 'fileinfo' ? 'active' : ''}`}
            onClick={() => onTabChange('fileinfo')}
            type="button"
            aria-pressed={activeTab === 'fileinfo'}
          >
            <i className="ri-information-line"></i> 文件信息
          </button>
        </div>
        {/* 操作按钮 */}
        <div className="flex space-x-3">
          {/* 返回上一级 */}
          <button 
            className="ant-btn ant-btn-default flex items-center my-2"
            onClick={() => handleBack()}
            disabled={isNavigating}
          >
            <i className="ri-arrow-left-line mr-1"></i> {isNavigating ? '返回中...' : '返回'}
          </button>
          <button 
            className="ant-btn ant-btn-default flex items-center my-2"
            onClick={handleDownloadFile}
          >
            <i className="ri-file-download-line mr-1"></i> 下载原文件
          </button>
          {/* <button 
            className="ant-btn ant-btn-default flex items-center"
            onClick={handleExportReport}
          >
            <i className="ri-file-copy-line mr-1"></i> 导出评查报告
          </button> */}
          <button 
            className={`ant-btn ant-btn-primary my-2 flex items-center ${fileInfo.auditStatus === 1 ? 'hidden' : ''}`}
            onClick={onConfirmResults}
          >
            <i className="ri-check-double-line mr-1"></i> 确认评查结果
          </button>
        </div>
      </div>
      
      <div className="tab-content w-full">
        {children}
      </div>
    </div>
  );
}