优化交叉评查详情页面

2025-07-16 22:20:02 +08:00
parent 328f326db3
commit 4843b7bebf
19 changed files with 4955 additions and 4 deletions
@@ -0,0 +1,91 @@
+/**
+ * 交叉评查文件信息组件
+ */
+
+interface FileInfoProps {
+  fileInfo: {
+    fileName: string;
+    contractNumber: string;
+    fileSize?: string;  
+    fileFormat?: string;
+    pageCount?: number;
+    uploadTime?: string;
+    uploadUser?: string;
+    auditStatus?: number;
+    path?: string;
+    previousRoute?: string;
+    fileType?: string;
+  };
+  onConfirmResults: () => void;
+}
+
+export function FileInfo({ fileInfo, onConfirmResults }: FileInfoProps) {
+
+  const handleDownloadFile = () => {
+    if (fileInfo.path) {
+      // 创建一个隐藏的下载链接
+      const link = document.createElement('a');
+      link.href = fileInfo.path;
+      link.download = fileInfo.fileName;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    } else {
+      alert('文件路径不存在，无法下载');
+    }
+  };
+
+  const handleExportReport = () => {
+    alert('导出交叉评查报告功能');
+  };
+
+  return (
+    <div className="mb-4 file-info-header">
+      <div className="flex justify-between items-center">
+        <div className="flex-1">
+          {/* 文件基本信息已在面包屑区域显示，这里可以不重复显示 */}
+        </div>
+        
+        {/* 操作按钮区域 */}
+        <div className="flex items-center gap-3">
+          {/* 下载原文件按钮 */}
+          <button 
+            onClick={handleDownloadFile}
+            className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+          >
+            <i className="fas fa-download mr-1.5"></i>
+            下载原文件
+          </button>
+
+          {/* 导出评查报告按钮 */}
+          <button 
+            onClick={handleExportReport}
+            className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+          >
+            <i className="fas fa-file-export mr-1.5"></i>
+            导出评查报告
+          </button>
+
+          {/* 确认评查结果按钮 - 只在未审核通过时显示 */}
+          {fileInfo.auditStatus !== 1 && (
+            <button 
+              onClick={onConfirmResults}
+              className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-white bg-green-600 border border-transparent rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
+            >
+              <i className="fas fa-check mr-1.5"></i>
+              确认评查结果
+            </button>
+          )}
+
+          {/* 已确认状态显示 */}
+          {fileInfo.auditStatus === 1 && (
+            <span className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-green-700 bg-green-100 border border-green-200 rounded-md">
+              <i className="fas fa-check-circle mr-1.5"></i>
+              评查结果已确认
+            </span>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}