fix: 实现重构后的帖子页面的部分功能

src/views/test-posts/utils.ts

@@ -0,0 +1,113 @@
+import { ref } from 'vue'
+import { useStore } from '@/store'
+import { errorMsg } from '@/utils/message'
+import { get, post } from '@/utils/request'
+
+const store = useStore()
+export interface responseGetOtherPosts {
+    posts: {
+        postId: string,
+        title: string,
+        text: string,
+        url: string,
+        tags: string[],
+        likeCount: number,
+        commentCount: number,
+        liked: boolean,
+        userName: string,
+    }[]
+}
+
+export interface responseGetPost {
+    postId: string,
+    title: string,
+    text: string,
+    url:string,
+    author: {
+        userId: string,
+        name: string,
+        url: string,
+        followed: boolean
+    }
+    tags: string[],
+    viewCount: number,
+    likeCount: number,
+    commentCount: number,
+    shareCount: number,
+    collectCount: number,
+    liked: boolean,
+    collected: boolean,
+    createTime: number,
+    updateTime: number,
+}
+
+export const getOtherPosts = async () => {
+    const postsList = ref<responseGetOtherPosts>({
+        posts: []
+    })
+    await get('/content/getPosts')
+    .then((res: any) => {
+        postsList.value = {
+            posts: res.posts.map((post: any) => ({
+                postId: post.postId,
+                title: post.title,
+                text: post.text,
+                url: post.url,
+                tags: post.tags,
+                likeCount: post.likeCount,
+                commentCount: post.commentCount,
+                liked: post.liked,
+                userName: post.userName
+            }))
+        }
+    })
+    return postsList.value
+}
+
+export const getTagsList = async(key: string) =>{
+    const url = '/label/getLabels?key=' + key
+    const tagsList = ref<string[]>([])
+    await get(url).then((res: any) => {
+        tagsList.value = res.labels.map((label: any) => label.value)
+    })
+    return tagsList.value
+}
+
+export const cancelRelation = (thisPost: any, toType: number, relationType: number) => {
+    post('/relation/deleteRelation', {
+        toId: thisPost.postId,
+        toType,
+        relationType,
+    })
+    .then(() => {
+        if (relationType === 1) {
+            thisPost.liked = false
+            thisPost.likeCount --
+        }
+        else if (relationType === 3) {
+            thisPost.collected = false
+        }
+    })
+}
+
+export const createRelation = (thisPost: any, toType: number, relationType: number) => {
+    const longToken = store.getUserLongToken()
+    if (!longToken) {
+        errorMsg('请先登录')
+        return
+    }
+    post('/relation/createRelation', {
+        toId: thisPost.postId,
+        toType,
+        relationType,
+    })
+    .then(() => {
+        if (relationType === 1) {
+            thisPost.liked = true
+            thisPost.likeCount ++
+        }
+        else if (relationType === 3) {
+            thisPost.collected = true
+        }
+    })
+}