添加jwt验证，添加交叉评查首页加载对接接口，评查任务文档列表对接接口，意见列表对接接口

app/components/cross-checking/DocumentListModal.tsx

@@ -7,9 +7,9 @@ import { FileTypeTag } from '../ui/FileTypeTag';
 import { StatusBadge } from '../ui/StatusBadge';
 import { Pagination } from '../ui/Pagination';
 import { LoadingIndicator } from '../ui/SkeletonScreen';
-import type { ReviewFileUI } from '~/api/evaluation_points/rules-files';
-// import { updateDocumentAuditStatus } from '~/api/evaluation_points/rules-files';
+import { updateDocumentAuditStatus, type TaskDocument } from '~/api/cross-checking/cross-files'; // 更新导入
 import { toastService } from '../ui/Toast';
+import { formatDate } from '~/utils';
 
 // 导出样式链接
 export const links = () => [];
@@ -18,7 +18,7 @@ interface DocumentListModalProps {
   isOpen: boolean;
   onClose: () => void;
   title: string;
-  files: ReviewFileUI[];
+  files: TaskDocument[]; // 更新类型
   onViewFile?: (fileId: string) => void;
   loading?: boolean;
   // 分页相关属性
@@ -49,13 +49,10 @@ export function DocumentListModal({
     // 检查audit_status是否为0，如果是则更新为2
     if (auditStatus === 0 || auditStatus === null) {
       try {
-        // TODO: 这里需要从父组件传递 userId，或者重新设计这个函数的调用方式
-        // 暂时跳过状态更新，直接进入查看
-        // const response = await updateDocumentAuditStatus(fileId, 2, userId);
-        // if (response.error) {
-        //   throw new Error(response.error);
-        // }
-        console.warn('DocumentListModal: 跳过审核状态更新，需要传递 userId 参数');
+        // TODO: 不需要传递userId，直接使用fileId找到对应文档，然后更新文档状态
+        // 更新文档状态
+        const updatedFile = await updateDocumentAuditStatus(fileId, 2);
+        console.log('更新后的文档状态:', updatedFile);
       } catch (error) {
         console.error('更新文件审核状态时出错:', error);
         toastService.error(`更新文件审核状态时出错:${error instanceof Error ? error.message : '未知错误'}`);
@@ -70,60 +67,74 @@ export function DocumentListModal({
   };
   
   // 渲染问题摘要
-  const renderIssues = (file: ReviewFileUI) => {
-    // 如果文件状态为完成
-    if (file.status === 'Processed') {
-      // 如果没有问题，显示"所有评查点均通过"
-      if (file.warningCount <= 0 && file.failCount <= 0) {
-        return (
-          <div className="text-sm text-success">
-            <i className="ri-check-double-line mr-1"></i>所有评查点均通过
-          </div>
-        );
-      }
+  const renderIssues = (file: TaskDocument) => {
+    // 如果文件有问题信息
+    if (file.issues && file.issues.length > 0) {
+      // 最多显示2个问题
+      const displayIssues = file.issues.slice(0, 2);
       
-      // 显示问题列表
-      if (file.issues && file.issues.length > 0) {
-        // 最多显示2个问题
-        const displayIssues = file.issues.slice(0, 2);
-        
-        return (
-          <div className="text-sm">
-            {displayIssues.map((issue, index) => (
-              <div key={index} className="mb-1">
-                <i className="ri-circle-fill mr-1 text-yellow-400"></i>
-                {issue.message}
-              </div>
-            ))}
-            
-            {file.issues.length > 2 && (
-              <div className="text-secondary mt-1">
-                还有 {file.issues.length - 2} 个问题...
-              </div>
-            )}
-          </div>
-        );
-      }
+      return (
+        <div className="text-sm">
+          {displayIssues.map((issue, index) => (
+            <div key={index} className="mb-1">
+              <i className={`ri-circle-fill mr-1 ${
+                issue.severity === 'error' ? 'text-red-400' : 
+                issue.severity === 'warning' ? 'text-yellow-400' : 
+                'text-blue-400'
+              }`}></i>
+              {issue.message}
+            </div>
+          ))}
+          
+          {file.issues.length > 2 && (
+            <div className="text-secondary mt-1">
+              还有 {file.issues.length - 2} 个问题...
+            </div>
+          )}
+        </div>
+      );
     }
+    
+    // 如果没有问题信息，根据状态显示
+    if (file.evaluations_status === 1) {
+      return (
+        <div className="text-sm text-success">
+          <i className="ri-check-double-line mr-1"></i>所有评查点均通过
+        </div>
+      );
+    }
+    
     // 其他状态显示占位符
     return <div className="text-sm text-secondary">-</div>;
   };
 
+  // 获取文件大小的友好显示
+  const formatFileSize = (bytes: number) => {
+    if (bytes === 0) return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+  };
+
   // 定义表格列配置
   const columns = [
     {
       title: "文件名称",
       key: "fileName",
       width: "30%",
-      render: (_: unknown, file: ReviewFileUI) => (
+      render: (_: unknown, file: TaskDocument) => (
         <div className="flex">
           <div className="flex-shrink-0 flex items-center self-center">
-            <FileIcon fileName={file.fileName} className="text-lg w-10 h-10" />
+            <FileIcon fileName={file.file_name} className="text-lg w-10 h-10" />
           </div>
           <div className="min-w-0 flex-1 flex flex-col py-2 ml-2">
-            <div className="font-normal text-base break-words whitespace-normal leading-normal" title={file.fileName}>{file.fileName}</div>
+            <div className="font-normal text-base break-words whitespace-normal leading-normal" title={file.file_name}>{file.file_name}</div>
             <div className="text-xs text-secondary mt-2">
-              文件编号：{file.fileCode}
+              文件编号：{file.file_code}
+            </div>
+            <div className="text-xs text-secondary mt-1">
+              大小：{formatFileSize(file.file_size)}
             </div>
           </div>
         </div>
@@ -132,12 +143,12 @@ export function DocumentListModal({
     {
       title: "文件类型",
       key: "fileType",
-      width: "12%",
-      render: (_: unknown, file: ReviewFileUI) => (
+      width: "10%",
+      render: (_: unknown, file: TaskDocument) => (
         <FileTypeTag 
           type="other" 
-          typeName={file.fileType}
-          text={file.fileType}
+          typeName={file.file_type_name}
+          text={file.file_type_name}
           size="sm" 
           showIcon={false}
           colorMode="light"
@@ -148,13 +159,15 @@ export function DocumentListModal({
       title: "上传时间",
       key: "uploadTime",
       width: "12%",
-      render: (_: unknown, file: ReviewFileUI) => {
-        const [date, time] = file.uploadTime.split(' ');
+      render: (_: unknown, file: TaskDocument) => {
+        const uploadTime = formatDate(file.upload_time).split(' ');
+        const date = uploadTime[0];
+        const time = uploadTime[1];
         return (
           <div>
-            <span className="text-base">{date}</span>
+            <span className="text-base">{date}</span> {/* 2025-07-22 */}
             <br />
-            <span className="text-xs text-secondary">{time}</span>
+            <span className="text-xs text-secondary">{time}</span> {/* 10:00:00 */}
           </div>
         );
       }
@@ -163,34 +176,42 @@ export function DocumentListModal({
       title: "评查统计",
       key: "reviewStatus",
       width: "12%",
-      render: (_: unknown, file: ReviewFileUI) => 
+      render: (_: unknown, file: TaskDocument) => 
         // 要文件切分处理完之后，再显示评查统计
         file.status === 'Processed' ? (
           <div>
-            {file.passCount > 0 && (
+            {file.pass_count > 0 && (
               <StatusBadge 
                 status="pass" 
-                text={`通过(${file.passCount})`}
+                text={`通过(${file.pass_count})`}
                 showIcon={true}
                 className="my-2"
               />
             )}
-            {file.warningCount > 0 && (
+            {file.warning_count > 0 && (
               <StatusBadge 
                 status="warning" 
-                text={`警告(${file.warningCount})`}
+                text={`警告(${file.warning_count})`}
                 showIcon={true}
                 className="my-2"
               />
             )}
-            {file.failCount > 0 && (
+            {file.fail_count > 0 && (
               <StatusBadge 
                 status="fail" 
-                text={`不通过(${file.failCount})`}
+                text={`不通过(${file.fail_count})`}
                 showIcon={true}
                 className="my-2"
               />
             )}
+            {/* {file.manual_count > 0 && (
+              <StatusBadge 
+                status="pending" 
+                text={`需人工(${file.manual_count})`}
+                showIcon={true}
+                className="my-2"
+              />
+            )} */}
           </div>
 
         ) : (
@@ -199,23 +220,43 @@ export function DocumentListModal({
           </div>
         )
     },
+    {
+      title: "评查分数",
+      key: "score",
+      width: "8%",
+      render: (_: unknown, file: TaskDocument) => (
+        <div className="text-center">
+          {file.final_score ? (
+            <span className={`font-medium ${
+              file.final_score >= 90 ? 'text-green-600' : 
+              file.final_score >= 70 ? 'text-yellow-600' : 
+              'text-red-600'
+            }`}>
+              {file.final_score}
+            </span>
+          ) : (
+            <span className="text-gray-400">-</span>
+          )}
+        </div>
+      )
+    },
     {
       title: "问题摘要",
       key: "issues",
       width: "20%",
-      render: (_: unknown, file: ReviewFileUI) => renderIssues(file)
+      render: (_: unknown, file: TaskDocument) => renderIssues(file)
     },
     {
       title: "操作",
       key: "operation",
-      width: "14%",
-      render: (_: unknown, file: ReviewFileUI) => (
+      width: "auto",
+      render: (_: unknown, file: TaskDocument) => (
         <>
           <Button 
             type="default" 
             size="small" 
             icon="ri-eye-line" 
-            onClick={() => handleReviewFileClick(file.id, file.auditStatus)}
+            onClick={() => handleReviewFileClick(file.document_id.toString(), file.audit_status)}
             disabled={file.status !== 'Processed'}
             className="mr-2"
           >
@@ -258,13 +299,13 @@ export function DocumentListModal({
             <Table
               columns={columns}
               dataSource={files}
-              rowKey="id"
+              rowKey="document_id"
               emptyText="暂无文件数据"
               className="files-table table-auto-height"
             />
             
             {/* 分页组件 - 只有在提供了分页回调函数且总数大于每页大小时才显示 */}
-            {(onPageChange || onPageSizeChange) && total > pageSize ? (
+            {onPageChange && total > 0 && (
               <Pagination
                 currentPage={currentPage}
                 total={total}
@@ -275,11 +316,6 @@ export function DocumentListModal({
                 showPageSizeChanger={!!onPageSizeChange}
                 pageSizeOptions={[10, 20, 30, 50]}
               />
-            ) : (
-              <div className="text-sm text-gray-500 mt-4 text-center">
-                共 {total} 条记录，每页 {pageSize} 条
-                {total <= pageSize && ""}
-              </div>
             )}
           </>
         )}