From e332d05e5df4359b6c95c091e4aecfe4467f31c4 Mon Sep 17 00:00:00 2001
From: yorn <1057707203@qq.com>
Date: Fri, 16 Jan 2026 10:11:53 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=84=E6=9F=A5=E7=82=B9=E8=A7=84=E5=88=99?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E4=B8=AD=E6=B7=BB=E5=8A=A0=E5=A4=9A=E5=AE=9E?=
 =?UTF-8?q?=E4=BD=93=E5=BC=80=E5=85=B3=E6=8E=A7=E5=88=B6=E3=80=82=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=96=87=E6=A1=A3=E7=B1=BB=E5=9E=8B=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E5=A4=B1=E8=B4=A5=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../rules/new/ExtractionSettings.tsx          |  6 +-
 app/routes/document-types._index.tsx          | 73 +++++++++++--------
 app/routes/reviews.tsx                        | 31 +++++++-
 3 files changed, 75 insertions(+), 35 deletions(-)

diff --git a/app/components/rules/new/ExtractionSettings.tsx b/app/components/rules/new/ExtractionSettings.tsx
index cba58b7..ee89d5c 100644
--- a/app/components/rules/new/ExtractionSettings.tsx
+++ b/app/components/rules/new/ExtractionSettings.tsx
@@ -589,8 +589,8 @@ export function ExtractionSettings({
       </div>
       <div className="ant-card-body">
         {/* 多实体抽取开关 */}
-        <div className="mb-6 p-3 bg-gray-50 rounded-md border border-gray-200 w-[40%]">
-          <div className="flex items-center justify-between">
+        <div className="mb-6 p-3 bg-gray-50 rounded-md border border-gray-200 w-fit">
+          <div className="flex items-center gap-5">
             <div className="flex items-center">
               <i className="ri-group-line text-lg mr-2 text-gray-600"></i>
               <div>
@@ -599,7 +599,7 @@ export function ExtractionSettings({
               </div>
             </div>
 
-            <label className="relative inline-flex items-center cursor-pointer ml-5">
+            <label className="relative inline-flex items-center cursor-pointer">
               <input
                 type="checkbox"
                 className="sr-only peer"
diff --git a/app/routes/document-types._index.tsx b/app/routes/document-types._index.tsx
index e9b0c11..8beee3a 100644
--- a/app/routes/document-types._index.tsx
+++ b/app/routes/document-types._index.tsx
@@ -1,5 +1,5 @@
-import { useState, useEffect } from "react";
-import { useSearchParams, useNavigate, useLoaderData } from "@remix-run/react";
+import { useState, useEffect, useRef } from "react";
+import { useSearchParams, useNavigate, useLoaderData, useFetcher, useRevalidator } from "@remix-run/react";
 import { ActionFunctionArgs, LoaderFunctionArgs, MetaFunction } from "@remix-run/node";
 import { Table } from "~/components/ui/Table";
 import { Card } from "~/components/ui/Card";
@@ -46,6 +46,12 @@ interface LoaderData {
   frontendJWT?: string | null;
 }
 
+// 定义 action 返回的数据类型
+interface ActionResponse {
+  success?: boolean;
+  error?: string;
+}
+
 // 加载函数 - 获取文档类型列表
 export async function loader({ request }: LoaderFunctionArgs) {
   try {
@@ -153,11 +159,31 @@ export async function action({ request }: ActionFunctionArgs) {
 export default function DocumentTypesList() {
   const navigate = useNavigate();
   const [searchParams, setSearchParams] = useSearchParams();
-  const [isDeleting, setIsDeleting] = useState(false);
+  const fetcher = useFetcher<ActionResponse>();
+  const revalidator = useRevalidator();
+  const processedResponseRef = useRef<string | null>(null);
 
   // 获取加载器数据
   const { types, total, error, parentGroups, frontendJWT } = useLoaderData<LoaderData>();
 
+  // 处理 fetcher 响应
+  useEffect(() => {
+    // 为每个响应生成唯一标识，避免重复处理
+    const responseKey = fetcher.data ? JSON.stringify(fetcher.data) : null;
+
+    if (responseKey && responseKey !== processedResponseRef.current) {
+      if (fetcher.data?.success) {
+        toastService.success('删除成功！');
+        processedResponseRef.current = responseKey;
+        // 只重新验证数据，不刷新整个页面
+        revalidator.revalidate();
+      } else if (fetcher.data?.error) {
+        toastService.error(`删除失败: ${fetcher.data.error}`);
+        processedResponseRef.current = responseKey;
+      }
+    }
+  }, [fetcher.data, revalidator]);
+
   // 权限控制
   const { canCreate, canUpdate, canDelete, canView } = usePermission();
   const canCreateType = canCreate('document_type');
@@ -230,13 +256,18 @@ export default function DocumentTypesList() {
   };
   
   // 处理删除文档类型
-  const handleDelete = async (id: number) => {
+  const handleDelete = (id: number) => {
     // 权限检查
     if (!canDeleteType) {
       toastService.warning('您没有删除权限');
       return;
     }
 
+    // 检查是否正在加载
+    if (fetcher.state === 'submitting') {
+      return;
+    }
+
     messageService.show({
       title: "确认删除",
       message: "确定要删除该文档类型吗？此操作不会影响关联的评查点分组，但可能会影响使用该类型的文档评查。",
@@ -244,33 +275,13 @@ export default function DocumentTypesList() {
       confirmText: "删除",
       cancelText: "取消",
       confirmDelay: 4,
-      onConfirm: async () => {
-        setIsDeleting(true);
+      onConfirm: () => {
+        const formData = new FormData();
+        formData.append('id', id.toString());
+        formData.append('intent', 'delete');
 
-        try {
-          const formData = new FormData();
-          formData.append('id', id.toString());
-          formData.append('intent', 'delete');
-
-          const response = await fetch('/document-types?index', {
-            method: 'POST',
-            body: formData
-          });
-
-          const result = await response.json();
-
-          if (result.success) {
-            toastService.success('删除成功！');
-            // 刷新页面
-            window.location.reload();
-          } else {
-            toastService.error(`删除失败: ${result.error || '未知错误'}`);
-          }
-        } catch (error) {
-          toastService.error(`删除失败: ${error instanceof Error ? error.message : '未知错误'}`);
-        } finally {
-          setIsDeleting(false);
-        }
+        // 使用 useFetcher 提交请求
+        fetcher.submit(formData, { method: 'post' });
       }
     });
   };
@@ -382,7 +393,7 @@ export default function DocumentTypesList() {
             <button
               className="operation-btn text-error"
               onClick={() => handleDelete(record.id)}
-              disabled={isDeleting}
+              disabled={fetcher.state === 'submitting'}
             >
               <i className="ri-delete-bin-line"></i> 删除
             </button>
diff --git a/app/routes/reviews.tsx b/app/routes/reviews.tsx
index 263dc89..294cb37 100644
--- a/app/routes/reviews.tsx
+++ b/app/routes/reviews.tsx
@@ -777,7 +777,36 @@ export default function ReviewDetails() {
             />
             
             {/* 在面包屑右侧显示精简版的FileInfo */}
-            <div className=" ml-10 text-left flex-1 flex flex-row flex-wrap">
+            <div className=" ml-5 text-left flex-1 flex flex-row flex-wrap items-center">
+              {/* 评分tag：优秀、合格、不合格、待评价 */}
+              {/* {(() => {
+                const score = "";
+                let tagText = '待评价';
+                let tagClassName = 'bg-gray-100 text-gray-600 border-gray-300';
+
+                if (score >= 90) {
+                  tagText = '优秀';
+                  tagClassName = 'bg-green-50 text-green-700 border-green-300';
+                } else if (score >= 60) {
+                  tagText = '合格';
+                  tagClassName = 'bg-blue-50 text-blue-700 border-blue-300';
+                } else if (score > 0) {
+                  tagText = '不合格';
+                  tagClassName = 'bg-red-50 text-red-700 border-red-300';
+                }
+
+                return (
+                  <span className={`
+                    px-3 py-0.5 rounded-full text-xs font-medium border mr-1
+                    ${tagClassName}
+                  `}
+                    title="供应商评价"
+                  >
+                    {tagText}
+                  </span>
+                );
+              })()} */}
+
               <span className="mr-2 text-xl font-medium">
                 {reviewData.fileInfo.fileName}
               </span>