fix: 1.将主页和法务助手对话设置成手机也能够正确加载的响应式布局。

2. 修改合同重新上传模板的可接受文件类型，修改对接的上传模板对应的接口。
3. 交叉评查任务列表去除任务名称的点击效果。
4. 交叉评查文件预览在点击完成评查的按钮后会返回任务列表并打开任务的文档列表。
5.修复点击完成评查按钮造成页面刷新。
6. 修复创建任务的第3步无法返回列表。

app/components/reviews/ReviewTabs.tsx

@@ -10,7 +10,7 @@ import { UploadArea, type UploadAreaRef } from '~/components/ui/UploadArea';
 import { Button } from '~/components/ui/Button';
 import { toastService } from '~/components/ui/Toast';
 // import { DOCUMENT_URL } from "~/api/axios-client";
-import { uploadFileToBinary, uploadDocumentToServer } from '~/api/files/files-upload';
+import { uploadContractTemplate } from '~/api/files/files-upload';
 
 interface ReviewTabsProps {
   activeTab: string;
@@ -22,6 +22,7 @@ interface ReviewTabsProps {
     path?: string;
     auditStatus?: number;
     type?: string;
+    comparisonId?: number;
   };
   onConfirmResults: () => void;
   jwtToken?: string | null;
@@ -117,23 +118,32 @@ export function ReviewTabs({ activeTab, onTabChange, children, fileInfo, onConfi
   const handleTemplateFilesSelected = (files: FileList) => {
     try {
       if (files.length > 0) {
-        // 验证文件类型，只允许PDF文件
+        // 验证文件类型，允许PDF和Word文件
         const validFiles: File[] = [];
         let hasInvalidFiles = false;
-        
+
         Array.from(files).forEach(file => {
-          if (file.type === 'application/pdf' || file.name.toLowerCase().endsWith('.pdf')) {
+          const fileName = file.name.toLowerCase();
+          const isValidType =
+            file.type === 'application/pdf' ||
+            fileName.endsWith('.pdf') ||
+            file.type === 'application/msword' ||
+            file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
+            fileName.endsWith('.doc') ||
+            fileName.endsWith('.docx');
+
+          if (isValidType) {
             validFiles.push(file);
           } else {
             hasInvalidFiles = true;
             console.error(`无效的文件类型: ${file.name}, 类型: ${file.type}`);
           }
         });
-        
+
         if (hasInvalidFiles) {
-          toastService.error('只能上传PDF格式的文件');
+          toastService.error('只能上传PDF或Word格式的文件');
         }
-        
+
         if (validFiles.length > 0) {
           setSelectedTemplateFiles(validFiles);
         }
@@ -152,57 +162,42 @@ export function ReviewTabs({ activeTab, onTabChange, children, fileInfo, onConfi
       return;
     }
 
+    // 验证必需的参数
+    if (!fileInfo.id) {
+      toastService.error('文档ID不能为空');
+      return;
+    }
+
     try {
       setIsUploading(true);
-      
-      // 这里可以调用上传API
-      let binaryData: ArrayBuffer;
-      try {
-        binaryData = await uploadFileToBinary(selectedTemplateFiles[0]);
-      } catch (error) {
-        console.error('上传文件失败:', error);
-        throw new Error(`文件 ${selectedTemplateFiles[0].name} 转换失败: ${error instanceof Error ? error.message : '未知错误'}`);
+
+      console.log('【重新上传模板】开始上传:', {
+        fileName: selectedTemplateFiles[0].name,
+        documentId: fileInfo.id,
+        comparisonId: fileInfo.comparisonId
+      });
+
+      // 调用专门的合同模板上传接口
+      const uploadResult = await uploadContractTemplate(
+        selectedTemplateFiles[0],      // file: File 对象
+        fileInfo.id,                    // documentId: 合同文件的id
+        fileInfo.comparisonId,          // comparisonId: 模板预览文件的id (可选)
+        jwtToken || undefined           // jwtToken
+      );
+
+      console.log('【重新上传模板】上传结果:', uploadResult);
+
+      if (uploadResult.error) {
+        throw new Error(uploadResult.error);
       }
 
-      // const uploadInfo = {
-      //   binaryData,
-      //   fileName: selectedTemplateFiles[0].name,
-      //   fileType: 'pdf',
-      //   documentType: '1',
-      //   priority: 'normal',
-      //   documentNumber: null,
-      //   remark: null,
-      //   isTestDocument: false,
-      //   documentId: fileInfo
-      // };
-      // console.log('uploadInfo',uploadInfo);
-
-       const uploadResult = await uploadDocumentToServer(
-         binaryData,
-         selectedTemplateFiles[0].name,
-         'pdf',       //file_type 文件类型：pdf
-         '1',         //fileType(type_id) 合同id：1
-         'normal',    //priority 优先级：normal
-         null,         //document_number 文档编号
-         null,         //remark 备注
-         false,        //is_test_document 是否为测试文档：false
-         fileInfo.id,  //document_id 主文档id
-         true,          //is_reupload 是否为重新上传：true
-         jwtToken || undefined,     //jwtToken
-       );
-      //  console.log('重新上传合同模板',uploadResult);
-       
-       if (uploadResult.error) {
-         throw new Error(uploadResult.error);
-       }
-       
       toastService.success('模板文件上传成功，结构比对数据将会发生更新，即将返回上一页...');
 
       await new Promise(resolve => setTimeout(resolve, 2000));
-      
+
       handleCloseReuploadModal();
       handleBack();
-      
+
     } catch (error) {
       console.error('上传模板文件失败:', error);
       toastService.error(`上传失败: ${error instanceof Error ? error.message : '未知错误'}`);
@@ -335,21 +330,21 @@ export function ReviewTabs({ activeTab, onTabChange, children, fileInfo, onConfi
             <p>请选择新的模板文件用于结构比对。</p>
             <p className="mt-2 text-orange-600">
               <i className="ri-information-line mr-1"></i>
-              注意：只支持PDF格式的文件，上传后将替换当前的比对模板。
+              注意：支持PDF和Word格式的文件，上传后将替换当前的比对模板。
             </p>
           </div>
 
           <UploadArea
             ref={uploadAreaRef}
             onFilesSelected={handleTemplateFilesSelected}
-            accept=".pdf,application/pdf"
+            accept=".pdf,.doc,.docx,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
             multiple={false}
-            icon="ri-file-pdf-line"
+            icon="ri-file-text-line"
             buttonText="选择模板文件"
-            mainText="点击或拖拽PDF文件到此区域"
+            mainText="点击或拖拽文件到此区域"
             tipText={
               <span className="text-xs text-gray-500">
-                支持格式：PDF
+                支持格式：PDF、DOC、DOCX
               </span>
             }
             disabled={isUploading}
@@ -360,38 +355,50 @@ export function ReviewTabs({ activeTab, onTabChange, children, fileInfo, onConfi
             <div className="mt-4">
               <h4 className="text-sm font-medium text-gray-900 mb-2">已选择的文件：</h4>
               <div className="space-y-2">
-                {selectedTemplateFiles.map((file, index) => (
-                  <div
-                    key={index}
-                    className="flex items-center justify-between p-3 bg-gray-50 rounded-lg border"
-                  >
-                    <div className="flex items-center">
-                      <i className="ri-file-pdf-line text-red-500 mr-2"></i>
-                      <div>
-                        <div className="text-sm font-medium text-gray-900">
-                          {file.name}
-                        </div>
-                        <div className="text-xs text-gray-500">
-                          {formatFileSize(file.size)}
+                {selectedTemplateFiles.map((file, index) => {
+                  // 根据文件类型确定图标和颜色
+                  const fileName = file.name.toLowerCase();
+                  let fileIcon = 'ri-file-pdf-line';
+                  let iconColor = 'text-red-500';
+
+                  if (fileName.endsWith('.doc') || fileName.endsWith('.docx')) {
+                    fileIcon = 'ri-file-word-2-line';
+                    iconColor = 'text-blue-600';
+                  }
+
+                  return (
+                    <div
+                      key={index}
+                      className="flex items-center justify-between p-3 bg-gray-50 rounded-lg border"
+                    >
+                      <div className="flex items-center">
+                        <i className={`${fileIcon} ${iconColor} mr-2`}></i>
+                        <div>
+                          <div className="text-sm font-medium text-gray-900">
+                            {file.name}
+                          </div>
+                          <div className="text-xs text-gray-500">
+                            {formatFileSize(file.size)}
+                          </div>
                         </div>
                       </div>
+                      <button
+                        className="text-gray-400 hover:text-red-500 transition-colors"
+                        onClick={() => {
+                          setSelectedTemplateFiles(prev =>
+                            prev.filter((_, i) => i !== index)
+                          );
+                          if (uploadAreaRef.current) {
+                            uploadAreaRef.current.resetFileInput();
+                          }
+                        }}
+                        disabled={isUploading}
+                      >
+                        <i className="ri-close-line"></i>
+                      </button>
                     </div>
-                    <button
-                      className="text-gray-400 hover:text-red-500 transition-colors"
-                      onClick={() => {
-                        setSelectedTemplateFiles(prev => 
-                          prev.filter((_, i) => i !== index)
-                        );
-                        if (uploadAreaRef.current) {
-                          uploadAreaRef.current.resetFileInput();
-                        }
-                      }}
-                      disabled={isUploading}
-                    >
-                      <i className="ri-close-line"></i>
-                    </button>
-                  </div>
-                ))}
+                  );
+                })}
               </div>
             </div>
           )}