表格与页面样式调整

src/app/(root)/client/batch/page.tsx

@@ -7,6 +7,7 @@ import { Controller, useForm } from "react-hook-form"
 import { z } from "zod"
 import { getBatch } from "@/actions/batch"
 import { DataTable, useDataTable } from "@/components/data-table"
+import { Page } from "@/components/page"
 import { Button } from "@/components/ui/button"
 import {
   Field,
@@ -105,18 +106,9 @@ export default function BatchPage() {
   })
 
   return (
-    <div className="space-y-3">
-      <Button
-        onClick={() => {
-          router.back()
-        }}
-        className="gap-2"
-      >
-        返回上一级
-      </Button>
-      <span className="ml-2 text-gray-600">用户会员号: {userPhone}</span>
-
-      <form onSubmit={onFilter} className="bg-white p-4 rounded-lg">
+    <Page>
+      {/* 筛选表单 */}
+      <form onSubmit={onFilter} className="bg-card p-4 rounded-lg">
         <div className="flex flex-wrap items-end gap-4">
           <Controller
             name="batch_no"
@@ -264,6 +256,6 @@ export default function BatchPage() {
           ]}
         />
       </Suspense>
-    </div>
+    </Page>
   )
 }