From 3c0bbf834d1e427f2fadda364e404766fb558cbe Mon Sep 17 00:00:00 2001
From: ruotongyu <yuruotong@ceshiren.com>
Date: Tue, 18 Jun 2024 23:02:47 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=E6=B7=BB=E5=8A=A0(Content.tsx):=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=A1=B5=E9=9D=A2=E4=BB=A5=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E7=B1=BB=E5=88=AB=E9=80=89=E6=8B=A9=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=20=20=20=E2=9C=A8=20=E6=B7=BB=E5=8A=A0(ContentAction.?=
 =?UTF-8?q?ts):=20=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=EF=BC=8C=E6=B7=BB=E5=8A=A0=E7=B1=BB=E5=88=AB?=
 =?UTF-8?q?ID=E6=94=AF=E6=8C=81=20=20=20=E2=9C=A8=20=E6=B7=BB=E5=8A=A0(Con?=
 =?UTF-8?q?tentLoader.ts):=20=E9=80=9A=E8=BF=87API=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E5=92=8C=E7=B1=BB=E5=88=AB=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=20=20=20=F0=9F=94=A7=20=E6=9B=B4=E6=96=B0(content.scss):=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E6=9B=B4=E6=96=B0=E4=BB=A5=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E6=A1=86=E9=80=89=E6=8B=A9=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/renderer/src/pages/Content/Content.tsx   | 13 ++++++++++++-
 .../renderer/src/pages/Content/ContentAction.ts  |  3 ++-
 .../renderer/src/pages/Content/ContentLoader.ts  |  7 ++++++-
 .../src/renderer/src/pages/Content/content.scss  | 16 +++++++++++++---
 4 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/ui/autoMate/src/renderer/src/pages/Content/Content.tsx b/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
index 5d62e4f..6a9b53f 100644
--- a/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
+++ b/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
@@ -1,7 +1,10 @@
 import { Form, useLoaderData, useSubmit } from "react-router-dom"
 import "./content.scss"
 export const Content = () => {
-    const content = useLoaderData() as ContentType
+    const {content, categories} = useLoaderData() as {
+        content: ContentType
+        categories: CategoryType[]
+    }
     const submit = useSubmit()
     return (
     <Form method="PUT">
@@ -9,6 +12,14 @@ export const Content = () => {
         <input autoFocus defaultValue={content.title} name="title" onChange={(e) => {
             submit(e.target.form)
         }}/>
+        <select name="category_id" value={content.category_id} onChange={(e)=>
+            submit(e.target.form)
+        }>
+            <option value="0">未分类</option>
+            {categories.map((category) => (
+                <option key={category.id} value={category.id}>{category.name}</option>
+            ))}
+        </select>
         <textarea placeholder="请输入内容..." defaultValue={content.content} name="content" onChange={(e) => {
             submit(e.target.form)
         }}/>
diff --git a/ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts b/ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts
index 9ff928f..ae6d298 100644
--- a/ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts
+++ b/ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts
@@ -2,10 +2,11 @@ export default async({request, params}) => {
     // params 接收路由中传递过来的数据
     const data = await request.formData()
     const res = window.api.sql(
-        `update contents set title=@title, content=@content where id=@id`, 
+        `update contents set title=@title, content=@content, category_id=@category_id where id=@id`, 
         "update",
         {title: data.get("title"), 
         content: data.get("content"), 
+        category_id: data.get("category_id"),
         id: params.id}
     )
     return res
diff --git a/ui/autoMate/src/renderer/src/pages/Content/ContentLoader.ts b/ui/autoMate/src/renderer/src/pages/Content/ContentLoader.ts
index 1cce31f..f07b25d 100644
--- a/ui/autoMate/src/renderer/src/pages/Content/ContentLoader.ts
+++ b/ui/autoMate/src/renderer/src/pages/Content/ContentLoader.ts
@@ -1,3 +1,8 @@
 export default async({params}) => {
-    return window.api.sql(`select * from contents where id = ${params.id}`, "findOne")
+    const content = await window.api.sql(`select * from contents where id = ${params.id}`, "findOne")
+    const categories = await window.api.sql(`select * from categories order by id desc`, "findAll")
+    return {
+        content,
+        categories
+    }
 }
diff --git a/ui/autoMate/src/renderer/src/pages/Content/content.scss b/ui/autoMate/src/renderer/src/pages/Content/content.scss
index 165afe2..f62eb7d 100644
--- a/ui/autoMate/src/renderer/src/pages/Content/content.scss
+++ b/ui/autoMate/src/renderer/src/pages/Content/content.scss
@@ -1,12 +1,22 @@
 .content-page{
     @apply h-screen;
     display: grid;
-    grid-template-rows: 50px 1fr;
+    grid-template-rows: 50px 30px 1fr;
+    @mixin common {
+        @apply outline-none bg-slate-50;
+    }
     input{
-        @apply text-lg outline-none bg-slate-50 p-3;
+        @include common();
+        @apply text-lg p-3;
+    }
+
+    select{
+        @include common();
+        @apply w-full;
     }
 
     textarea{
-        @apply border-t pt-5 outline-none text-sm opacity-90 bg-slate-50 p-3;
+        @include common();
+        @apply border-t pt-5  text-sm opacity-90 p-3;
     }
 }
\ No newline at end of file