From dc6a9687a98bce49cd251f99f77624147476b5c1 Mon Sep 17 00:00:00 2001
From: yuruo <yuruotong1@163.com>
Date: Tue, 18 Jun 2024 09:01:32 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20UI(autoMate)=EF=BC=9A=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E8=A1=A8=E5=8D=95=E7=BB=84=E4=BB=B6=E5=92=8C=E8=AF=B7?=
 =?UTF-8?q?=E6=B1=82=E5=A4=84=E7=90=86=E5=99=A8=20=20=20=F0=9F=93=9D=20UI(?=
 =?UTF-8?q?autoMate)=EF=BC=9A=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=9A=84=E8=A1=A8=E5=8D=95=E5=85=83=E7=B4=A0=E5=92=8C?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E5=A4=84=E7=90=86=E9=80=BB=E8=BE=91=20=20=20?=
 =?UTF-8?q?=F0=9F=93=9D=20UI(autoMate)=EF=BC=9A=E5=9C=A8=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E4=B8=AD=E5=BC=95=E5=85=A5=E5=86=85=E5=AE=B9=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/renderer/src/pages/Content/Content.tsx        | 11 ++++++-----
 .../src/renderer/src/pages/Content/ContentAction.ts   |  5 +++++
 ui/autoMate/src/renderer/src/router/index.tsx         |  2 ++
 3 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts

diff --git a/ui/autoMate/src/renderer/src/pages/Content/Content.tsx b/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
index 9515f20..8ff0c21 100644
--- a/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
+++ b/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
@@ -1,15 +1,16 @@
-import { useLoaderData } from "react-router-dom"
+import { Form, useLoaderData } from "react-router-dom"
 import "./content.scss"
-import { Button } from "antd"
 export const Content = () => {
     const content = useLoaderData() as ContentType
     return (
+    <Form method="PUT">
     <main className="content-page">
-        <input defaultValue={content.title}/>
-        <textarea defaultValue={content.content}/>
+        <input defaultValue={content.title} name="title"/>
+        <textarea defaultValue={content.content} name="content"/>
         <div className="border-t flex items-center justify-center">
-            <Button type="default" size="small">保存</Button>
+            <button>保存</button>
         </div>
     </main>
+    </Form>
     )
 }
\ No newline at end of file
diff --git a/ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts b/ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts
new file mode 100644
index 0000000..85cc4e4
--- /dev/null
+++ b/ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts
@@ -0,0 +1,5 @@
+export default async({request}) => {
+    const data = await request.formData()
+    console.log(data.get("content"))
+    return {}
+}
\ No newline at end of file
diff --git a/ui/autoMate/src/renderer/src/router/index.tsx b/ui/autoMate/src/renderer/src/router/index.tsx
index 8bdeb59..fe541ca 100644
--- a/ui/autoMate/src/renderer/src/router/index.tsx
+++ b/ui/autoMate/src/renderer/src/router/index.tsx
@@ -7,6 +7,7 @@ import CategoryLoader from "@renderer/pages/Category/CategoryLoader";
 import ContentListLoader from "@renderer/pages/ContentList/ContentListLoader";
 import ContentLoader from "@renderer/pages/Content/ContentLoader";
 import { Content } from "@renderer/pages/Content/Content";
+import ContentAction from "@renderer/pages/Content/ContentAction";
 
 const router = createHashRouter([
   {
@@ -31,6 +32,7 @@ const router = createHashRouter([
               {
                 path: "content/:id",
                 loader: ContentLoader,
+                action: ContentAction,
                 element: <Content />
               }
             ]