修复购买到支付流程的接口和页面&数据展示

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

@@ -0,0 +1,37 @@
+"use client"
+import { Suspense } from "react"
+import { getPageChannel } from "@/actions/channel"
+import { DataTable, useDataTable } from "@/components/data-table"
+import type { User } from "@/models/user"
+
+export default function UserPage() {
+  const table = useDataTable<User>((page, size) =>
+    getPageChannel({ page, size }),
+  )
+  console.log(table, "table")
+
+  return (
+    <Suspense>
+      <DataTable<User>
+        {...table}
+        columns={[
+          { header: "ID", accessorKey: "id" },
+          { header: "批次号", accessorKey: "batch_no" },
+          { header: "边缘节点", accessorKey: "edge_ref" },
+          { header: "省份", accessorKey: "filter_prov" },
+          { header: "城市", accessorKey: "filter_city" },
+          { header: "运营商", accessorKey: "filter_isp" },
+          { header: "主机", accessorKey: "host" },
+          { header: "端口", accessorKey: "port" },
+          { header: "密码", accessorKey: "password" },
+          { header: "代理号", accessorKey: "proxy_id" },
+          { header: "可用资源", accessorKey: "resource_id" },
+          { header: "用户名", accessorKey: "username" },
+          { header: "创建时间", accessorKey: "created_at" },
+          { header: "更新时间", accessorKey: "updated_at" },
+          { header: "过期时间", accessorKey: "expired_at" },
+        ]}
+      />
+    </Suspense>
+  )
+}