封装公共组件，调整样式文件的布局，修改路由页面样式

app/components/ui/Table.tsx

@@ -39,8 +39,8 @@ export function Table<T extends Record<string, any>>({
   };
   
   return (
-    <div className={`ant-table-wrapper ${className} ${loading ? 'opacity-70' : ''}`}>
-      <table className="ant-table">
+    <div className={`ant-table-wrapper ${className} ${loading ? 'ant-table-loading' : ''}`}>
+      <table className={`ant-table ${bordered ? 'ant-table-bordered' : ''}`}>
         <thead>
           <tr>
             {columns.map((column, index) => (
@@ -86,7 +86,7 @@ export function Table<T extends Record<string, any>>({
             <tr>
               <td 
                 colSpan={columns.length} 
-                className="py-6 text-center text-gray-500"
+                className="ant-table-empty py-6 text-center text-gray-500"
               >
                 {emptyText}
               </td>
@@ -96,7 +96,7 @@ export function Table<T extends Record<string, any>>({
       </table>
       
       {loading && (
-        <div className="absolute inset-0 flex items-center justify-center bg-white bg-opacity-60 z-10">
+        <div className="ant-table-loading-indicator">
           <div className="flex items-center space-x-2">
             <div className="w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin"></div>
             <span className="text-gray-600">加载中...</span>