From fe58b23cd4ed46abac0bb9d84929bc8f12505159 Mon Sep 17 00:00:00 2001
From: jweboy <jweboy0630@gmail.com>
Date: Mon, 8 Apr 2024 01:10:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0table=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   2 +-
 app/dashboard/platform/columns.tsx            |  55 -------
 app/dashboard/platform/components/DtoForm.tsx | 155 ------------------
 .../platform/components/FormDialog.tsx        |  32 ----
 app/dashboard/platform/page.tsx               |  32 ----
 app/dashboard/product/form/page.tsx           |   2 +-
 app/dashboard/product/page.tsx                |   2 +-
 app/page.tsx                                  |   2 +-
 .../components => components}/DataTable.tsx   |   0
 9 files changed, 4 insertions(+), 278 deletions(-)
 delete mode 100644 app/dashboard/platform/columns.tsx
 delete mode 100644 app/dashboard/platform/components/DtoForm.tsx
 delete mode 100644 app/dashboard/platform/components/FormDialog.tsx
 delete mode 100644 app/dashboard/platform/page.tsx
 rename {app/dashboard/platform/components => components}/DataTable.tsx (100%)

diff --git a/.env.development b/.env.development
index c361a93..b7fe60a 100644
--- a/.env.development
+++ b/.env.development
@@ -1 +1 @@
- NEXT_PUBLIC_API_URL=https://nest-api-service.vercel.app
\ No newline at end of file
+ NEXT_PUBLIC_API_URL=http://127.0.0.1:4000
\ No newline at end of file
diff --git a/app/dashboard/platform/columns.tsx b/app/dashboard/platform/columns.tsx
deleted file mode 100644
index a3653ac..0000000
--- a/app/dashboard/platform/columns.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-"use client";
-
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { ColumnDef } from "@tanstack/react-table";
-import { MoreHorizontal } from "lucide-react";
-
-export const columns: ColumnDef<any>[] = [
-  {
-    accessorKey: "name",
-    header: "名称",
-    cell({ row }) {
-      return (
-        <div className="w-20">
-          <a href={row.original.url} target="_blank" className="text-primary">
-            {row.original.name}
-          </a>
-        </div>
-      );
-    },
-  },
-  {
-    accessorKey: "description",
-    header: "描述信息",
-    cell({ row: { original } }) {
-      return (
-        <div className="text-ellipsis overflow-hidden whitespace-nowrap w-96">
-          {original.description}
-        </div>
-      );
-    },
-  },
-  {
-    accessorKey: "type",
-    header: "类型",
-  },
-  {
-    accessorKey: "tag",
-    header: "标签",
-    cell({ row: { original } }) {
-      return (
-        <div className="w-60">
-          <Badge variant="destructive">{original.tag}</Badge>
-        </div>
-      );
-    },
-  },
-];
diff --git a/app/dashboard/platform/components/DtoForm.tsx b/app/dashboard/platform/components/DtoForm.tsx
deleted file mode 100644
index 4993b59..0000000
--- a/app/dashboard/platform/components/DtoForm.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from "@/components/ui/form";
-import { Input } from "@/components/ui/input";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectValue,
-  SelectTrigger,
-} from "@/components/ui/select";
-import { Textarea } from "@/components/ui/textarea";
-import { request } from "@/lib/request";
-import { zodResolver } from "@hookform/resolvers/zod";
-import React from "react";
-import { useForm } from "react-hook-form";
-import { object, string, z } from "zod";
-
-const PlatformDtoForm = () => {
-  const formSchema = object({
-    name: string().min(1, "请输入名称"),
-    url: string().min(1, "请输入地址"),
-    description: string().min(1, "请输入描述信息"),
-    type: string(),
-    tag: string(),
-  });
-
-  const form = useForm<z.infer<typeof formSchema>>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      name: "",
-      url: "",
-      description: "",
-      type: "database",
-      tag: "mongodb",
-    },
-  });
-
-  const handleSubmit = (values: z.infer<typeof formSchema>) => {
-    request("/platform", { data: values, method: "POST" });
-  };
-
-  return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(handleSubmit)} className="space-y-4">
-        <FormField
-          control={form.control}
-          name="name"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>平台名称</FormLabel>
-              <FormControl>
-                <Input placeholder="请输入平台名称" {...field} />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <FormField
-          control={form.control}
-          name="url"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>平台地址</FormLabel>
-              <FormControl>
-                <Input placeholder="请输入平台地址" {...field} />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <FormField
-          control={form.control}
-          name="description"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>优势描述</FormLabel>
-              <FormControl>
-                <Textarea placeholder="请输入描述" {...field} />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <FormField
-          control={form.control}
-          name="type"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>平台类型</FormLabel>
-              <FormControl>
-                <Select
-                  onValueChange={field.onChange}
-                  defaultValue={field.value}
-                >
-                  <FormControl>
-                    <SelectTrigger>
-                      <SelectValue placeholder="请选择类型" />
-                    </SelectTrigger>
-                  </FormControl>
-                  <SelectContent>
-                    <SelectItem value="database">database</SelectItem>
-                    <SelectItem value="design">design</SelectItem>
-                  </SelectContent>
-                </Select>
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <FormField
-          control={form.control}
-          name="tag"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>标签</FormLabel>
-              <FormControl>
-                <Select
-                  onValueChange={field.onChange}
-                  defaultValue={field.value}
-                >
-                  <FormControl>
-                    <SelectTrigger>
-                      <SelectValue placeholder="请选择类型" />
-                    </SelectTrigger>
-                  </FormControl>
-                  <SelectContent>
-                    <SelectItem value="mongodb">mongodb</SelectItem>
-                    <SelectItem value="postgres">postgres</SelectItem>
-                    <SelectItem value="ui">ui</SelectItem>
-                  </SelectContent>
-                </Select>
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <div className="flex justify-end">
-          <Button type="submit">保存</Button>
-        </div>
-      </form>
-    </Form>
-  );
-};
-
-export default PlatformDtoForm;
diff --git a/app/dashboard/platform/components/FormDialog.tsx b/app/dashboard/platform/components/FormDialog.tsx
deleted file mode 100644
index a63986f..0000000
--- a/app/dashboard/platform/components/FormDialog.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Form, useForm } from "react-hook-form";
-import PlatformDtoForm from "./DtoForm";
-
-function FormDialog({ triggerNode }: { triggerNode: React.ReactElement }) {
-  return (
-    <Dialog>
-      <DialogTrigger asChild>{triggerNode}</DialogTrigger>
-      <DialogContent className="">
-        <DialogHeader>
-          <DialogTitle>新建平台</DialogTitle>
-        </DialogHeader>
-        <PlatformDtoForm />
-      </DialogContent>
-    </Dialog>
-  );
-}
-
-export default FormDialog;
diff --git a/app/dashboard/platform/page.tsx b/app/dashboard/platform/page.tsx
deleted file mode 100644
index df3cb39..0000000
--- a/app/dashboard/platform/page.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { DataTable } from "./components/DataTable";
-import { columns } from "./columns";
-import { request } from "@/lib/request";
-import FormDialog from "./components/FormDialog";
-import { useRequest } from "@/hooks/useRequest";
-
-const Produce = async () => {
-  const data = await request("/platform", { cache: "no-cache" });
-  // const { data } = useRequest("/platform");
-  // console.log(data);
-
-  return <DataTable columns={columns} data={data} />;
-
-  return (
-    <Card>
-      <CardHeader className="flex justify-between">
-        <CardTitle>
-          <span>平台</span>
-          <FormDialog triggerNode={<Button>新增</Button>} />
-        </CardTitle>
-      </CardHeader>
-      <CardContent>
-        <DataTable columns={columns} data={data} />
-      </CardContent>
-    </Card>
-  );
-};
-
-export default Produce;
diff --git a/app/dashboard/product/form/page.tsx b/app/dashboard/product/form/page.tsx
index 0efabb9..75ce7af 100644
--- a/app/dashboard/product/form/page.tsx
+++ b/app/dashboard/product/form/page.tsx
@@ -66,7 +66,7 @@ const ProductForm = () => {
   const id = searchParams.get("id");
   const { data } = useSWR(() => `/platform/${id}`);
   const { trigger } = useSWRMutation(
-    () => (id ? `/platform/${id}` : "/platform"),
+    id ? () => `/platform/${id}` : "/platform",
     !!id ? updateProduct : createProduct,
     {
       onSuccess() {
diff --git a/app/dashboard/product/page.tsx b/app/dashboard/product/page.tsx
index 083cced..f1f3a8e 100644
--- a/app/dashboard/product/page.tsx
+++ b/app/dashboard/product/page.tsx
@@ -28,7 +28,7 @@ import {
 } from "lucide-react";
 import Image from "next/image";
 import React from "react";
-import { DataTable } from "../platform/components/DataTable";
+import { DataTable } from "@/components/DataTable";
 import { request } from "@/lib/request";
 import { columns } from "./columns";
 import { revalidateTag } from "next/cache";
diff --git a/app/page.tsx b/app/page.tsx
index 115785d..9bb18d9 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,7 +1,7 @@
 import { redirect } from "next/navigation";
 
 function Home() {
-  redirect("/dashboard/platform");
+  redirect("/dashboard/product");
 }
 
 export default Home;
diff --git a/app/dashboard/platform/components/DataTable.tsx b/components/DataTable.tsx
similarity index 100%
rename from app/dashboard/platform/components/DataTable.tsx
rename to components/DataTable.tsx