暂存-设置项管理

app/app/(admin)/admin/setting/page.tsx

@@ -0,0 +1,9 @@
+import { Flex } from "antd";
+import SettingForm from "../../components/admin-setting-table";
+export default async function SettingPage() {
+  return (
+    <Flex>
+      <SettingForm />
+    </Flex>
+  );
+}

app/app/(admin)/components/admin-setting-table.tsx

@@ -0,0 +1,50 @@
+"use client";
+import type { FormProps } from "antd";
+import { Button, Checkbox, Form, Input, Table } from "antd";
+import { useEffect, useState } from "react";
+import { Setting } from "@prisma/client";
+
+function SettingForm() {
+  const [setting, setSetting] = useState<Setting[]>([]);
+
+  useEffect(() => {
+    fetch("/api/admin/setting", {
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+    })
+      .then((response) => response.json())
+      .then((result) => {
+        setSetting(result["result"]);
+      });
+  }, []);
+
+  const columns = [
+    {
+      title: "key",
+      dataIndex: "key",
+      key: "key",
+    },
+    {
+      title: "value",
+      dataIndex: "value",
+    },
+    {
+      title: "type",
+      dataIndex: "type",
+    },
+    {
+      title: "action",
+      dataIndex: "",
+      key: "key",
+      render: (_, record) => (
+        <>
+          <Button>编辑</Button>
+        </>
+      ),
+    },
+  ];
+
+  return <Table dataSource={setting} columns={columns} />;
+}
+
+export default SettingForm;

app/app/(admin)/components/sidebar.tsx

@@ -38,6 +38,7 @@ const items: MenuItem[] = [
 
   getItem("管理", "manage", <AppstoreOutlined />, [
     getItem("用户管理", "/admin/users"),
+    getItem("系统设置", "/admin/setting"),
   ]),
 
   // getItem("Navigation Three", "sub4", <SettingOutlined />, [