加入审查详情页面转换

2025-04-11 15:29:18 +08:00
parent 71c70696a7
commit 26fa33dbfd
11 changed files with 2725 additions and 42 deletions
@@ -0,0 +1,72 @@
+/**
+ * 文件信息组件
+ * 显示文件名称、状态信息以及操作按钮（下载原文件、导出评查报告、确认评查结果）
+ */
+
+interface FileInfoProps {
+  fileInfo: {
+    fileName: string;
+    contractNumber: string;
+    fileSize?: string;
+    fileFormat?: string;
+    pageCount?: number;
+    uploadTime?: string;
+    uploadUser?: string;
+  };
+  onConfirmResults: () => void;
+}
+
+export function FileInfo({ fileInfo, onConfirmResults }: FileInfoProps) {
+  const handleDownloadFile = () => {
+    alert('下载原文件功能');
+  };
+
+  const handleExportReport = () => {
+    alert('导出评查报告功能');
+  };
+
+  return (
+    <div className="mb-4 file-info-header">
+      <div className="flex justify-between items-center">
+        <div>
+          <h2 className="text-xl font-medium">
+            {fileInfo.fileName} 
+            <span className="text-sm text-secondary font-normal ml-2">
+              合同编号：{fileInfo.contractNumber}
+            </span>
+            {fileInfo.fileSize && (
+              <span className="text-xs text-gray-500 ml-2">
+                {fileInfo.fileSize} | {fileInfo.fileFormat} | {fileInfo.pageCount}页
+              </span>
+            )}
+          </h2>
+          {fileInfo.uploadTime && (
+            <div className="text-xs text-gray-500 mt-1">
+              上传时间：{fileInfo.uploadTime} | 上传用户：{fileInfo.uploadUser}
+            </div>
+          )}
+        </div>
+        <div className="flex space-x-3">
+          <button 
+            className="ant-btn ant-btn-default flex items-center"
+            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 flex items-center"
+            onClick={onConfirmResults}
+          >
+            <i className="ri-check-double-line mr-1"></i> 确认评查结果
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}