更新操作按钮为菜单栏 & 调整页面表格顺序

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

@@ -1,7 +1,7 @@
 "use client"
 import { zodResolver } from "@hookform/resolvers/zod"
 import { format } from "date-fns"
-import { useSearchParams } from "next/navigation"
+import { useRouter, useSearchParams } from "next/navigation"
 import { Suspense, useState } from "react"
 import { Controller, useForm } from "react-hook-form"
 import { z } from "zod"
@@ -65,7 +65,9 @@ type FilterSchema = z.infer<typeof filterSchema>
 
 export default function BatchPage() {
   const searchParams = useSearchParams()
+  const router = useRouter()
   const userId = searchParams.get("userId")
+  const userPhone = searchParams.get("phone")
   const [filters, setFilters] = useState<APIFilterParams>({})
 
   const { control, handleSubmit, reset } = useForm<FilterSchema>({
@@ -104,7 +106,16 @@ 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">
         <div className="flex flex-wrap items-end gap-4">
           <Controller
@@ -214,7 +225,7 @@ export default function BatchPage() {
           />
         </div>
         <FieldGroup className="flex-row justify-start mt-4 gap-2">
-          <Button type="submit">筛选</Button>
+          <Button type="submit">搜索</Button>
           <Button
             type="button"
             variant="outline"