From bf97b4f88547b6c874b2cbebf781aa92e0bfa458 Mon Sep 17 00:00:00 2001
From: zyh <zyh320888@vip.qq.com>
Date: Thu, 10 Apr 2025 16:49:40 +0000
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=94=99=E8=AF=AF=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=96=B0=E5=A2=9E=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF=E4=BF=A1=E6=81=AF=E5=B1=95=E7=A4=BA=E5=92=8C=E8=BF=94?=
 =?UTF-8?q?=E5=9B=9E=E9=A6=96=E9=A1=B5=E6=8C=89=E9=92=AE=EF=BC=8C=E6=8F=90?=
 =?UTF-8?q?=E5=8D=87=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C=E5=92=8C=E5=8F=AF?=
 =?UTF-8?q?=E7=BB=B4=E6=8A=A4=E6=80=A7=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/admin/web_app.tsx | 46 ++++++++++++++++++++++++++++++----------
 1 file changed, 35 insertions(+), 11 deletions(-)

diff --git a/client/admin/web_app.tsx b/client/admin/web_app.tsx
index edc6671..18d8145 100644
--- a/client/admin/web_app.tsx
+++ b/client/admin/web_app.tsx
@@ -7,7 +7,8 @@ import {
   useNavigate,
   useLocation,
   Navigate,
-  useParams
+  useParams,
+  useRouteError
 } from 'react-router';
 import { 
   Layout, Menu, Button, Table, Space,
@@ -478,21 +479,44 @@ const ProtectedRoute = ({ children }: { children: React.ReactNode }) => {
 };
 
 // 错误页面组件
-const ErrorPage = ({ error }: { error?: Error }) => {
+const ErrorPage = () => {
   const { isDark } = useTheme();
+  const error = useRouteError() as any;
+  const errorMessage = error?.statusText || error?.message || '未知错误';
+  
   
   return (
-    <div className="flex flex-col items-center justify-center h-screen"
+    <div className="flex flex-col items-center justify-center min-h-screen p-4"
       style={{ color: isDark ? '#fff' : 'inherit' }}
     >
-      <h1 className="text-2xl font-bold mb-4">发生错误</h1>
-      <p className="mb-4">{error?.message || '抱歉，应用程序遇到了一些问题。'}</p>
-      <Button 
-        type="primary" 
-        onClick={() => window.location.reload()}
-      >
-        重新加载
-      </Button>
+      <div className="max-w-3xl w-full">
+        <h1 className="text-2xl font-bold mb-4">发生错误</h1>
+        <Alert 
+          type="error"
+          message={error?.message || '未知错误'}
+          description={
+            error?.stack ? (
+              <pre className="text-xs overflow-auto p-2 bg-gray-100 dark:bg-gray-800 rounded">
+                {error.stack}
+              </pre>
+            ) : null
+          }
+          className="mb-4"
+        />
+        <div className="flex gap-4">
+          <Button 
+            type="primary" 
+            onClick={() => window.location.reload()}
+          >
+            重新加载
+          </Button>
+          <Button 
+            onClick={() => window.location.href = '/admin'}
+          >
+            返回首页
+          </Button>
+        </div>
+      </div>
     </div>
   );
 };