feat: 撤回

idoknow · Apr 14, 2024 · e35ce4f · e35ce4f
1 parent 57947e3
commit e35ce4f
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 6 deletions.
diff --git a/frontend/src/assets/logo.png b/frontend/src/assets/logo.png
diff --git a/frontend/src/components/PostCard.vue b/frontend/src/components/PostCard.vue
@@ -5,11 +5,18 @@
     max-width="400"
     style="border-radius: 10px; color: #fff"
   >
-    <template v-slot:prepend>
-      <v-icon color="white" style="font-size: 25px">mdi-pin</v-icon>
-      <h3 style="margin-left: 8px">稿件</h3>
-    </template>
+    <div style="width: 100%; padding: 8px 8px 0px 8px">
+      <div style="display: flex; align-items: center; justify-content: space-between;">
+        <div style="display: flex; align-items: center;">
+          <v-icon color="white" style="font-size: 25px">mdi-pin</v-icon>
+          <h3 style="margin-left: 8px">稿件</h3>
+        </div>
+        <!-- 取消投稿 -->
+        <v-btn v-if="post.status == '待审核'" text="撤回" @click="recall" variant="plain"></v-btn>
+      </div>
 
+    </div>
+
     <v-card-text class="py-2" style="font-size: 16px; font-weight: bold; line-height: 1.5; word-spacing: 2px">
       {{post.text}}
     </v-card-text>
@@ -72,6 +79,9 @@
             randomColor() {
                 let colors = ["#FFC107", "#42A5F5", "#9CCC65", "#F06292", "#76FF03", "#9E9E9E", "#8D6E63"]
                 return colors[Math.floor(Math.random() * colors.length)]
+            },
+            recall() {
+                this.$emit('recall', this.post.id)
             }
         }
     }

diff --git a/frontend/src/pages/index.vue b/frontend/src/pages/index.vue
@@ -73,6 +73,7 @@
         <v-card title="😉 投稿礼仪">
 
           <v-card-text>
+            <p>0. 有诉求请使用正确的语言合理表达，我们讨厌无实际意义的情绪宣泄。</p>
             <p>1. 发表针对特定人的负面信息或发表任何人的照片，不允许匿名，同时要求 QQ 等级高于一个太阳</p>
             <p>2. 请勿选择不完全符合内容的标签，否则可能导致封禁</p>
             <p>3. 以下情形拒绝:涉及政论、主义、国、党等一切敏感内容</p>

diff --git a/frontend/src/pages/world.vue b/frontend/src/pages/world.vue
@@ -17,7 +17,7 @@
           variant="solo"
           @update:model-value="getPosts"
         ></v-select>
-        <PostCard v-for="p in posts" :key="p.id" :post="p" style="margin-top: 16px" />
+        <PostCard v-for="p in posts" :key="p.id" :post="p" style="margin-top: 16px" @recall="recallPost" />
       </div>
     </v-window-item>
     <v-window-item value="2">
@@ -125,7 +125,25 @@ export default {
     toast(text, color = 'error') {
       this.snackbar.text = text
       this.snackbar.color = color
-    }
+    },
+    recallPost(post) {
+      console.log(post)
+      this.$axios.post('/v1/post/cancel', {
+        "post_id": post.id
+      })
+        .then((response) => {
+          if (response.data.code === 0) {
+            this.toast('撤回成功', 'success')
+            this.getPosts()
+          } else {
+            this.toast('撤回失败：' + response.data.msg)
+          }
+        })
+        .catch((error) => {
+          this.toast('撤回失败：' + error.response.data.msg)
+          console.error(error)
+        })
+    },
   }
 }
 </script>