feat: (#608) 举报动态评论

Author: mutoe

src/api/index.js

@@ -24,3 +24,17 @@ export const limit = ~~(lstore.getData("BOOTSTRAPPERS") || {}).limit || 15;
 export function postFile(formData) {
   return api.post("/files", formData, { validateStatus: s => s === 201 });
 }
+
+/**
+ * 举报评论
+ *
+ * @author mutoe <[email protected]>
+ * @export
+ * @param {number} commentId
+ * @param {string} reason 举报原因
+ * @returns
+ */
+export function reportComment(commentId, reason) {
+  const url = `/report/comments/${commentId}`;
+  return api.post(url, { reason }, { validateStatus: s => s === 201 });
+}

src/components/FeedCard/FeedCard.vue

@@ -352,29 +352,47 @@ export default {
       this.$bus.$emit("actionSheet", actions, "取消");
     },
     commentAction({ isMine = false, placeholder, reply_user, comment }) {
+      const actions = [];
       if (isMine) {
         const isOwner = this.feed.user.id === this.CURRENTUSER.id;
-        const actionSheet = [
-          {
-            text: isOwner ? "评论置顶" : "申请评论置顶",
-            method: () => {
-              this.$bus.$emit("applyTop", {
-                isOwner,
-                type: "feedComment",
-                api: api.applyTopFeedComment,
-                payload: { feedId: this.feedID, commentId: comment.id }
-              });
-            }
-          },
-          { text: "删除评论", method: () => this.deleteComment(comment.id) }
-        ];
-        this.$bus.$emit("actionSheet", actionSheet);
+        actions.push({
+          text: isOwner ? "评论置顶" : "申请评论置顶",
+          method: () => {
+            this.$bus.$emit("applyTop", {
+              isOwner,
+              type: "feedComment",
+              api: api.applyTopFeedComment,
+              payload: { feedId: this.feedID, commentId: comment.id }
+            });
+          }
+        });
+        actions.push({
+          text: "删除评论",
+          method: () => this.deleteComment(comment.id)
+        });
       } else {
-        this.handleComment({
-          placeholder,
-          reply_user
+        actions.push({
+          text: "回复",
+          method: () => {
+            this.handleComment({
+              placeholder,
+              reply_user
+            });
+          }
+        });
+        actions.push({
+          text: "举报",
+          method: () => {
+            this.$bus.$emit("report", {
+              type: "comment",
+              payload: comment.id,
+              username: comment.user.name,
+              reference: comment.body
+            });
+          }
         });
       }
+      this.$bus.$emit("actionSheet", actions);
     },
     sendComment({ reply_user: replyUser, body }) {
       if (body && body.length === 0)

src/components/Report.vue

@@ -39,13 +39,15 @@ import { noop } from "@/util";
 import { reportFeed } from "@/api/feeds";
 import { reportNews } from "@/api/news";
 import { reportPost, reportPostComment } from "@/api/group";
+import { reportComment } from "@/api";
 import TextareaInput from "@/components/common/TextareaInput";
 
 const apiMap = {
   feed: reportFeed,
   news: reportNews,
   post: reportPost,
-  postComment: reportPostComment
+  postComment: reportPostComment,
+  comment: reportComment
 };
 
 export default {
@@ -76,6 +78,7 @@ export default {
           return "资讯";
         case "group":
           return "帖子";
+        case "comment":
         case "postComment":
           return "评论";
         default:

src/page/feed/FeedDetail.vue

@@ -111,12 +111,12 @@
           :pinned="true"
           :key="`pinned-comment-${comment.id}`"
           :comment="comment"
-          @click="replyComment"/>
+          @click="replyComment(comment)"/>
         <comment-item
           v-for="(comment) in comments"
           :key="comment.id"
           :comment="comment"
-          @click="replyComment"/>
+          @click="replyComment(comment)"/>
         <div class="m-box m-aln-center m-justify-center load-more-box">
           <div v-if="!pinnedCom.length && !comments.length" class="m-no-find"/>
           <span v-else-if="noMoreCom" class="load-more-ph">---没有更多---</span>
@@ -551,35 +551,53 @@ export default {
           ];
       this.$bus.$emit("actionSheet", [...defaultActions, ...actions], "取消");
     },
-    replyComment(uid, uname, commentId) {
+    replyComment(comment) {
+      const actions = [];
       // 是否是自己的评论
-      if (uid === this.CURRENTUSER.id) {
+      if (comment.user_id === this.CURRENTUSER.id) {
         // 是否是自己文章的评论
-        const isOwner = uid === this.user.id;
-        const actionSheet = [
-          {
-            text: isOwner ? "评论置顶" : "申请评论置顶",
-            method: () => {
-              this.$bus.$emit("applyTop", {
-                isOwner,
-                type: "feedComment",
-                api: api.applyTopFeedComment,
-                payload: { feedId: this.feedID, commentId },
-                callback: this.fetchFeedComments
-              });
-            }
-          },
-          { text: "删除评论", method: () => this.deleteComment(commentId) }
-        ];
-        this.$bus.$emit("actionSheet", actionSheet, "取消");
+        const isOwner = comment.user_id === this.user.id;
+        actions.push({
+          text: isOwner ? "评论置顶" : "申请评论置顶",
+          method: () => {
+            this.$bus.$emit("applyTop", {
+              isOwner,
+              type: "feedComment",
+              api: api.applyTopFeedComment,
+              payload: { feedId: this.feedID, commentId: comment.id },
+              callback: this.fetchFeedComments
+            });
+          }
+        });
+        actions.push({
+          text: "删除评论",
+          method: () => this.deleteComment(comment.id)
+        });
       } else {
-        this.$bus.$emit("commentInput", {
-          placeholder: `回复： ${uname}`,
-          onOk: text => {
-            this.sendComment({ reply_user: uid, body: text });
+        actions.push({
+          text: "回复",
+          method: () => {
+            this.$bus.$emit("commentInput", {
+              placeholder: `回复： ${comment.user.name}`,
+              onOk: text => {
+                this.sendComment({ reply_user: comment.user_id, body: text });
+              }
+            });
+          }
+        });
+        actions.push({
+          text: "举报",
+          method: () => {
+            this.$bus.$emit("report", {
+              type: "comment",
+              payload: comment.id,
+              username: comment.user.name,
+              reference: comment.body
+            });
           }
         });
       }
+      this.$bus.$emit("actionSheet", actions);
     },
     sendComment({ reply_user: replyUser, body }) {
       const params = {};