网管列表表格操作按钮优化

src/app/(root)/_navigation/index.tsx

@@ -1,7 +1,6 @@
 "use client"
 import {
   Activity,
-  BarChart3,
   ChevronsLeft,
   ChevronsRight,
   CircleDollarSign,

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

@@ -14,6 +14,12 @@ import { Auth } from "@/components/auth"
 import { DataTable, useDataTable } from "@/components/data-table"
 import { Page } from "@/components/page"
 import { Button } from "@/components/ui/button"
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
 import { ScopeChannelWriteClearExpired, ScopeProxyWrite } from "@/lib/scopes"
 import type { Gateway } from "@/models/gateway"
 import CreatePage from "./create"
@@ -168,7 +174,8 @@ export default function GatewayPage() {
               id: "action",
               meta: { pin: "right" },
               header: "操作",
-              cell: ({ row }) => (
+              cell: ({ row }) => {
+                return (
                   <div className="flex gap-2 ">
                     <Button
                       onClick={() =>
@@ -178,24 +185,41 @@ export default function GatewayPage() {
                       variant={
                         row.original.status === 0 ? "default" : "destructive"
                       }
+                      size="sm"
                     >
                       {row.original.status === 0 ? "启用" : "停用"}
                     </Button>
-                  <Auth scope={ScopeChannelWriteClearExpired}>
+                    <DropdownMenu>
-                    <Button onClick={() => clearExpired(row.original)}>
+                      <DropdownMenuTrigger asChild>
-                      清理过期连接
+                        <Button size="sm" variant="outline">
+                          打开菜单
                         </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end" className="w-8">
+                        <Auth scope={ScopeChannelWriteClearExpired}>
+                          <DropdownMenuItem
+                            onClick={() => clearExpired(row.original)}
+                          >
+                            清理过期连接
+                          </DropdownMenuItem>
                         </Auth>
                         <Auth scope={ScopeProxyWrite}>
-                    <Button onClick={() => createPort(row.original)}>
+                          <DropdownMenuItem
+                            onClick={() => createPort(row.original)}
+                          >
                             重建端口池
-                    </Button>
+                          </DropdownMenuItem>
-                    <Button onClick={() => createChains(row.original)}>
+                          <DropdownMenuItem
+                            onClick={() => createChains(row.original)}
+                          >
                             重建代理链
-                    </Button>
+                          </DropdownMenuItem>
                         </Auth>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
                   </div>
-              ),
+                )
+              },
             },
           ]}
         />

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

@@ -439,6 +439,7 @@ function CheckOrder(props: { trade: Trade; onSuccess: () => void }) {
         trade_no: props.trade.inner_no,
         method: Number(props.trade.method),
       })
+      console.log(res, "res")
 
       if (res.success) {
         setData(res.data)
@@ -555,7 +556,7 @@ function CheckOrder(props: { trade: Trade; onSuccess: () => void }) {
             </div>
           )}
           {props && props.trade.status === 0 && (
-            <>
+            <div className="flex gap-4 items-center justify-center">
               <Button size="sm" className="w-32" onClick={headerClick}>
                 完成订单
               </Button>
@@ -565,7 +566,7 @@ function CheckOrder(props: { trade: Trade; onSuccess: () => void }) {
               <Button size="sm" className="w-32" onClick={cancel}>
                 取消订单
               </Button>
-            </>
+            </div>
           )}
 
           <DialogFooter>