From e8fbc3f2af6082d5783c17696d02fe71c9e1fb95 Mon Sep 17 00:00:00 2001
From: x ronger <ronger-x@outlook.com>
Date: Tue, 29 Sep 2020 18:26:08 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E8=AF=84=E8=AE=BA=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=A2=9E=E5=8A=A0=E6=96=87=E7=AB=A0=E4=BD=9C=E8=80=85?=
 =?UTF-8?q?=E6=A0=87=E8=AF=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/comment/main.vue | 31 +++++++++++++++++++++++-------
 pages/article/_article_id.vue      |  2 +-
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/components/common/comment/main.vue b/components/common/comment/main.vue
index dc2be20..57a0ad5 100644
--- a/components/common/comment/main.vue
+++ b/components/common/comment/main.vue
@@ -44,21 +44,31 @@
               <el-col style="margin-left: 1rem;">
                 <el-col v-show="comment.commentOriginalCommentId">
                   <el-col :span="16">
-                  <el-link rel="nofollow" @click="onRouter('user', comment.commenter.userNickname)" :underline="false"
-                           class="text-default">{{ comment.commenter.userNickname }}
-                  </el-link>
-                  <small class="text-default" style="margin: 0 0.2rem">回复了</small><span style="font-weight: bold;"> {{comment.commentOriginalAuthorNickname}}</span>
+                    <el-link rel="nofollow" @click="onRouter('user', comment.commenter.userNickname)" :underline="false"
+                             class="text-default">{{ comment.commenter.userNickname }}
+                    </el-link>
+                    <small class="text-default" style="margin: 0 0.2rem">回复了</small><span style="font-weight: bold;"> {{comment.commentOriginalAuthorNickname}}</span>
                   </el-col>
                   <el-col :span="8" class="text-right" style="padding-right: 1rem;">
                     <el-link rel="nofollow" :underline="false" title="查看原评论"
                              @click.native="toggleShowOriginalComment(comment.commentOriginalCommentId)"><i
                       class="el-icon-reading"></i> 查看原评论</el-link>
+                    <el-tag v-show="isAuthor(comment.commentAuthorId)" size="mini" effect="plain" style="margin-left: 5px;">
+                       作者
+                    </el-tag>
                   </el-col>
                 </el-col>
                 <el-col v-show="!comment.commentOriginalCommentId">
-                  <el-link rel="nofollow" @click="onRouter('user', comment.commenter.userNickname)" :underline="false"
-                           class="text-default">{{ comment.commenter.userNickname }}
-                  </el-link>
+                  <el-col :span="16">
+                    <el-link rel="nofollow" @click="onRouter('user', comment.commenter.userNickname)" :underline="false"
+                             class="text-default">{{ comment.commenter.userNickname }}
+                    </el-link>
+                  </el-col>
+                  <el-col :span="8" class="text-right" style="padding-right: 1rem;">
+                    <el-tag v-show="isAuthor(comment.commentAuthorId)" size="mini" effect="plain" style="margin-left: 5px;">
+                      作者
+                    </el-tag>
+                  </el-col>
                 </el-col>
               </el-col>
               <el-col style="padding: 1rem;">
@@ -107,6 +117,10 @@
         type: Object,
         default: false
       },
+      authorId: {
+        type: Number,
+        default: false
+      },
       avatar: {
         type: String,
         default: ''
@@ -335,6 +349,9 @@
         } else {
           ele.style.display = 'none';
         }
+      },
+      isAuthor(commentAuthorId) {
+        return this.authorId === commentAuthorId;
       }
     },
     async mounted() {
diff --git a/pages/article/_article_id.vue b/pages/article/_article_id.vue
index 5e7d49d..62dd69a 100644
--- a/pages/article/_article_id.vue
+++ b/pages/article/_article_id.vue
@@ -76,7 +76,7 @@
     </el-col>
     <el-col>
       <comment-box :fetching="isFetching" :user="user" :avatar="avatar" :title="article.articleTitle"
-                   :post-id="routeArticleId"></comment-box>
+                   :post-id="routeArticleId" :authorId="article.articleAuthorId"></comment-box>
     </el-col>
     <el-col>
       <el-dialog :visible.sync="dialogVisible">