修复套餐编码顺序问题

src/app/(root)/permissions/page.tsx

@@ -139,7 +139,7 @@ function PermissionTable() {
   }, [data])
 
   return (
-    <div className="flex flex-col gap-3">
+    <div className="flex flex-col gap-3 overflow-auto">
       {process.env.NODE_ENV === "development" && (
         <div>
           <Button variant="outline" size="sm" onClick={handleCopy}>
@@ -150,7 +150,7 @@ function PermissionTable() {
       )}
       <Table>
         <TableHeader>
-          <TableRow className="h-10">
+          <TableRow className="h-10 sticky top-0 bg-background">
             <TableHead>编码</TableHead>
             <TableHead>描述</TableHead>
           </TableRow>

src/app/(root)/resources/page.tsx

@@ -171,7 +171,7 @@ function getTodayUsage(lastAt: Date | null | undefined, daily: number) {
 export default function ResourcesPage() {
   return (
     <Page>
-      <Tabs defaultValue="short">
+      <Tabs defaultValue="short" className="overflow-hidden">
         <TabsList className="bg-card">
           <TabsTrigger value="short" className="h-10 px-4 shadow-none">
             短效套餐
@@ -181,7 +181,10 @@ export default function ResourcesPage() {
           </TabsTrigger>
         </TabsList>
 
-        <TabsContent value="short" className="flex flex-col gap-4">
+        <TabsContent
+          value="short"
+          className="flex flex-col gap-4 overflow-hidden"
+        >
           <ResourceList resourceType="short" />
         </TabsContent>
         <TabsContent value="long" className="flex flex-col gap-4">
@@ -417,8 +420,8 @@ function ResourceList({ resourceType }: ResourceListProps) {
   )
 
   return (
-    <div className="space-y-3">
+    <div className="flex flex-col gap-3 overflow-hidden">
-      <form onSubmit={onFilter} className="bg-card p-4 rounded-lg">
+      <form onSubmit={onFilter} className="bg-card p-4 rounded-lg flex-none">
         <div className="flex flex-wrap items-end gap-4">
           <Controller
             name="user_phone"
@@ -554,7 +557,13 @@ function ResourceList({ resourceType }: ResourceListProps) {
       </form>
 
       <Suspense fallback={<div className="text-center p-4">加载中...</div>}>
-        <DataTable<Resources> {...table} columns={columns} />
+        <DataTable<Resources>
+          {...table}
+          columns={columns}
+          classNames={{
+            root: "flex-auto overflow-hidden",
+          }}
+        />
       </Suspense>
     </div>
   )

src/components/products/index.tsx

@@ -45,20 +45,27 @@ function ProductShortCode<T extends { code: string }>(
   const { field, fieldState } = props
 
   const params = new URLSearchParams(field.value)
+  const mode = params.get("mode") || "quota"
+  const live = params.get("live") || "0"
+  const expire = params.get("expire") || "0"
+
   const setParams = (data: {
     mode?: string
     live?: string
     expire?: string
   }) => {
-    if (data.mode) params.set("mode", data.mode)
+    const newParams = new URLSearchParams()
-    if (data.live) params.set("live", data.live)
+    newParams.set("mode", data.mode || mode)
-    if (data.expire) params.set("expire", data.expire)
+    newParams.set("live", data.live || live)
-    field.onChange(params.toString())
+    newParams.set("expire", data.expire || expire)
+    console.log(newParams.toString())
+    field.onChange(newParams.toString())
   }
 
   const onModeChange = (value: string) => {
     setParams({ mode: value })
   }
+
   const onLiveChange = (e: ChangeEvent<HTMLInputElement>) => {
     let value = e.target.value || "0"
     if (value.length > 1 && value[0] === "0") {
@@ -67,6 +74,7 @@ function ProductShortCode<T extends { code: string }>(
     if (!/^([0-9]+)$/.test(value)) return
     setParams({ live: value })
   }
+
   const onExpireChange = (e: ChangeEvent<HTMLInputElement>) => {
     let value = e.target.value || "0"
     if (value.length > 1 && value[0] === "0") {
@@ -82,10 +90,7 @@ function ProductShortCode<T extends { code: string }>(
       <FieldGroup>
         <Field>
           <FieldLabel>套餐类型</FieldLabel>
-          <Select
+          <Select defaultValue={mode} onValueChange={onModeChange}>
-            defaultValue={params.get("mode") ?? "quota"}
-            onValueChange={onModeChange}
-          >
             <SelectTrigger>
               <SelectValue placeholder="请选择套餐类型" />
             </SelectTrigger>
@@ -97,20 +102,12 @@ function ProductShortCode<T extends { code: string }>(
         </Field>
         <Field>
           <FieldLabel>有效期（分钟）</FieldLabel>
-          <Input
+          <Input type="number" value={live} onChange={onLiveChange} />
-            type="number"
-            value={params.get("live") ?? "0"}
-            onChange={onLiveChange}
-          />
         </Field>
         {params.get("mode") === "time" && (
           <Field>
             <FieldLabel>过期时间（天）</FieldLabel>
-            <Input
+            <Input type="number" value={expire} onChange={onExpireChange} />
-              type="number"
-              value={params.get("expire") ?? "0"}
-              onChange={onExpireChange}
-            />
           </Field>
         )}
         {fieldState.error && <FieldError errors={[fieldState.error]} />}
@@ -125,20 +122,31 @@ function ProductLongCode<T extends { code: string }>(
   const { field, fieldState } = props
 
   const params = new URLSearchParams(field.value)
+  const mode = params.get("mode") || "quota"
+  const live = params.get("live") || "0"
+  const expire = params.get("expire") || "0"
+
   const setParams = (data: {
     mode?: string
     live?: string
     expire?: string
   }) => {
-    if (data.mode) params.set("mode", data.mode)
+    const newParams = new URLSearchParams()
-    if (data.live) params.set("live", data.live)
+    newParams.set("mode", data.mode || mode)
-    if (data.expire) params.set("expire", data.expire)
+    newParams.set("live", data.live || live)
-    field.onChange(params.toString())
+    newParams.set("expire", data.expire || expire)
+    console.log(newParams.toString())
+    field.onChange(newParams.toString())
   }
 
   const onModeChange = (value: string) => {
+    if (value === "quota") {
+      setParams({ mode: value, expire: "0" })
+    } else {
       setParams({ mode: value })
     }
+  }
+
   const onLiveChange = (e: ChangeEvent<HTMLInputElement>) => {
     let value = e.target.value || "0"
     if (value.length > 1 && value[0] === "0") {
@@ -147,6 +155,7 @@ function ProductLongCode<T extends { code: string }>(
     if (!/^([0-9]+)$/.test(value)) return
     setParams({ live: value })
   }
+
   const onExpireChange = (e: ChangeEvent<HTMLInputElement>) => {
     let value = e.target.value || "0"
     if (value.length > 1 && value[0] === "0") {
@@ -162,10 +171,7 @@ function ProductLongCode<T extends { code: string }>(
       <FieldGroup>
         <Field>
           <FieldLabel>套餐类型</FieldLabel>
-          <Select
+          <Select defaultValue={mode} onValueChange={onModeChange}>
-            defaultValue={params.get("mode") ?? "quota"}
-            onValueChange={onModeChange}
-          >
             <SelectTrigger>
               <SelectValue placeholder="请选择套餐类型" />
             </SelectTrigger>
@@ -177,20 +183,12 @@ function ProductLongCode<T extends { code: string }>(
         </Field>
         <Field>
           <FieldLabel>有效期（分钟）</FieldLabel>
-          <Input
+          <Input type="number" value={live} onChange={onLiveChange} />
-            type="number"
-            value={params.get("live") ?? "0"}
-            onChange={onLiveChange}
-          />
         </Field>
         {params.get("mode") === "time" && (
           <Field>
             <FieldLabel>过期时间（天）</FieldLabel>
-            <Input
+            <Input type="number" value={expire} onChange={onExpireChange} />
-              type="number"
-              value={params.get("expire") ?? "0"}
-              onChange={onExpireChange}
-            />
           </Field>
         )}
         {fieldState.error && <FieldError errors={[fieldState.error]} />}