From 31e253eaefc24eb2f0bf7fde8039ee072e0f82c5 Mon Sep 17 00:00:00 2001
From: Miao_Spring <539943419@qq.com>
Date: Tue, 14 Jan 2025 21:59:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=A7=E7=BB=AD=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E6=96=87=E7=AB=A0=E7=BC=96=E8=BE=91=E5=99=A8=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/user/postEditor.vue     | 31 ++++++++++++++++++
 hooks/useMiaoFetch.ts              |  7 ++--
 pages/user/main.vue                |  4 +--
 pages/user/main/post/edit-[id].vue | 52 ++++++++++++++++++++++++++++--
 server/api/posts/getPostContent.ts |  5 +--
 5 files changed, 90 insertions(+), 9 deletions(-)
 create mode 100644 components/user/postEditor.vue

diff --git a/components/user/postEditor.vue b/components/user/postEditor.vue
new file mode 100644
index 0000000..830fc57
--- /dev/null
+++ b/components/user/postEditor.vue
@@ -0,0 +1,31 @@
+<template>
+    <div class="post-editor">
+        editor以后再写
+        <el-input v-model:model-value="id" placeholder="id" />
+        <el-input v-model:model-value="title" placeholder="title" />
+        <el-input v-model:model-value="summary" placeholder="summary" />
+        <el-input-tag v-model:model-value="tags" placeholder="tags" />
+        <el-input type="textarea" v-model:model-value="content" placeholder="content" autosize />
+    </div>
+</template>
+
+<script setup lang="ts">
+import useMiaoFetch from '~/hooks/useMiaoFetch';
+
+// const { post: { updatePost } } = useMiaoFetch()
+
+const id = defineModel<number>('id')
+const title = defineModel<string>('title')
+const summary = defineModel<string>('summary')
+const tags = defineModel<string[]>('tags')
+const content = defineModel<string>('content')
+
+</script>
+
+<style scoped>
+.post-editor {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+}
+</style>
diff --git a/hooks/useMiaoFetch.ts b/hooks/useMiaoFetch.ts
index 7c6b792..3d4514e 100644
--- a/hooks/useMiaoFetch.ts
+++ b/hooks/useMiaoFetch.ts
@@ -37,8 +37,11 @@ export default function useFetch() {
                     'Authorization': `Bearer ${userStore.token}`
                 }
             }),
-            getPost: (id: number) => $fetch(`/api/posts/getPost?id=${id}`, {
-                method: 'GET',
+            getPost: (id: number) => $fetch(`/api/posts/getPostContent`, {
+                method: 'post',
+                body: {
+                    id
+                },
                 headers: {
                     'Authorization': `Bearer ${userStore.token}`
                 }
diff --git a/pages/user/main.vue b/pages/user/main.vue
index 90fc02f..78b19d3 100644
--- a/pages/user/main.vue
+++ b/pages/user/main.vue
@@ -2,8 +2,8 @@
     <div :class="['user-main', showSidebar ? '' : 'hide-sidebar']">
         <div class="user-sidebar">
             <!-- <el-button @click="handleHideSidebar">hide</el-button> -->
-            <div class="sidebar-item" @click="handleHideSidebar">
-                <div class="sidebar-item-icon">
+            <div class="sidebar-item" @click="handleHideSidebar" style="justify-content: center;">
+                <div class="sidebar-item-icon" style="transform: translateX(3px);">
                     <component class="sidebar-item-icon-noFill" :is="chevronDown"
                         :style="{ transform: showSidebar ? '' : 'rotate(-90deg)' }"></component>
                 </div>
diff --git a/pages/user/main/post/edit-[id].vue b/pages/user/main/post/edit-[id].vue
index 59d37ff..88e2a26 100644
--- a/pages/user/main/post/edit-[id].vue
+++ b/pages/user/main/post/edit-[id].vue
@@ -1,15 +1,61 @@
 <template>
     <div>
         edit: id-{{ route.params.id }}
+        <editor v-model:id="id" v-model:title="title" v-model:summary="summary" v-model:tags="tags"
+            v-model:content="content"></editor>
+        <el-button @click = handleUpdate>
+            upload
+        </el-button>
     </div>
 </template>
 
 <script setup lang="ts">
+import editor from '~/components/user/postEditor.vue';
+import useDefaultStore from '~/hooks/pinia/useDefaultStore';
+import useFetch from '~/hooks/useMiaoFetch';
+import type { postItem } from '~/types/post';
+
+type resType = {
+    data: string
+} & postItem
+
+
+const { post: { getPost, updatePost } } = useFetch()
 
 const route = useRoute()
 
+const id = ref<number>(-1)
+const title = ref<string>('title')
+const summary = ref<string>('summary')
+const tags = ref<string[]>([])
+const content = ref<string>('content')
+
+const handleUpdate = () => {
+    updatePost({
+        id: id.value,
+        title: title.value,
+        summary: summary.value,
+        tags: tags.value,
+        url: '',
+        content: content.value,
+        type: 'markdown',
+        date: Date.now()
+    })
+    const store = useDefaultStore()
+    store.deleteCache('posts')
+}
+
+onBeforeMount(async () => {
+
+    id.value = parseInt(route.params.id as string)
+    const res = await getPost(id.value) as any as resType
+    console.log(res)
+    id.value = res.id
+    title.value = res.title
+    summary.value = res.summary
+    tags.value = []
+    content.value = res.data
+})
 </script>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file
diff --git a/server/api/posts/getPostContent.ts b/server/api/posts/getPostContent.ts
index 3a3092f..b8a090b 100644
--- a/server/api/posts/getPostContent.ts
+++ b/server/api/posts/getPostContent.ts
@@ -1,6 +1,7 @@
 // @ts-ignore
 import testData from "~/public/testData/test.md"
 import DB from 'better-sqlite3';
+import { postItem } from "~/types/post";
 
 export default defineEventHandler(async (event) => {
   const body = await readBody(event)
@@ -13,7 +14,7 @@ export default defineEventHandler(async (event) => {
   }
 
   const db = new DB('./userData/db/posts.db');
-  const post: any = db.prepare('SELECT * FROM posts WHERE id = ?').get(Number(id));
+  const post = db.prepare('SELECT * FROM posts WHERE id = ?').get(Number(id)) as postItem;
   const content: any = db.prepare('SELECT content FROM postContent WHERE id = ?').get(Number(id));
   db.close();
 
@@ -34,6 +35,6 @@ export default defineEventHandler(async (event) => {
   return {
     code: 200,
     data: content.content,
-    title: post.title
+    ...post
   };
 })
\ No newline at end of file