完善列表和编辑页面的数据验证和交互，实现服务端和客户端两重数据验证

app/routes/reviews.tsx

@@ -44,6 +44,7 @@ import {
 
 // 从ReviewPointsList组件中导入ReviewPoint类型
 import { type ReviewPoint } from '~/components/reviews';
+import { messageService } from "~/components/ui/MessageModal";
 
 
 /**
@@ -202,17 +203,17 @@ export async function loader({ request }: LoaderFunctionArgs) {
     const previousRoute = url.searchParams.get('previousRoute') || '';
     // console.log("id-------",id);
     if (!id) {
-      return Response.json({ error: '评查ID不能为空' }, { status: 400 });
+      return Response.json({ result: false, message: '文件ID不能为空' });
     }
 
-    
+    // 获取评查点数据
     const reviewData = await getReviewPoints(id);
 
     // console.log("documentData-------",JSON.stringify(documentData.data,null,2));
     // console.log("reviewData-------",JSON.stringify('data' in reviewData ? reviewData.data : '',null,2));
     if ('error' in reviewData && reviewData.error) {
       console.error("获取评查点数据错误:", reviewData.error);
-      return Response.json({ error: reviewData.error }, { status: reviewData.status || 500 });
+      return Response.json({ result: false, message: reviewData.error });
     }
 
     // 确保reviewData有效且具有预期的属性
@@ -225,24 +226,42 @@ export async function loader({ request }: LoaderFunctionArgs) {
         statistics: reviewData.stats
       });
     } else {
-      console.error("返回的评查数据格式不正确");
-      return Response.json({ error: '返回的评查数据格式不正确' }, { status: 500 });
+      console.error("返回的评查数据格式不正确",JSON.stringify(reviewData,null,2));
+      return Response.json({ result: false, message: '返回的评查数据格式不正确' });
     }
   } catch (error) {
     console.error('获取评查数据失败:', error);
-    return Response.json({ error: '获取评查数据失败' }, { status: 500 });
+    return Response.json({ result: false, message: '获取评查数据失败' });
   }
 }
 
 export default function ReviewDetails() {
   const navigate = useNavigate();
-  const { document, reviewPoints, statistics, reviewInfo } = useLoaderData<typeof loader>();
+  const loaderData = useLoaderData<typeof loader>();
+  const { document, reviewPoints, statistics, reviewInfo } = loaderData;
   const [isLoading, setIsLoading] = useState(false); // 已经通过loader加载了数据，不需要再显示加载状态
   const [activeTab, setActiveTab] = useState<string>('preview'); // 'preview', 'analysis', 'fileinfo'
   const [reviewData, setReviewData] = useState<ReviewData | null>(null);
   const [activeReviewPointResultId, setActiveReviewPointResultId] = useState<string | null>(null);
   const [targetPage, setTargetPage] = useState<number | undefined>(undefined);
   
+  // loader 数据加载出错
+  useEffect(()=>{
+    if(Object.keys(loaderData).find(key => key === 'result') && !loaderData.result){
+      messageService.show({
+        title: '错误',
+        message: loaderData.message,
+        type: 'error',
+        confirmText: '确定',
+        cancelText: '',
+        onConfirm: () => {
+          navigate(-1);
+        }
+      })
+    }
+  },[loaderData, navigate]);
+
+
   // 模拟获取评查数据
   useEffect(() => {
     if (!document) return;