修改评查详情

app/routes/_index.tsx

@@ -3,15 +3,23 @@ import { type MetaFunction } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 import { Card } from "~/components/ui/Card";
 import { Button } from "~/components/ui/Button";
-import { StatusBadge, links as statusBadgeLinks } from "~/components/ui/StatusBadge";
 import { FileTag, links as fileTagLinks } from "~/components/ui/FileTag";
 // import { FileTypeTag, links as fileTypeTagLinks } from "~/components/ui/FileTypeTag";
 import { Tag } from "~/components/ui/Tag";
 import homeStyles from "~/styles/pages/home.css?url";
 import { getDocuments, type DocumentUI } from "~/api/files/documents";
+
+// 文件处理状态选项
+const fileProcessingStatusOptions = [
+  { value: "Waiting", label: "上传中", icon: "ri-loader-line", color: "blue" },
+  { value: "Cutting", label: "切分中", icon: "ri-loader-line", color: "purple" },
+  { value: "Extractioning", label: "抽取中", icon: "ri-loader-line", color: "cyan" },
+  { value: "Evaluationing", label: "评查中", icon: "ri-loader-line", color: "teal" },
+  { value: "Processed", label: "已完成", icon: "ri-check-line", color: "green" },
+];
+
 export const links = () => [
   { rel: "stylesheet", href: homeStyles },
-  ...statusBadgeLinks(),
   ...fileTagLinks()
 ];
 
@@ -158,7 +166,18 @@ export default function Index() {
                 </div>
               </div>
               <div className="doc-status">
-                <StatusBadge status={file.fileStatus} />
+                {(() => {
+                  const fileStatus = file.fileStatus || "-";
+                  const status = fileProcessingStatusOptions.find(s => s.value === fileStatus) || 
+                                 fileProcessingStatusOptions[0];
+                  const isSpinning = fileStatus !== "Processed";
+                  return (
+                    <div className={`inline-flex items-center px-2 py-1 rounded-full text-xs bg-${status.color}-100 text-${status.color}-800`}>
+                      <i className={`${status.icon} ${isSpinning ? "animate-spin" : ""} mr-1`}></i>
+                      <span>{status.label}</span>
+                    </div>
+                  );
+                })()}
               </div>
             </div>
           ))}